增加DNS同步任务状态显示

web/views/@default/dns/tasks/listPopup.css

@@ -0,0 +1,6 @@
+h3 span {
+  margin-left: 0.5em;
+  color: grey;
+  font-size: 0.6em !important;
+}
+/*# sourceMappingURL=listPopup.css.map */

web/views/@default/dns/tasks/listPopup.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["listPopup.less"],"names":[],"mappings":"AAAA,EAAG;EACF,kBAAA;EACA,WAAA;EACA,2BAAA","file":"listPopup.css"}

web/views/@default/dns/tasks/listPopup.html

@@ -0,0 +1,37 @@
+{$layout "layout_popup"}
+
+<h3>正在同步的DNS任务<span v-if="tasks.length > 0">(共{{tasks.length}}个)</span></h3>
+<p class="comment" v-if="tasks.length == 0">暂时没有同步的集群。</p>
+<div v-if="tasks.length > 0">
+    <table class="ui table selectable">
+        <thead>
+            <tr>
+                <th>对象</th>
+                <th>任务</th>
+                <th>状态</th>
+                <th>触发时间</th>
+                <th></th>
+            </tr>
+        </thead>
+        <tr v-for="task in tasks">
+            <td>
+                <span v-if="task.type == 'clusterChange'">{{task.cluster.name}}</span>
+                <span v-if="task.type == 'nodeChange'">{{task.node.name}}</span>
+                <span v-if="task.type == 'serverChange'">{{task.server.name}}</span>
+            </td>
+            <td>
+                <span v-if="task.type == 'clusterChange'">集群</span>
+                <span v-if="task.type == 'nodeChange'">节点</span>
+                <span v-if="task.type == 'serverChange'">服务</span>
+            </td>
+            <td>
+                <span v-if="task.isDone" class="red">{{task.error}}</span>
+                <span v-else>正在同步...</span>
+            </td>
+            <td>{{task.updatedTime}}</td>
+            <td>
+                <a href="" title="删除" class="remove-btn" @click.prevent="deleteTask(task.id)"><i class="icon remove small grey"></i></a>
+            </td>
+        </tr>
+    </table>
+</div>

web/views/@default/dns/tasks/listPopup.js

@@ -0,0 +1,30 @@
+Tea.context(function () {
+    this.$delay(function () {
+        this.reload()
+    })
+
+    this.reload = function () {
+        this.$post("$")
+            .success(function (resp) {
+                this.tasks = resp.data.tasks
+            })
+            .done(function () {
+                this.$delay(function () {
+                    this.reload()
+                }, 3000)
+            })
+    }
+
+    this.deleteTask = function (taskId) {
+        let that = this
+        teaweb.confirm("确定要删除这个任务吗？", function () {
+            that.$post(".delete")
+                .params({
+                    taskId: taskId
+                })
+                .success(function () {
+                    teaweb.reload()
+                })
+        })
+    }
+})

web/views/@default/dns/tasks/listPopup.less

@@ -0,0 +1,5 @@
+h3 span {
+	margin-left: 0.5em;
+	color: grey;
+	font-size: 0.6em !important;
+}