1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <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-vsc')) {
- el['href'] = 'vscode://vscode.git/clone?url=' + encodeURIComponent(link);
- }
- })();
- </script>
|