footer.tpl 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <div class="modal modal-blur fade" id="success-dialog" tabindex="-1" role="dialog" aria-hidden="true">
  2. <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
  3. <div class="modal-content">
  4. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  5. <div class="modal-status bg-success"></div>
  6. <div class="modal-body text-center py-4">
  7. <i class="ti ti-circle-check icon mb-2 text-green icon-lg" style="font-size:3.5rem;"></i>
  8. <p id="success-message" class="text-secondary">成功</p>
  9. </div>
  10. <div class="modal-footer">
  11. <div class="w-100">
  12. <div class="row">
  13. <div class="col">
  14. <a id="success-confirm" href="" class="btn w-100" data-bs-dismiss="modal">
  15. </a>
  16. </div>
  17. </div>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="modal modal-blur fade" id="success-noreload-dialog" tabindex="-1" role="dialog" aria-hidden="true">
  24. <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
  25. <div class="modal-content">
  26. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  27. <div class="modal-status bg-success"></div>
  28. <div class="modal-body text-center py-4">
  29. <i class="ti ti-circle-check icon mb-2 text-green icon-lg" style="font-size:3.5rem;"></i>
  30. <p id="success-noreload-message" class="text-secondary">成功</p>
  31. </div>
  32. <div class="modal-footer">
  33. <div class="w-100">
  34. <div class="row">
  35. <div class="col">
  36. <a id="success-noreload-confirm" href="" class="btn w-100" data-bs-dismiss="modal">
  37. </a>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="modal modal-blur fade" id="fail-dialog" tabindex="-1" role="dialog" aria-hidden="true">
  46. <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
  47. <div class="modal-content">
  48. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  49. <div class="modal-status bg-danger"></div>
  50. <div class="modal-body text-center py-4">
  51. <i class="ti ti-circle-x icon mb-2 text-danger icon-lg" style="font-size:3.5rem;"></i>
  52. <p id="fail-message" class="text-secondary">失败</p>
  53. </div>
  54. <div class="modal-footer">
  55. <div class="w-100">
  56. <div class="row">
  57. <div class="col">
  58. <a href="" class="btn btn-danger w-100" data-bs-dismiss="modal">
  59. 确认
  60. </a>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. <div class="modal modal-blur fade" id="notice-dialog" tabindex="-1" role="dialog" aria-hidden="true">
  69. <div class="modal-dialog modal-sm modal-dialog-centered" role="document">
  70. <div class="modal-content">
  71. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  72. <div class="modal-status bg-yellow"></div>
  73. <div class="modal-body text-center py-4">
  74. <i class="ti ti-alert-circle icon mb-2 text-yellow icon-lg" style="font-size:3.5rem;"></i>
  75. <p id="notice-message" class="text-secondary">注意</p>
  76. </div>
  77. <div class="modal-footer">
  78. <button type="button" class="btn me-auto" data-bs-dismiss="modal">取消</button>
  79. <button id="notice-confirm" type="button" class="btn btn-yellow" data-bs-dismiss="modal">确认</button>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <footer class="footer footer-transparent d-print-none">
  85. <div class="container-xl">
  86. <div class="row text-center align-items-center flex-row-reverse">
  87. <div class="col-lg-auto ms-lg-auto">
  88. <ul class="list-inline list-inline-dots mb-0">
  89. <li class="list-inline-item">
  90. Powered by <a href="/staff" class="link-secondary">SSPanel-UIM</a>
  91. <!-- 删除staff是不尊重每一位开发者的行为 -->
  92. </li>
  93. </ul>
  94. </div>
  95. <div class="col-12 col-lg-auto mt-3 mt-lg-0">
  96. <ul class="list-inline list-inline-dots mb-0">
  97. <li class="list-inline-item">
  98. Theme by <a href="https://tabler.io/" class="link-secondary">Tabler</a>
  99. </li>
  100. </ul>
  101. </div>
  102. </div>
  103. </div>
  104. </footer>
  105. </div>
  106. </div>
  107. <!-- js -->
  108. <script>
  109. $("#switch_theme_mode").click(function () {
  110. $.ajax({
  111. type: "POST",
  112. url: "/user/switch_theme_mode",
  113. dataType: "json",
  114. success: function (data) {
  115. if (data.ret === 1) {
  116. $('#success-message').text(data.msg);
  117. $('#success-dialog').modal('show');
  118. window.setTimeout("location.reload()", {$config['jump_delay']});
  119. } else {
  120. $('#fail-message').text(data.msg);
  121. $('#fail-dialog').modal('show');
  122. }
  123. }
  124. })
  125. });
  126. $("#success-confirm").click(function () {
  127. location.reload();
  128. });
  129. </script>
  130. <script src="//{$config['jsdelivr_url']}/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
  131. <script>console.table([['数据库查询', '执行时间'], ['{count($queryLog)} 次', '{$optTime} ms']])</script>
  132. </body>
  133. </html>