1.4.5.2

EdgeUser/web/views/@default/servers/cache/@menu.html

@@ -0,0 +1,6 @@
+<first-menu>
+    <menu-item href="/servers/cache" code="purge">刷新缓存</menu-item>
+    <menu-item href="/servers/cache/fetch" code="fetch">预热缓存</menu-item>
+    <span class="disabled item">|</span>
+    <menu-item href="/servers/cache/tasks" code="task">所有任务<span v-if="countDoingTasks > 0" class="grey">({{countDoingTasks}})</span></menu-item>
+</first-menu>

EdgeUser/web/views/@default/servers/cache/fetch.html

@@ -0,0 +1,22 @@
+{$layout}
+{$template "menu"}
+
+<div class="margin"></div>
+<div><span class="grey">预热缓存指的是预先从源站读取最新内容，当用户访问预热后的URL时直接从缓存中返回内容，不需要再次回源。</span></div>
+
+<form class="ui form" method="post" data-tea-action="$" data-tea-success="success" data-tea-done="done" data-tea-timeout="600" data-tea-before="before">
+    <csrf-token></csrf-token>
+    <table class="ui table selectable definition">
+        <tr>
+            <td class="title">
+                URL列表 *
+            </td>
+            <td>
+                <textarea rows="20" name="urlList" ref="focus"></textarea>
+                <p class="comment">每行一条，每次最多提交{{maxKeysPerTask}}个URL，每天最多提交{{maxKeysPerDay}}个<span v-if="quotaKeysToday > 0">，今日剩余{{quotaKeysToday}}个</span>。</p>
+            </td>
+        </tr>
+    </table>
+    <submit-btn v-if="!isRequesting">预热缓存</submit-btn>
+    <button class="ui button disabled" type="button" v-if="isRequesting">处理中...</button>
+</form>

EdgeUser/web/views/@default/servers/cache/fetch.js

@@ -0,0 +1,12 @@
+Tea.context(function () {
+    this.success = NotifyReloadSuccess("任务提交成功")
+
+    this.isRequesting = false
+    this.before = function () {
+        this.isRequesting = true
+    }
+
+    this.done = function () {
+        this.isRequesting = false
+    }
+})

EdgeUser/web/views/@default/servers/cache/index.html

@@ -0,0 +1,32 @@
+{$layout}
+{$template "menu"}
+
+<div class="margin"></div>
+<div><span class="grey">刷新缓存指的是标记URL列表或目录为失效状态，当有新的用户请求这些URL时，会再次从源站读取最新的内容。</span></div>
+
+<form class="ui form" method="post" data-tea-action="$" data-tea-success="success" data-tea-before="before" data-tea-done="done">
+    <csrf-token></csrf-token>
+    <table class="ui table selectable definition">
+        <tr>
+            <td class="title">刷新类型 *</td>
+            <td>
+                <select class="ui dropdown auto-width" name="keyType" v-model="keyType">
+                    <option value="key">URL</option>
+                    <option value="prefix">目录</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <span v-if="keyType == 'key'">URL列表 *</span>
+                <span v-if="keyType == 'prefix'">目录列表 *</span>
+            </td>
+            <td>
+                <textarea rows="20" name="urlList" ref="keysBox"></textarea>
+                <p class="comment">每行一条，每次最多提交{{maxKeysPerTask}}个URL，每天最多提交{{maxKeysPerDay}}个<span v-if="quotaKeysToday > 0">，今日剩余{{quotaKeysToday}}个</span>。</p>
+            </td>
+        </tr>
+    </table>
+    <submit-btn v-if="!isRequesting">刷新缓存</submit-btn>
+    <button class="ui button disabled" type="button" v-if="isRequesting">处理中...</button>
+</form>

EdgeUser/web/views/@default/servers/cache/index.js

@@ -0,0 +1,21 @@
+Tea.context(function () {
+    this.keyType = "key"
+
+    this.success = NotifyReloadSuccess("任务提交成功")
+
+	this.$delay(function () {
+		this.$refs.keysBox.focus()
+		this.$watch("keyType", function () {
+			this.$refs.keysBox.focus()
+		})
+	})
+
+    this.isRequesting = false
+    this.before = function () {
+        this.isRequesting = true
+    }
+
+    this.done = function () {
+        this.isRequesting = false
+    }
+})

EdgeUser/web/views/@default/servers/cache/task.html

@@ -0,0 +1,87 @@
+{$layout}
+{$template "menu"}
+
+<second-menu>
+    <menu-item href=".tasks">所有任务</menu-item>
+    <span class="disabled item" style="padding: 0">&raquo;</span>
+    <span class="item">任务详情</span>
+</second-menu>
+
+<table class="ui table definition selectable">
+    <tr>
+        <td class="title">任务编号</td>
+        <td>{{task.id}}</td>
+    </tr>
+    <tr>
+        <td>任务类型</td>
+        <td>
+            <span v-if="task.type == 'purge'">刷新</span>
+            <span v-if="task.type == 'fetch'">预热</span>
+        </td>
+    </tr>
+    <tr>
+        <td>Key类型</td>
+        <td>
+            <span v-if="task.keyType == 'key'">URL</span>
+            <span v-if="task.keyType == 'prefix'">目录</span>
+        </td>
+    </tr>
+    <tr>
+        <td>创建时间</td>
+        <td>
+            {{task.createdTime}}
+        </td>
+    </tr>
+    <tr>
+        <td>完成时间</td>
+        <td>
+            <span v-if="task.isDone">{{task.doneTime}}</span>
+            <span v-else class="disabled">尚未完成</span>
+        </td>
+    </tr>
+    <tr>
+        <td>任务状态</td>
+        <td>
+            <span v-if="task.isOk" class="green">已完成</span>
+            <a :href="'/servers/components/cache/batch/task?taskId=' + task.id" v-else-if="task.isDone" class="red"><span class="red">失败</span></a>
+            <span v-else-if="!task.isDone" class="grey">等待执行</span>
+        </td>
+    </tr>
+    <tr>
+        <td>操作</td>
+        <td>
+            <a href="" @click.prevent="deleteTask(task.id)">[删除]</a> &nbsp; &nbsp;
+        </td>
+    </tr>
+</table>
+
+<h4>要操作的缓存Key</h4>
+<table class="ui table selectable celled">
+    <thead>
+        <tr>
+            <th>
+                <span v-if="task.keyType == 'key'">URL</span>
+                <span v-if="task.keyType == 'prefix'">前缀</span>
+            </th>
+            <th class="width5">状态</th>
+        </tr>
+    </thead>
+    <tbody v-for="key in task.keys">
+        <tr>
+            <td>{{key.key}}
+
+                <div v-if="key.errors.length > 0" style="margin-top: 0.5em">
+                    <a :href="'/clusters/cluster/node?nodeId=' + err.nodeId" v-for="err in key.errors" class="ui label basic tiny red">
+                        节点{{err.nodeId}}：{{err.error}}
+                    </a>
+                </div>
+            </td>
+            <td>
+                <span v-if="key.isDone && key.errors.length == 0" class="green">完成</span>
+                <span v-if="key.isDone && key.errors.length > 0" class="red">失败</span>
+                <span v-if="!key.isDone && !key.isDoing" class="grey">未执行</span>
+                <span v-if="!key.isDone && key.isDoing" class="grey">执行中</span>
+            </td>
+        </tr>
+    </tbody>
+</table>

EdgeUser/web/views/@default/servers/cache/task.js

@@ -0,0 +1,42 @@
+Tea.context(function () {
+	this.$delay(function () {
+		this.reload()
+	})
+
+	this.deleteTask = function (taskId) {
+		teaweb.confirm("确定要删除此任务吗？", function () {
+			this.$post(".deleteTask")
+				.params({
+					taskId: taskId
+				})
+				.success(function () {
+					window.location = Tea.url(".tasks")
+				})
+		})
+	}
+
+	this.resetTask = function (taskId) {
+		teaweb.confirm("确定要重置任务状态吗？", function () {
+			this.$post(".resetTask")
+				.params({
+					taskId: taskId
+				})
+				.refresh()
+		})
+	}
+
+	this.reload = function () {
+		this.$post("$")
+			.params({
+				taskId: this.task.id
+			})
+			.success(function (resp) {
+				this.task = resp.data.task
+			})
+			.done(function () {
+				this.$delay(function () {
+					this.reload()
+				}, 10000)
+			})
+	}
+})

EdgeUser/web/views/@default/servers/cache/tasks.html

@@ -0,0 +1,42 @@
+{$layout}
+{$template "menu"}
+
+<p class="comment" v-if="tasks.length == 0">暂时还没有任务。</p>
+
+<table class="ui table selectable celled" v-if="tasks.length > 0">
+    <thead>
+        <tr>
+            <th style="width: 7em">任务编号</th>
+            <th>任务类型</th>
+            <th>Key类型</th>
+            <th>创建时间</th>
+            <th class="two wide">任务状态</th>
+            <th class="two op">操作</th>
+        </tr>
+    </thead>
+    <tbody v-for="task in tasks">
+        <tr>
+            <td><a :href="'/servers/cache/task?taskId=' + task.id">{{task.id}}</a></td>
+            <td>
+                <span v-if="task.type == 'purge'">刷新</span>
+                <span v-if="task.type == 'fetch'">预热</span>
+            </td>
+            <td>
+                <span v-if="task.keyType == 'key'">URL</span>
+                <span v-if="task.keyType == 'prefix'">目录</span>
+            </td>
+            <td>{{task.createdTime}}</td>
+            <td>
+                <span v-if="task.isOk" class="green">已完成</span>
+                <a :href="'/servers/cache/task?taskId=' + task.id" v-else-if="task.isDone" class="red"><span class="red">失败</span></a>
+                <span v-else-if="!task.isDone" class="grey">等待执行</span>
+            </td>
+            <td>
+                <a :href="'/servers/cache/task?taskId=' + task.id">详情</a> &nbsp;
+                <a href="" @click.prevent="deleteTask(task.id)">删除</a>
+            </td>
+        </tr>
+    </tbody>
+</table>
+
+<page-box></page-box>

EdgeUser/web/views/@default/servers/cache/tasks.js

@@ -0,0 +1,11 @@
+Tea.context(function () {
+	this.deleteTask = function (taskId) {
+		teaweb.confirm("确定要删除此任务吗？", function () {
+			this.$post(".deleteTask")
+				.params({
+					taskId: taskId
+				})
+				.refresh()
+		})
+	}
+})