mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-03 20:40:26 +08:00
实现特殊页面配置
This commit is contained in:
GoEdgeLab
113
web/public/js/components/server/pages-and-shutdown-box.js
Normal file
113
web/public/js/components/server/pages-and-shutdown-box.js
Normal file
@@ -0,0 +1,113 @@
|
||||
Vue.component("pages-and-shutdown-box", {
|
||||
props: ["v-pages", "v-shutdown-config"],
|
||||
data: function () {
|
||||
let pages = []
|
||||
if (this.vPages != null) {
|
||||
pages = this.vPages
|
||||
}
|
||||
let shutdownConfig = {
|
||||
isOn: false,
|
||||
url: "",
|
||||
status: 0
|
||||
}
|
||||
if (this.vShutdownConfig != null) {
|
||||
shutdownConfig = this.vShutdownConfig
|
||||
}
|
||||
|
||||
let shutdownStatus = ""
|
||||
if (shutdownConfig.status > 0) {
|
||||
shutdownStatus = shutdownConfig.status.toString()
|
||||
}
|
||||
|
||||
return {
|
||||
pages: pages,
|
||||
shutdownConfig: shutdownConfig,
|
||||
shutdownStatus: shutdownStatus
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
shutdownStatus: function (status) {
|
||||
let statusInt = parseInt(status)
|
||||
if (!isNaN(statusInt) && statusInt > 0 && statusInt < 1000) {
|
||||
this.shutdownConfig.status = statusInt
|
||||
} else {
|
||||
this.shutdownConfig.status = 0
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
addPage: function () {
|
||||
let that = this
|
||||
teaweb.popup("/servers/server/settings/pages/createPopup", {
|
||||
height: "22em",
|
||||
callback: function (resp) {
|
||||
that.pages.push(resp.data.page)
|
||||
}
|
||||
})
|
||||
},
|
||||
updatePage: function (pageIndex, pageId) {
|
||||
let that = this
|
||||
teaweb.popup("/servers/server/settings/pages/updatePopup?pageId=" + pageId, {
|
||||
height: "22em",
|
||||
callback: function (resp) {
|
||||
Vue.set(that.pages, pageIndex, resp.data.page)
|
||||
}
|
||||
})
|
||||
},
|
||||
removePage: function (pageIndex) {
|
||||
let that = this
|
||||
teaweb.confirm("确定要移除此页面吗？", function () {
|
||||
that.pages.$remove(pageIndex)
|
||||
})
|
||||
}
|
||||
},
|
||||
template: `<div>
|
||||
<input type="hidden" name="pagesJSON" :value="JSON.stringify(pages)"/>
|
||||
<input type="hidden" name="shutdownJSON" :value="JSON.stringify(shutdownConfig)"/>
|
||||
<table class="ui table selectable definition">
|
||||
<tr>
|
||||
<td class="title">特殊页面</td>
|
||||
<td>
|
||||
<div v-if="pages.length > 0">
|
||||
<div class="ui label small" v-for="(page,index) in pages">
|
||||
{{page.status}} -> {{page.url}} <a href="" title="修改" @click.prevent="updatePage(index, page.id)"><i class="icon pencil small"></i></a> <a href="" title="删除" @click.prevent="removePage(index)"><i class="icon remove"></i></a>
|
||||
</div>
|
||||
<div class="ui divider"></div>
|
||||
</div>
|
||||
<div>
|
||||
<button class="ui button small" type="button" @click.prevent="addPage()">+</button>
|
||||
</div>
|
||||
<p class="comment">根据响应状态码返回一些特殊页面，比如404，500等错误页面。</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>临时关闭页面</td>
|
||||
<td>
|
||||
<div>
|
||||
<div class="ui checkbox">
|
||||
<input type="checkbox" value="1" v-model="shutdownConfig.isOn" />
|
||||
<label></label>
|
||||
</div>
|
||||
<div v-show="shutdownConfig.isOn">
|
||||
<table class="ui table selectable definition">
|
||||
<tr>
|
||||
<td class="title">页面URL</td>
|
||||
<td>
|
||||
<input type="text" v-model="shutdownConfig.url" placeholder="页面文件路径或一个完整URL"/>
|
||||
<p class="comment">页面文件是相对于节点安装目录的页面文件比如web/pages/40x.html，或者一个完整的URL。</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>状态码</td>
|
||||
<td><input type="text" size="3" maxlength="3" name="shutdownStatus" style="width:5.2em" placeholder="状态码" v-model="shutdownStatus"/></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<p class="comment">开启临时关闭页面时，所有请求的响应都会显示此页面。可用于临时升级网站使用。</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="ui margin"></div>
|
||||
</div>`
|
||||
})
|
||||
@@ -0,0 +1,28 @@
|
||||
{$layout "layout_popup"}
|
||||
<h3>添加特殊页面</h3>
|
||||
<form class="ui form" data-tea-action="$" data-tea-success="success">
|
||||
<table class="ui table selectable definition">
|
||||
<tr>
|
||||
<td class="title">响应状态码 *</td>
|
||||
<td>
|
||||
<input type="text" name="status" size="3" placeholder="状态码" maxlength="3" style="width:5.2em" ref="focus"/>
|
||||
<p class="comment">比如404，或者50x。</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>URL *</td>
|
||||
<td>
|
||||
<input type="text" name="url" maxlength="500" placeholder="页面文件路径或者完整的URL"/>
|
||||
<p class="comment">页面文件是相对于节点安装目录的页面文件比如web/pages/40x.html，或者一个完整的URL。</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>新状态码</td>
|
||||
<td>
|
||||
<input type="text" name="newStatus" size="3" placeholder="状态码" maxlength="3" style="width:5.2em"/>
|
||||
<p class="comment">可以用来修改响应的状态码，不填表示不改变原有状态码。</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<submit-btn></submit-btn>
|
||||
</form>
|
||||
@@ -0,0 +1,3 @@
|
||||
Tea.context(function () {
|
||||
this.success = NotifyPopup
|
||||
})
|
||||
@@ -3,5 +3,9 @@
|
||||
{$template "/left_menu"}
|
||||
|
||||
<div class="right-box">
|
||||
<p class="ui message">此功能暂未开放，敬请期待。</p>
|
||||
<form class="ui form" data-tea-action="$" data-tea-success="success">
|
||||
<input type="hidden" name="webId" :value="webId"/>
|
||||
<pages-and-shutdown-box :v-pages="pages" :v-shutdown-config="shutdownConfig"></pages-and-shutdown-box>
|
||||
<submit-btn></submit-btn>
|
||||
</form>
|
||||
</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
Tea.context(function () {
|
||||
this.success = NotifyReloadSuccess("保存成功")
|
||||
})
|
||||
@@ -0,0 +1,29 @@
|
||||
{$layout "layout_popup"}
|
||||
<h3>修改特殊页面</h3>
|
||||
<form class="ui form" data-tea-action="$" data-tea-success="success">
|
||||
<input type="hidden" name="pageId" :value="pageConfig.id"/>
|
||||
<table class="ui table selectable definition">
|
||||
<tr>
|
||||
<td class="title">响应状态码 *</td>
|
||||
<td>
|
||||
<input type="text" name="status" size="3" placeholder="状态码" maxlength="3" style="width:5.2em" ref="focus" v-model="pageConfig.status"/>
|
||||
<p class="comment">比如404，或者50x。</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>URL *</td>
|
||||
<td>
|
||||
<input type="text" name="url" maxlength="500" placeholder="页面文件路径或者完整的URL" v-model="pageConfig.url"/>
|
||||
<p class="comment">页面文件是相对于节点安装目录的页面文件比如web/pages/40x.html，或者一个完整的URL。</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>新状态码</td>
|
||||
<td>
|
||||
<input type="text" name="newStatus" size="3" placeholder="状态码" maxlength="3" style="width:5.2em" v-model="newStatus"/>
|
||||
<p class="comment">可以用来修改响应的状态码，不填表示不改变原有状态码。</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<submit-btn></submit-btn>
|
||||
</form>
|
||||
@@ -0,0 +1,8 @@
|
||||
Tea.context(function () {
|
||||
this.success = NotifyPopup
|
||||
|
||||
this.newStatus = ""
|
||||
if (this.pageConfig.newStatus > 0) {
|
||||
this.newStatus = this.pageConfig.newStatus
|
||||
}
|
||||
})
|
||||
Reference in New Issue
Block a user