summaryrefslogtreecommitdiffstats
path: root/templates/repo/clone_script.tmpl
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--templates/repo/clone_script.tmpl50
1 files changed, 50 insertions, 0 deletions
diff --git a/templates/repo/clone_script.tmpl b/templates/repo/clone_script.tmpl
new file mode 100644
index 0000000..40dae76
--- /dev/null
+++ b/templates/repo/clone_script.tmpl
@@ -0,0 +1,50 @@
+<script>
+ // synchronously set clone button states and urls here to avoid flickering
+ // on page load. initRepoCloneLink calls this when proto changes.
+ // this applies the protocol-dependant clone url to all elements with the
+ // `js-clone-url` and `js-clone-url-vsc` classes.
+ // TODO: This localStorage setting should be moved to backend user config
+ // so it's available during rendering, then this inline script can be removed.
+ (window.updateCloneStates = function() {
+ const httpsBtn = document.getElementById('repo-clone-https');
+ const sshBtn = document.getElementById('repo-clone-ssh');
+ const value = localStorage.getItem('repo-clone-protocol') || 'https';
+ const isSSH = value === 'ssh' && sshBtn || value !== 'ssh' && !httpsBtn;
+
+ if (httpsBtn) {
+ httpsBtn.textContent = window.origin.split(':')[0].toUpperCase();
+ httpsBtn.classList.toggle('primary', !isSSH);
+ httpsBtn.classList.toggle('basic', isSSH);
+ }
+ if (sshBtn) {
+ sshBtn.classList.toggle('primary', isSSH);
+ sshBtn.classList.toggle('basic', !isSSH);
+ }
+
+ const btn = isSSH ? sshBtn : httpsBtn;
+ if (!btn) return;
+
+ // NOTE: Keep this function in sync with the one in the js folder
+ function toOriginUrl(urlStr) {
+ try {
+ if (urlStr.startsWith('http://') || urlStr.startsWith('https://') || urlStr.startsWith('/')) {
+ const {origin, protocol, hostname, port} = window.location;
+ const url = new URL(urlStr, origin);
+ url.protocol = protocol;
+ url.hostname = hostname;
+ url.port = port || (protocol === 'https:' ? '443' : '80');
+ return url.toString();
+ }
+ } catch {}
+ return urlStr;
+ }
+ const link = toOriginUrl(btn.getAttribute('data-link'));
+
+ for (const el of document.getElementsByClassName('js-clone-url')) {
+ el[el.nodeName === 'INPUT' ? 'value' : 'textContent'] = link;
+ }
+ for (const el of document.getElementsByClassName('js-clone-url-editor')) {
+ el.href = el.getAttribute('data-href-template').replace('{url}', encodeURIComponent(link));
+ }
+ })();
+</script>