mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2026-07-23 07:07:46 +08:00
GoEdgeLab
247 lines
10 KiB
JavaScript
247 lines
10 KiB
JavaScript
Vue.component("http-header-policy-box", {
|
|
props: ["v-request-header-policy", "v-request-header-ref", "v-response-header-policy", "v-response-header-ref", "v-params", "v-is-location", "v-is-group", "v-has-group-request-config", "v-has-group-response-config", "v-group-setting-url"],
|
|
data: function () {
|
|
let type = "response"
|
|
let hash = window.location.hash
|
|
if (hash == "#request") {
|
|
type = "request"
|
|
}
|
|
|
|
// ref
|
|
let requestHeaderRef = this.vRequestHeaderRef
|
|
if (requestHeaderRef == null) {
|
|
requestHeaderRef = {
|
|
isPrior: false,
|
|
isOn: true,
|
|
headerPolicyId: 0
|
|
}
|
|
}
|
|
|
|
let responseHeaderRef = this.vResponseHeaderRef
|
|
if (responseHeaderRef == null) {
|
|
responseHeaderRef = {
|
|
isPrior: false,
|
|
isOn: true,
|
|
headerPolicyId: 0
|
|
}
|
|
}
|
|
|
|
// 请求相关
|
|
let requestSettingHeaders = []
|
|
let requestDeletingHeaders = []
|
|
|
|
let requestPolicy = this.vRequestHeaderPolicy
|
|
if (requestPolicy != null) {
|
|
if (requestPolicy.setHeaders != null) {
|
|
requestSettingHeaders = requestPolicy.setHeaders
|
|
}
|
|
if (requestPolicy.deleteHeaders != null) {
|
|
requestDeletingHeaders = requestPolicy.deleteHeaders
|
|
}
|
|
}
|
|
|
|
// 响应相关
|
|
let responseSettingHeaders = []
|
|
let responseDeletingHeaders = []
|
|
|
|
let responsePolicy = this.vResponseHeaderPolicy
|
|
if (responsePolicy != null) {
|
|
if (responsePolicy.setHeaders != null) {
|
|
responseSettingHeaders = responsePolicy.setHeaders
|
|
}
|
|
if (responsePolicy.deleteHeaders != null) {
|
|
responseDeletingHeaders = responsePolicy.deleteHeaders
|
|
}
|
|
}
|
|
|
|
return {
|
|
type: type,
|
|
typeName: (type == "request") ? "请求" : "响应",
|
|
requestHeaderRef: requestHeaderRef,
|
|
responseHeaderRef: responseHeaderRef,
|
|
requestSettingHeaders: requestSettingHeaders,
|
|
requestDeletingHeaders: requestDeletingHeaders,
|
|
responseSettingHeaders: responseSettingHeaders,
|
|
responseDeletingHeaders: responseDeletingHeaders
|
|
}
|
|
},
|
|
methods: {
|
|
selectType: function (type) {
|
|
this.type = type
|
|
window.location.hash = "#" + type
|
|
window.location.reload()
|
|
},
|
|
addSettingHeader: function (policyId) {
|
|
teaweb.popup("/servers/server/settings/headers/createSetPopup?" + this.vParams + "&headerPolicyId=" + policyId + "&type=" + this.type, {
|
|
callback: function () {
|
|
teaweb.successRefresh("保存成功")
|
|
}
|
|
})
|
|
},
|
|
addDeletingHeader: function (policyId, type) {
|
|
teaweb.popup("/servers/server/settings/headers/createDeletePopup?" + this.vParams + "&headerPolicyId=" + policyId + "&type=" + type, {
|
|
callback: function () {
|
|
teaweb.successRefresh("保存成功")
|
|
}
|
|
})
|
|
},
|
|
updateSettingPopup: function (policyId, headerId) {
|
|
teaweb.popup("/servers/server/settings/headers/updateSetPopup?" + this.vParams + "&headerPolicyId=" + policyId + "&headerId=" + headerId+ "&type=" + this.type, {
|
|
callback: function () {
|
|
teaweb.successRefresh("保存成功")
|
|
}
|
|
})
|
|
},
|
|
deleteDeletingHeader: function (policyId, headerName) {
|
|
teaweb.confirm("确定要删除'" + headerName + "'吗？", function () {
|
|
Tea.action("/servers/server/settings/headers/deleteDeletingHeader")
|
|
.params({
|
|
headerPolicyId: policyId,
|
|
headerName: headerName
|
|
})
|
|
.post()
|
|
.refresh()
|
|
})
|
|
},
|
|
deleteHeader: function (policyId, type, headerId) {
|
|
teaweb.confirm("确定要删除此Header吗？", function () {
|
|
this.$post("/servers/server/settings/headers/delete")
|
|
.params({
|
|
headerPolicyId: policyId,
|
|
type: type,
|
|
headerId: headerId
|
|
})
|
|
.refresh()
|
|
}
|
|
)
|
|
}
|
|
},
|
|
template: `<div>
|
|
<div class="ui menu tabular small">
|
|
<a class="item" :class="{active:type == 'response'}" @click.prevent="selectType('response')">响应Header<span v-if="responseSettingHeaders.length > 0">({{responseSettingHeaders.length}})</span></a>
|
|
<a class="item" :class="{active:type == 'request'}" @click.prevent="selectType('request')">请求Header<span v-if="requestSettingHeaders.length > 0">({{requestSettingHeaders.length}})</span></a>
|
|
</div>
|
|
|
|
<div class="margin"></div>
|
|
|
|
<input type="hidden" name="type" :value="type"/>
|
|
|
|
<!-- 请求 -->
|
|
<div v-if="(vIsLocation || vIsGroup) && type == 'request'">
|
|
<input type="hidden" name="requestHeaderJSON" :value="JSON.stringify(requestHeaderRef)"/>
|
|
<table class="ui table definition selectable">
|
|
<prior-checkbox :v-config="requestHeaderRef"></prior-checkbox>
|
|
</table>
|
|
<submit-btn></submit-btn>
|
|
</div>
|
|
|
|
<div v-if="((!vIsLocation && !vIsGroup) || requestHeaderRef.isPrior) && type == 'request'">
|
|
<div v-if="vHasGroupRequestConfig">
|
|
<div class="margin"></div>
|
|
<warning-message>由于已经在当前<a :href="vGroupSettingUrl + '#request'">服务分组</a>中进行了对应的配置，在这里的配置将不会生效。</warning-message>
|
|
</div>
|
|
<div :class="{'opacity-mask': vHasGroupRequestConfig}">
|
|
<h3>设置请求Header <a href="" @click.prevent="addSettingHeader(vRequestHeaderPolicy.id)">[添加新Header]</a></h3>
|
|
<p class="comment" v-if="requestSettingHeaders.length == 0">暂时还没有Header。</p>
|
|
<table class="ui table selectable celled" v-if="requestSettingHeaders.length > 0">
|
|
<thead>
|
|
<tr>
|
|
<th>名称</th>
|
|
<th>值</th>
|
|
<th class="two op">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tr v-for="header in requestSettingHeaders">
|
|
<td class="five wide">
|
|
{{header.name}}
|
|
<div>
|
|
<span v-if="header.status != null && header.status.codes != null && !header.status.always"><grey-label v-for="code in header.status.codes" :key="code">{{code}}</grey-label></span>
|
|
<span v-if="header.methods != null && header.methods.length > 0"><grey-label v-for="method in header.methods" :key="method">{{method}}</grey-label></span>
|
|
<span v-if="header.domains != null && header.domains.length > 0"><grey-label v-for="domain in header.domains" :key="domain">{{domain}}</grey-label></span>
|
|
<grey-label v-if="header.shouldAppend">附加</grey-label>
|
|
<grey-label v-if="header.disableRedirect">跳转禁用</grey-label>
|
|
<grey-label v-if="header.shouldReplace && header.replaceValues != null && header.replaceValues.length > 0">替换</grey-label>
|
|
</div>
|
|
</td>
|
|
<td>{{header.value}}</td>
|
|
<td><a href="" @click.prevent="updateSettingPopup(vRequestHeaderPolicy.id, header.id)">修改</a> <a href="" @click.prevent="deleteHeader(vRequestHeaderPolicy.id, 'setHeader', header.id)">删除</a> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h3>删除请求Header</h3>
|
|
<p class="comment">这里可以设置需要从请求中删除的Header。</p>
|
|
|
|
<table class="ui table definition selectable">
|
|
<td class="title">需要删除的Header</td>
|
|
<td>
|
|
<div v-if="requestDeletingHeaders.length > 0">
|
|
<div class="ui label small basic" v-for="headerName in requestDeletingHeaders">{{headerName}} <a href=""><i class="icon remove" title="删除" @click.prevent="deleteDeletingHeader(vRequestHeaderPolicy.id, headerName)"></i></a> </div>
|
|
<div class="ui divider" ></div>
|
|
</div>
|
|
<button class="ui button small" type="button" @click.prevent="addDeletingHeader(vRequestHeaderPolicy.id, 'request')">+</button>
|
|
</td>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 响应 -->
|
|
<div v-if="(vIsLocation || vIsGroup) && type == 'response'">
|
|
<input type="hidden" name="responseHeaderJSON" :value="JSON.stringify(responseHeaderRef)"/>
|
|
<table class="ui table definition selectable">
|
|
<prior-checkbox :v-config="responseHeaderRef"></prior-checkbox>
|
|
</table>
|
|
<submit-btn></submit-btn>
|
|
</div>
|
|
|
|
<div v-if="((!vIsLocation && !vIsGroup) || responseHeaderRef.isPrior) && type == 'response'">
|
|
<div v-if="vHasGroupResponseConfig">
|
|
<div class="margin"></div>
|
|
<warning-message>由于已经在当前<a :href="vGroupSettingUrl + '#response'">服务分组</a>中进行了对应的配置，在这里的配置将不会生效。</warning-message>
|
|
</div>
|
|
<div :class="{'opacity-mask': vHasGroupResponseConfig}">
|
|
<h3>设置响应Header <a href="" @click.prevent="addSettingHeader(vResponseHeaderPolicy.id)">[添加新Header]</a></h3>
|
|
<p class="comment" style="margin-top: 0; padding-top: 0">将会覆盖已有的同名Header。</p>
|
|
<p class="comment" v-if="responseSettingHeaders.length == 0">暂时还没有Header。</p>
|
|
<table class="ui table selectable celled" v-if="responseSettingHeaders.length > 0">
|
|
<thead>
|
|
<tr>
|
|
<th>名称</th>
|
|
<th>值</th>
|
|
<th class="two op">操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tr v-for="header in responseSettingHeaders">
|
|
<td class="five wide">
|
|
{{header.name}}
|
|
<div>
|
|
<span v-if="header.status != null && header.status.codes != null && !header.status.always"><grey-label v-for="code in header.status.codes" :key="code">{{code}}</grey-label></span>
|
|
<span v-if="header.methods != null && header.methods.length > 0"><grey-label v-for="method in header.methods" :key="method">{{method}}</grey-label></span>
|
|
<span v-if="header.domains != null && header.domains.length > 0"><grey-label v-for="domain in header.domains" :key="domain">{{domain}}</grey-label></span>
|
|
<grey-label v-if="header.shouldAppend">附加</grey-label>
|
|
<grey-label v-if="header.disableRedirect">跳转禁用</grey-label>
|
|
<grey-label v-if="header.shouldReplace && header.replaceValues != null && header.replaceValues.length > 0">替换</grey-label>
|
|
</div>
|
|
</td>
|
|
<td>{{header.value}}</td>
|
|
<td><a href="" @click.prevent="updateSettingPopup(vResponseHeaderPolicy.id, header.id)">修改</a> <a href="" @click.prevent="deleteHeader(vResponseHeaderPolicy.id, 'setHeader', header.id)">删除</a> </td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h3>删除响应Header</h3>
|
|
<p class="comment">这里可以设置需要从响应中删除的Header。</p>
|
|
|
|
<table class="ui table definition selectable">
|
|
<td class="title">需要删除的Header</td>
|
|
<td>
|
|
<div v-if="responseDeletingHeaders.length > 0">
|
|
<div class="ui label small basic" v-for="headerName in responseDeletingHeaders">{{headerName}} <a href=""><i class="icon remove" title="删除" @click.prevent="deleteDeletingHeader(vResponseHeaderPolicy.id, headerName)"></i></a> </div>
|
|
<div class="ui divider" ></div>
|
|
</div>
|
|
<button class="ui button small" type="button" @click.prevent="addDeletingHeader(vResponseHeaderPolicy.id, 'response')">+</button>
|
|
</td>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="margin"></div>
|
|
</div>`
|
|
}) |