feat: replace jq with native js methods

resources/views/tabler/admin/announcement/create.tpl

@@ -1,6 +1,6 @@
 {include file='admin/header.tpl'}
 
-<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/6.7.2/tinymce.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/6.8.0/tinymce.min.js"></script>
 
 <div class="page-wrapper">
     <div class="container-xl">

resources/views/tabler/admin/announcement/edit.tpl

@@ -1,6 +1,6 @@
 {include file='admin/header.tpl'}
 
-<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/6.7.2/tinymce.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/6.8.0/tinymce.min.js"></script>
 
 <div class="page-wrapper">
     <div class="container-xl">

resources/views/tabler/admin/docs/create.tpl

@@ -1,6 +1,6 @@
 {include file='admin/header.tpl'}
 
-<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/6.7.2/tinymce.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/6.8.0/tinymce.min.js"></script>
 
 <div class="page-wrapper">
     <div class="container-xl">

resources/views/tabler/admin/docs/edit.tpl

@@ -1,6 +1,6 @@
 {include file='admin/header.tpl'}
 
-<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/6.7.2/tinymce.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/6.8.0/tinymce.min.js"></script>
 
 <div class="page-wrapper">
     <div class="container-xl">

resources/views/tabler/admin/header.tpl

@@ -11,12 +11,12 @@
     <!-- CSS files -->
     <link href="//{$config['jsdelivr_url']}/npm/@tabler/core@latest/dist/css/tabler.min.css" rel="stylesheet"/>
     <link href="//{$config['jsdelivr_url']}/npm/@tabler/icons-webfont@latest/tabler-icons.min.css" rel="stylesheet"/>
-    <link href="//cdn.datatables.net/v/bs5/dt-1.13.7/datatables.min.css" rel="stylesheet"/>
+    <link href="//cdn.datatables.net/v/bs5/dt-1.13.8/datatables.min.css" rel="stylesheet"/>
     <!-- JS files -->
     <script src="//{$config['jsdelivr_url']}/npm/qrcode_js@latest/qrcode.min.js"></script>
     <script src="//{$config['jsdelivr_url']}/npm/clipboard@latest/dist/clipboard.min.js"></script>
     <script src="//{$config['jsdelivr_url']}/npm/jquery/dist/jquery.min.js"></script>
-    <script src="//cdn.datatables.net/v/bs5/dt-1.13.7/datatables.min.js"></script>
+    <script src="//cdn.datatables.net/v/bs5/dt-1.13.8/datatables.min.js"></script>
     <style>
         .home-subtitle {
             font-size: 14px;

resources/views/tabler/staff.tpl

@@ -28,12 +28,12 @@
             <br>
             <p class="empty-title"><a href="https://github.com/Anankke/SSPanel-Uim">GitHub Repo</a></p>
             <br>
-            <p class="empty-title"><a href="https://github.com/sspanel-uim">项目组页面</a></p>
+            <p class="empty-title"><a href="https://github.com/sspanel-uim">GitHub Org</a></p>
             <br>
             <p class="empty-title">SSPanel-UIM 的存在离不开以下开源项目</p>
-            <p><a href="https://github.com/smarty-php/smarty">Smarty template engine</a></p>
             <p><a href="https://github.com/slimphp/Slim">Slim Framework</a></p>
             <p><a href="https://github.com/tabler/tabler">Tabler</a></p>
+            <p><a href="https://github.com/twigphp/Twig">Twig</a></p>
             <br>
             <p>This product includes GeoLite2 data created by MaxMind, available from
                 <a href="https://www.maxmind.com">https://www.maxmind.com</a>.</p>

resources/views/tabler/tos.tpl

@@ -9,7 +9,7 @@
             <br>
             <p class="empty-subtitle">隐私安全</p>
             <p>邮箱为本站服务的唯一凭证，请妥善保管。</p>
-            <p>用户密码均为密文储存，无法解密，但出于安全起见还是请使用随机密码或使用密码管理器。</p>
+            <p>用户密码均为密文储存，无法解密，但出于安全起见还是请使用高强度密码或使用密码管理器。</p>
             <br>
             <p class="empty-subtitle">使用条款</p>
             <p>在使用服务时，需遵循站点和节点所在国家的法律。</p>

resources/views/tabler/user/footer.tpl

@@ -70,7 +70,17 @@
 </div>
 </div>
 <!-- js -->
+<script src="//{$config['jsdelivr_url']}/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
 <script>
+    let successDialog = new bootstrap.Modal(document.getElementById('success-dialog'));
+    let failDialog = new bootstrap.Modal(document.getElementById('fail-dialog'));
+
+    let clipboard = new ClipboardJS('.copy');
+    clipboard.on('success', function () {
+        document.getElementById("success-message").innerHTML = '已复制到剪切板';
+        successDialog.show();
+    });
+
     htmx.on("htmx:afterRequest", function(evt) {
         if (evt.detail.xhr.getResponseHeader('HX-Refresh') === 'true' ||
             evt.detail.xhr.getResponseHeader('HX-Trigger'))
@@ -102,9 +112,6 @@
             }
         }
 
-        let successDialog = new bootstrap.Modal(document.getElementById('success-dialog'));
-        let failDialog = new bootstrap.Modal(document.getElementById('fail-dialog'));
-
         if (res.ret === 1) {
             document.getElementById("success-message").innerHTML = res.msg;
             successDialog.show();
@@ -113,10 +120,7 @@
             failDialog.show();
         }
     });
-
 </script>
-
-<script src="//{$config['jsdelivr_url']}/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
 <script>console.table([['数据库查询', '执行时间'], ['{count($queryLog)} 次', '{$optTime} ms']])</script>
 
 {include file='live_chat.tpl'}

resources/views/tabler/user/header.tpl

@@ -14,6 +14,7 @@
     <!-- JS files -->
     <script src="/assets/js/fuck.min.js"></script>
     <script src="//{$config['jsdelivr_url']}/npm/qrcode_js@latest/qrcode.min.js"></script>
+    <script src="//{$config['jsdelivr_url']}/npm/clipboard@latest/dist/clipboard.min.js"></script>
     <script src="//{$config['jsdelivr_url']}/npm/htmx.org@latest/dist/htmx.min.js"></script>
     <style>
         .home-subtitle {

resources/views/tabler/user/index.tpl

@@ -1,7 +1,5 @@
 {include file='user/header.tpl'}
 
-<script src="//{$config['jsdelivr_url']}/npm/clipboard@latest/dist/clipboard.min.js"></script>
-
 <div class="page-wrapper">
     <div class="container-xl">
         <div class="page-header d-print-none text-white">
@@ -585,34 +583,26 @@
         </div>
     </div>
 
-    <script>
-        let clipboard = new ClipboardJS('.copy');
-        clipboard.on('success', function (e) {
-            $('#success-message').text('已复制到剪切板');
-            $('#success-dialog').modal('show');
-        });
-    </script>
-
     {if $public_setting['enable_checkin_captcha'] && $user->isAbleToCheckin()}
-    {if $public_setting['captcha_provider'] === 'turnstile'}
-        <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
-    {/if}
-    {if $public_setting['captcha_provider'] === 'geetest'}
-        <script src="https://static.geetest.com/v4/gt4.js"></script>
-        <script>
-            let geetest_result = '';
-            initGeetest4({
-                captchaId: '{$captcha['geetest_id']}',
-                product: 'float',
-                language: "zho",
-                riskType: 'slide'
-            }, function (geetest) {
-                geetest.appendTo("#geetest");
-                geetest.onSuccess(function () {
-                    geetest_result = geetest.getValidate();
+        {if $public_setting['captcha_provider'] === 'turnstile'}
+            <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
+        {/if}
+        {if $public_setting['captcha_provider'] === 'geetest'}
+            <script src="https://static.geetest.com/v4/gt4.js"></script>
+            <script>
+                let geetest_result = '';
+                initGeetest4({
+                    captchaId: '{$captcha['geetest_id']}',
+                    product: 'float',
+                    language: "zho",
+                    riskType: 'slide'
+                }, function (geetest) {
+                    geetest.appendTo("#geetest");
+                    geetest.onSuccess(function () {
+                        geetest_result = geetest.getValidate();
+                    });
                 });
-            });
-        </script>
-    {/if}
+            </script>
+        {/if}
     {/if}
     {include file='user/footer.tpl'}

resources/views/tabler/user/invite.tpl

@@ -1,7 +1,5 @@
 {include file='user/header.tpl'}
 
-<script src="//{$config['jsdelivr_url']}/npm/clipboard@latest/dist/clipboard.min.js"></script>
-
 <div class="page-wrapper">
     <div class="container-xl">
         <div class="page-header d-print-none text-white">
@@ -92,12 +90,4 @@
         </div>
     </div>
 
-    <script>
-        let clipboard = new ClipboardJS('.copy');
-        clipboard.on('success', function (e) {
-            $('#success-message').text('已复制到剪切板');
-            $('#success-dialog').modal('show');
-        });
-    </script>
-
     {include file='user/footer.tpl'}

resources/views/tabler/user/invoice/index.tpl

@@ -1,7 +1,6 @@
 {include file='user/header.tpl'}
 
-<link href="//cdn.datatables.net/v/bs5/dt-1.13.7/datatables.min.css" rel="stylesheet"/>
-<script src="//cdn.datatables.net/v/bs5/dt-1.13.7/datatables.min.js"></script>
+<link href="//cdn.datatables.net/v/bs5/dt-1.13.8/datatables.min.css" rel="stylesheet"/>
 
 <div class="page-wrapper">
     <div class="container-xl">
@@ -24,7 +23,7 @@
                 <div class="col-12">
                     <div class="card">
                         <div class="table-responsive">
-                            <table id="data_table" class="table card-table table-vcenter text-nowrap datatable">
+                            <table id="data-table" class="table card-table table-vcenter text-nowrap datatable">
                                 <thead>
                                 <tr>
                                     {foreach $details['field'] as $key => $value}
@@ -40,8 +39,11 @@
         </div>
     </div>
 
+    <script src="//{$config['jsdelivr_url']}/npm/jquery/dist/jquery.min.js"></script>
+    <script src="//cdn.datatables.net/v/bs5/dt-1.13.8/datatables.min.js"></script>
+
     <script>
-        let table = $('#data_table').DataTable({
+        let table = new DataTable('#data-table', {
             ajax: {
                 url: '/user/invoice/ajax',
                 type: 'POST',

resources/views/tabler/user/order/index.tpl

@@ -1,7 +1,6 @@
 {include file='user/header.tpl'}
 
-<link href="//cdn.datatables.net/v/bs5/dt-1.13.7/datatables.min.css" rel="stylesheet"/>
-<script src="//cdn.datatables.net/v/bs5/dt-1.13.7/datatables.min.js"></script>
+<link href="//cdn.datatables.net/v/bs5/dt-1.13.8/datatables.min.css" rel="stylesheet"/>
 
 <div class="page-wrapper">
     <div class="container-xl">
@@ -24,7 +23,7 @@
                 <div class="col-12">
                     <div class="card">
                         <div class="table-responsive">
-                            <table id="data_table" class="table card-table table-vcenter text-nowrap datatable">
+                            <table id="data-table" class="table card-table table-vcenter text-nowrap datatable">
                                 <thead>
                                 <tr>
                                     {foreach $details['field'] as $key => $value}
@@ -40,8 +39,11 @@
         </div>
     </div>
 
+    <script src="//{$config['jsdelivr_url']}/npm/jquery/dist/jquery.min.js"></script>
+    <script src="//cdn.datatables.net/v/bs5/dt-1.13.8/datatables.min.js"></script>
+
     <script>
-        let table = $('#data_table').DataTable({
+        let table = new DataTable('#data-table', {
             ajax: {
                 url: '/user/order/ajax',
                 type: 'POST',