fuc/resources/views/tabler/footer.tpl
2025-02-23 13:30:57 +08:00

81 lines
3.1 KiB
Smarty
Executable File

<div class="modal modal-blur fade" id="success-dialog" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-sm modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-status bg-success"></div>
<div class="modal-body text-center py-4">
<i class="ti ti-circle-check icon mb-2 text-green icon-lg" style="font-size:3.5rem;"></i>
<p id="success-message" class="text-secondary">成功</p>
</div>
<div class="modal-footer">
<div class="w-100">
<div class="row">
<div class="col">
<a id="success-confirm" href="" class="btn w-100" data-bs-dismiss="modal">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal modal-blur fade" id="fail-dialog" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-sm modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-status bg-danger"></div>
<div class="modal-body text-center py-4">
<i class="ti ti-circle-x icon mb-2 text-danger icon-lg" style="font-size:3.5rem;"></i>
<p id="fail-message" class="text-secondary">失败</p>
</div>
<div class="modal-footer">
<div class="w-100">
<div class="row">
<div class="col">
<a href="" class="btn btn-danger w-100" data-bs-dismiss="modal">
确认
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="//{$config['jsdelivr_url']}/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
<script>
htmx.on("htmx:afterRequest", function(evt) {
if (evt.detail.xhr.getResponseHeader('HX-Redirect'))
{
return;
}
let res = JSON.parse(evt.detail.xhr.response);
let successDialog = new bootstrap.Modal(document.getElementById('success-dialog'));
let failDialog = new bootstrap.Modal(document.getElementById('fail-dialog'));
if (evt.detail.elt.id === 'send-verify-email') {
document.getElementById('send-verify-email').disabled = true;
}
if (res.ret === 1) {
document.getElementById("success-message").innerHTML = res.msg;
successDialog.show();
} else {
document.getElementById("fail-message").innerHTML = res.msg;
failDialog.show();
}
});
</script>
{include file='live_chat.tpl'}
</body>
</html>