37205039fc
Use async clipboard api [1] over this dependency, saving around 10kB bundle size before minify while delivering the same functionality. The issue comment button works but does not have a popup indication. We could add some toast-style notifications in the future to fix that but I think it's out of scope of this PR. [1] https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText
36 lines
2.0 KiB
Handlebars
36 lines
2.0 KiB
Handlebars
{{if not $.DisableHTTP}}
|
|
<button class="ui basic clone button no-transition" id="repo-clone-https" data-link="{{if $.PageIsWiki}}{{$.WikiCloneLink.HTTPS}}{{else}}{{$.CloneLink.HTTPS}}{{end}}">
|
|
{{if UseHTTPS}}HTTPS{{else}}HTTP{{end}}
|
|
</button>
|
|
{{end}}
|
|
{{if and (not $.DisableSSH) (or $.IsSigned $.ExposeAnonSSH)}}
|
|
<button class="ui basic clone button no-transition" id="repo-clone-ssh" data-link="{{if $.PageIsWiki}}{{$.WikiCloneLink.SSH}}{{else}}{{$.CloneLink.SSH}}{{end}}">
|
|
SSH
|
|
</button>
|
|
{{end}}
|
|
{{if not $.DisableHTTP}}
|
|
<input id="repo-clone-url" value="{{if $.PageIsWiki}}{{$.WikiCloneLink.HTTPS}}{{else}}{{$.CloneLink.HTTPS}}{{end}}" readonly>
|
|
{{else if and (not .DisableSSH) (or $.IsSigned $.ExposeAnonSSH)}}
|
|
<input id="repo-clone-url" value="{{if $.PageIsWiki}}{{$.WikiCloneLink.SSH}}{{else}}{{$.CloneLink.SSH}}{{end}}" readonly>
|
|
{{end}}
|
|
{{if or (not $.DisableHTTP) (and (not $.DisableSSH) (or $.IsSigned $.ExposeAnonSSH))}}
|
|
<button class="ui basic icon button poping up" id="clipboard-btn" data-original="{{.i18n.Tr "repo.copy_link"}}" data-success="{{.i18n.Tr "repo.copy_link_success"}}" data-error="{{.i18n.Tr "repo.copy_link_error"}}" data-content="{{.i18n.Tr "repo.copy_link"}}" data-variation="inverted tiny" data-clipboard-target="#repo-clone-url">
|
|
{{svg "octicon-clippy"}}
|
|
</button>
|
|
{{end}}
|
|
{{if not (and $.DisableHTTP $.DisableSSH)}}
|
|
<script defer>
|
|
const isSSH = localStorage.getItem('repo-clone-protocol') === 'ssh';
|
|
const sshButton = document.getElementById('repo-clone-ssh');
|
|
const httpsButton = document.getElementById('repo-clone-https');
|
|
const input = document.getElementById('repo-clone-url');
|
|
if (input) input.value = (isSSH ? sshButton : httpsButton).dataset.link;
|
|
if (sshButton) sshButton.classList[isSSH ? 'add' : 'remove']('primary');
|
|
if (httpsButton) httpsButton.classList[isSSH ? 'remove' : 'add']('primary');
|
|
setTimeout(() => {
|
|
if (sshButton) sshButton.classList.remove('no-transition');
|
|
if (httpsButton) httpsButton.classList.remove('no-transition');
|
|
}, 100);
|
|
</script>
|
|
{{end}}
|