15308555518/ website
1
0
Fork 0
mirror of https://github.com/kubesphere/website.git synced 2025-12-25 15:32:54 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add an automatic redirection for a lower version 

Signed-off-by: Zhengyi Lai <zheng1@kubesphere.io>
This commit is contained in:
Zhengyi Lai 2024-09-11 19:27:07 +08:00
parent d33ec5fbba
commit ed96928bf6
No known key found for this signature in database
GPG Key ID: 428B262711A90D5B
1 changed files with 52 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
layouts/partials/head.html
View File

@ -29,6 +29,58 @@
<script src='{{ "js/jquery.modal.min.js" | relURL }}'></script>
<script src='{{ "swiper/swiper-bundle.min.js" | relURL }}'></script>
<script>
// Get the current url, if there is /zh/ in the path, it will be Chinese, otherwise it will be English.
// Pop up a mask on the current page to remind the user that the current version is no longer maintained, please visit kubesphere.io for the latest version. If the user doesn't click continue, it will automatically switch to kubesphere.io after 10s, and if they continue, the mask will be closed.
window.onload = function() {
var isZh = window.location.pathname.startsWith("/zh/");
var mask = document.createElement('div');
mask.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;';
var box = document.createElement('div');
box.style.cssText = 'position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:20px;border-radius:5px;text-align:center;';
var message = document.createElement('p');
message.textContent = isZh ? '当前版本已经不再维护，将在 10 秒钟后重定向到 kubesphere.io 获取最新版本。' : 'This version is no longer maintained. You will be redirected to kubesphere.io for the latest version in 10 seconds.';
message.style.margin = '10px 0';
var continueBtn = document.createElement('button');
continueBtn.textContent = isZh ? '继续浏览' : 'Continue';
continueBtn.style.cssText = 'margin-right:10px;padding:8px 16px;background-color:#f0f0f0;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color 0.3s;';
continueBtn.onmouseover = function() { this.style.backgroundColor = '#e0e0e0'; };
continueBtn.onmouseout = function() { this.style.backgroundColor = '#f0f0f0'; };
var redirectBtn = document.createElement('button');
redirectBtn.textContent = isZh ? '前往新版' : 'Go to new version';
redirectBtn.style.cssText = 'padding:8px 16px;background-color:#1890ff;color:white;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color 0.3s;';
redirectBtn.onmouseover = function() { this.style.backgroundColor = '#40a9ff'; };
redirectBtn.onmouseout = function() { this.style.backgroundColor = '#1890ff'; };
box.appendChild(message);
box.appendChild(continueBtn);
box.appendChild(redirectBtn);
mask.appendChild(box);
document.body.appendChild(mask);
var redirectTimer = setTimeout(function() {
window.location.href = 'https://kubesphere.io' + (isZh ? '/zh/' : '/');
}, 10000);
continueBtn.onclick = function() {
document.body.removeChild(mask);
clearTimeout(redirectTimer);
};
redirectBtn.onclick = function() {
window.location.href = 'https://kubesphere.io' + (isZh ? '/zh/' : '/');
};
}
</script>
{{ if or (.IsDescendant (.GetPage "/docs")) (.InSection (.GetPage "/docs")) }}
<script type="text/javascript" src="/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
{{ end }}