79 lines
3.5 KiB
HTML
79 lines
3.5 KiB
HTML
<p class="{{ if .IsPixel }}uk-container{{end}} uk-text-right uk-text-muted uk-text-small">
|
||
<br>Powered by NekoBox | {{ ICP }}<br>{{t .LangCode "site.footer.runtime"}}：<span id="box_runtime"></span>
|
||
<br>
|
||
<!--<a href="/pixel">画板</a> | -->
|
||
<a href="https://box.tama.guru/_/tamakyi" target="_blank">{{t .LangCode "site.footer.admin"}}</a>
|
||
| <a href="https://blog.tama.guru" target="_blank">{{t .LangCode "site.footer.notice"}}</a>
|
||
| <a href="https://chat.tama.guru" target="_blank">{{t .LangCode "site.footer.chat"}}</a>
|
||
| <a href="https://share.tama.guru" target="_blank">{{t .LangCode "site.footer.drive"}}</a>
|
||
| <a href="https://status.tama.guru" target="_blank">{{t .LangCode "site.footer.status"}}</a>
|
||
| <a href="https://tama.guru" target="_blank">{{t .LangCode "site.footer.nav"}}</a>
|
||
</p>
|
||
<br>
|
||
</div>
|
||
|
||
<script>
|
||
// 提交反馈（P0）：点击任意表单的提交按钮后，立即把触发按钮变成「转圈 + 本地化文字」，
|
||
// 并禁用表单内全部按钮，物理阻止在上传/网络慢时的重复点击与重复提交。
|
||
// 浏览器前进/后退（bfcache）回到本页时自动复位，避免停留在禁用或转圈状态。
|
||
// 纯内联反馈，不使用全屏遮罩。
|
||
var SUBMIT_I18N = {
|
||
submitting: '{{t .LangCode "common.submitting"}}',
|
||
uploading: '{{t .LangCode "common.uploading"}}'
|
||
};
|
||
|
||
function tbResetSubmitButtons() {
|
||
document.querySelectorAll('button[data-tb-submitting]').forEach(function(b) {
|
||
b.disabled = false;
|
||
b.removeAttribute('data-tb-submitting');
|
||
var orig = b.getAttribute('data-tb-restore');
|
||
if (orig !== null) {
|
||
b.innerHTML = orig;
|
||
b.removeAttribute('data-tb-restore');
|
||
}
|
||
});
|
||
}
|
||
|
||
document.addEventListener('submit', function(e) {
|
||
var form = e.target;
|
||
if (!form || form.tagName !== 'FORM') return;
|
||
|
||
// 页面级提交反馈必须尊重前置校验：投票编辑页等 onsubmit 返回 false 时，
|
||
// submit 事件仍可能继续到达此监听器；此时绝不能切换到“提交中”状态。
|
||
if (e.defaultPrevented || form.getAttribute('data-tb-skip-submit-feedback') === '1') {
|
||
form.removeAttribute('data-tb-skip-submit-feedback');
|
||
return;
|
||
}
|
||
|
||
// 下载 / 新窗口类表单（target="_blank"，如导出）：当前页不发生导航，也没有 bfcache
|
||
// 复位机会，进入“提交中”状态后按钮会永远卡在转圈 + 禁用。这类表单直接跳过提交反馈。
|
||
if (form.getAttribute('target') === '_blank') return;
|
||
|
||
// 触发提交的按钮（programmatic submit 时 e.submitter 为 null，回退到首个 submit 按钮）
|
||
var trigger = e.submitter || form.querySelector('button[type="submit"]');
|
||
|
||
// 表单含已选中的文件 → 提示“上传中”，否则“提交中”
|
||
var hasFile = false;
|
||
form.querySelectorAll('input[type="file"]').forEach(function(f) {
|
||
if (f.files && f.files.length > 0) hasFile = true;
|
||
});
|
||
var label = hasFile ? SUBMIT_I18N.uploading : SUBMIT_I18N.submitting;
|
||
|
||
if (trigger && trigger.tagName === 'BUTTON') {
|
||
trigger.setAttribute('data-tb-restore', trigger.innerHTML);
|
||
trigger.innerHTML = '<span uk-spinner="ratio: 0.6"></span> ' + label;
|
||
}
|
||
|
||
// 禁用表单内所有按钮，防止重复提交
|
||
form.querySelectorAll('button').forEach(function(b) {
|
||
b.disabled = true;
|
||
b.setAttribute('data-tb-submitting', '1');
|
||
});
|
||
});
|
||
|
||
// bfcache 还原时复位按钮
|
||
window.addEventListener('pageshow', tbResetSubmitButtons);
|
||
</script>
|
||
</body>
|
||
</html>
|