Vue.component("http-firewall-page-options", {
props: ["v-page-options"],
data: function () {
var defaultPageBody = `
403 Forbidden
403 Forbidden By WAF
Connection: \${remoteAddr} (Client) -> \${serverAddr} (Server)
Request ID: \${requestId}
`
return {
pageOptions: this.vPageOptions,
status: this.vPageOptions.status,
body: this.vPageOptions.body,
defaultPageBody: defaultPageBody,
isEditing: false
}
},
watch: {
status: function (v) {
if (typeof v === "string" && v.length != 3) {
return
}
let statusCode = parseInt(v)
if (isNaN(statusCode)) {
this.pageOptions.status = 403
} else {
this.pageOptions.status = statusCode
}
},
body: function (v) {
this.pageOptions.body = v
}
},
methods: {
edit: function () {
this.isEditing = !this.isEditing
}
},
template: `
`
})