v0.15.1 批量删除服务器 bulk delete the servers

resource/l10n/en-US.toml

@@ -202,6 +202,9 @@ other = "Add Server"
 [BatchEditServerGroup]
 other = "Batch Modify Groups"
 
+[BatchDeleteServer]
+other = "Batch Delete Server"
+
 [InputServerGroupName]
 other = "Enter the name of the group"
 
@@ -307,7 +310,7 @@ other = "Click To Copy"
 [DeleteServer]
 other = "Delete Server"
 
-[ConfirmToDeleteThisServer]
+[ConfirmToDeleteServer]
 other = "Confirm Delete?"
 
 [NoServerSelected]

resource/l10n/es-ES.toml

@@ -202,6 +202,9 @@ other = "Añadir un servidor"
 [BatchEditServerGroup]
 other = "Modificación de grupos por lotes"
 
+[BatchDeleteServer]
+other = "Batch Delete Server"
+
 [InputServerGroupName]
 other = "Introduzca un nombre de grupo"
 
@@ -307,8 +310,8 @@ other = "Haga clic para copiar"
 [DeleteServer]
 other = "Eliminar el servidor"
 
-[ConfirmToDeleteThisServer]
-other = "¿Confirma que quiere eliminar este servidor?"
+[ConfirmToDeleteServer]
+other = "¿Confirma que quiere eliminar servidor?"
 
 [NoServerSelected]
 other = "No hay servidores seleccionados actualmente"

resource/l10n/zh-CN.toml

@@ -202,6 +202,9 @@ other = "添加服务器"
 [BatchEditServerGroup]
 other = "批量修改分组"
 
+[BatchDeleteServer]
+other = "批量删除服务器"
+
 [InputServerGroupName]
 other = "输入分组名称"
 
@@ -307,8 +310,8 @@ other = "点击复制"
 [DeleteServer]
 other = "删除主机"
 
-[ConfirmToDeleteThisServer]
-other = "确认删除此主机？"
+[ConfirmToDeleteServer]
+other = "确认删除主机？"
 
 [NoServerSelected]
 other = "当前没有选中的服务器"

resource/l10n/zh-TW.toml

@@ -202,6 +202,9 @@ other = "添加服務器"
 [BatchEditServerGroup]
 other = "批量修改分組"
 
+[BatchDeleteServer]
+other = "批量删除服务器"
+
 [InputServerGroupName]
 other = "輸入分組名稱"
 
@@ -307,8 +310,8 @@ other = "點擊複製"
 [DeleteServer]
 other = "刪除主機"
 
-[ConfirmToDeleteThisServer]
-other = "確認刪除此主機？"
+[ConfirmToDeleteServer]
+other = "確認刪除主機？"
 
 [NoServerSelected]
 other = "當前沒有選中的服務器"

resource/static/main.js

@@ -44,6 +44,30 @@ function showConfirm(title, content, callFn, extData) {
     .modal("show");
 }
 
+function postJson(url, data) {
+  return $.ajax({
+    url: url,
+    type: "POST",
+    contentType: "application/json",
+    data: JSON.stringify(data),
+  }).done((resp) => {
+    if (resp.code == 200) {
+      if (resp.message) {
+        alert(resp.message);
+      } else {
+        alert("删除成功");
+      }
+      window.location.reload();
+    } else {
+      alert("删除失败 " + resp.code + "：" + resp.message);
+      confirmBtn.toggleClass("loading");
+    }
+  })
+    .fail((err) => {
+      alert("网络错误：" + err.responseText);
+    });
+}
+
 function showFormModal(modelSelector, formID, URL, getData) {
   $(modelSelector)
     .modal({
@@ -344,11 +368,11 @@ function addOrEditMonitor(monitor) {
     const node = modal.find("i.dropdown.icon.specificServer");
     for (let i = 0; i < serverList.length; i++) {
       node.after(
-          '<a class="ui label transition visible" data-value="' +
-          serverList[i] +
-          '" style="display: inline-block !important;">ID:' +
-          serverList[i] +
-          '<i class="delete icon"></i></a>'
+        '<a class="ui label transition visible" data-value="' +
+        serverList[i] +
+        '" style="display: inline-block !important;">ID:' +
+        serverList[i] +
+        '<i class="delete icon"></i></a>'
       );
     }
 
@@ -360,31 +384,31 @@ function addOrEditMonitor(monitor) {
     const node2 = modal.find("i.dropdown.icon.recoverTask");
     for (let i = 0; i < failTriggerTasksList.length; i++) {
       node1.after(
-          '<a class="ui label transition visible" data-value="' +
-          failTriggerTasksList[i] +
-          '" style="display: inline-block !important;">ID:' +
-          failTriggerTasksList[i] +
-          '<i class="delete icon"></i></a>'
+        '<a class="ui label transition visible" data-value="' +
+        failTriggerTasksList[i] +
+        '" style="display: inline-block !important;">ID:' +
+        failTriggerTasksList[i] +
+        '<i class="delete icon"></i></a>'
       );
     }
     for (let i = 0; i < recoverTriggerTasksList.length; i++) {
       node2.after(
-          '<a class="ui label transition visible" data-value="' +
-          recoverTriggerTasksList[i] +
-          '" style="display: inline-block !important;">ID:' +
-          recoverTriggerTasksList[i] +
-          '<i class="delete icon"></i></a>'
+        '<a class="ui label transition visible" data-value="' +
+        recoverTriggerTasksList[i] +
+        '" style="display: inline-block !important;">ID:' +
+        recoverTriggerTasksList[i] +
+        '<i class="delete icon"></i></a>'
       );
     }
   }
-modal
+  modal
     .find("input[name=FailTriggerTasksRaw]")
     .val(monitor ? "[]," + failTriggerTasks.substr(1, failTriggerTasks.length - 2) : "[]");
-modal
+  modal
     .find("input[name=RecoverTriggerTasksRaw]")
     .val(monitor ? "[]," + recoverTriggerTasks.substr(1, recoverTriggerTasks.length - 2) : "[]");
 
-modal
+  modal
     .find("input[name=SkipServersRaw]")
     .val(monitor ? "[]," + servers.substr(1, servers.length - 2) : "[]");
   showFormModal(".monitor.modal", "#monitorForm", "/api/monitor");

resource/template/common/footer.html

@@ -10,7 +10,7 @@
 <script src="https://cdn.staticfile.org/semantic-ui/2.4.1/semantic.min.js"></script>
 <script src="/static/semantic-ui-alerts.min.js"></script>
 <script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
-<script src="/static/main.js?v20230417"></script>
+<script src="/static/main.js?v20230614"></script>
 <script>
     (function () {
         updateLang({{.LANG }});

resource/template/dashboard-default/server.html

@@ -8,6 +8,9 @@
                 <button class="ui right labeled nezha-primary-btn icon button" onclick="batchEditServerGroup()"><i
                         class="edit icon"></i> {{tr "BatchEditServerGroup"}}
                 </button>
+                <button class="ui right labeled nezha-primary-btn icon button" onclick="batchDeleteServer()"><i
+                        class="trash icon"></i> {{tr "BatchDeleteServer"}}
+                </button>
                 <button class="ui right labeled nezha-primary-btn icon button" onclick="addOrEditServer()"><i
                         class="add icon"></i> {{tr "AddServer"}}
                 </button>
@@ -69,7 +72,7 @@
                                 <i class="edit icon"></i>
                             </button>
                             <button class="ui button"
-                                onclick="showConfirm('{{tr "DeleteServer"}}','{{tr "ConfirmToDeleteThisServer"}}',deleteRequest,'/api/server/'+{{$server.ID}})">
+                                onclick="showConfirm('{{tr "DeleteServer"}}','{{tr "ConfirmToDeleteServer"}}',deleteRequest,'/api/server/'+{{$server.ID}})">
                                 <i class="trash alternate outline icon"></i>
                             </button>
                         </div>
@@ -188,5 +191,24 @@
                 });
             })
     }
+    function batchDeleteServer() {
+        const servers = []
+        checkBoxList.forEach(cb => {
+            if (cb.checked) {
+                servers.push(parseInt(cb.value))
+            }
+        })
+        if (servers.length == 0) {
+            $.suiAlert({
+                title: '{{tr "NoServerSelected"}}',
+                description: '',
+                type: 'warning',
+                time: '2',
+                position: 'top-center',
+            });
+            return
+        }
+        showConfirm('{{tr "DeleteServer"}}', '{{tr "ConfirmToDeleteServer"}}', () => postJson('/api/batch-delete-server', servers), '')
+    }
 </script>
 {{end}}

resource/template/theme-angel-kanade/footer.html

@@ -12,7 +12,7 @@
 <script src="https://cdn.staticfile.org/semantic-ui/2.4.1/semantic.min.js"></script>
 <script src="/static/semantic-ui-alerts.min.js"></script>
 <script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
-<script src="/static/main.js?v20230417"></script>
+<script src="/static/main.js?v20230614"></script>
 <script>
     (function () {
         updateLang({{.LANG }});