mirror of
				https://github.com/TeaOSLab/EdgeAdmin.git
				synced 2025-11-04 21:50:28 +08:00 
			
		
		
		
	
		
			
				
	
	
		
			71 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			71 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
Vue.component("http-firewall-rules-box", {
 | 
						||
	props: ["v-rules", "v-type"],
 | 
						||
	data: function () {
 | 
						||
		let rules = this.vRules
 | 
						||
		if (rules == null) {
 | 
						||
			rules = []
 | 
						||
		}
 | 
						||
		return {
 | 
						||
			rules: rules
 | 
						||
		}
 | 
						||
	},
 | 
						||
	methods: {
 | 
						||
		addRule: function () {
 | 
						||
			window.UPDATING_RULE = null
 | 
						||
			let that = this
 | 
						||
			teaweb.popup("/servers/components/waf/createRulePopup?type=" + this.vType, {
 | 
						||
				height: "30em",
 | 
						||
				callback: function (resp) {
 | 
						||
					that.rules.push(resp.data.rule)
 | 
						||
				}
 | 
						||
			})
 | 
						||
		},
 | 
						||
		updateRule: function (index, rule) {
 | 
						||
			window.UPDATING_RULE = rule
 | 
						||
			let that = this
 | 
						||
			teaweb.popup("/servers/components/waf/createRulePopup?type=" + this.vType, {
 | 
						||
				height: "30em",
 | 
						||
				callback: function (resp) {
 | 
						||
					Vue.set(that.rules, index, resp.data.rule)
 | 
						||
				}
 | 
						||
			})
 | 
						||
		},
 | 
						||
		removeRule: function (index) {
 | 
						||
			let that = this
 | 
						||
			teaweb.confirm("确定要删除此规则吗?", function () {
 | 
						||
				that.rules.$remove(index)
 | 
						||
			})
 | 
						||
		}
 | 
						||
	},
 | 
						||
	template: `<div>
 | 
						||
		<input type="hidden" name="rulesJSON" :value="JSON.stringify(rules)"/>
 | 
						||
		<div v-if="rules.length > 0">
 | 
						||
			<div v-for="(rule, index) in rules" class="ui label small basic" style="margin-bottom: 0.5em">
 | 
						||
				{{rule.name}}[{{rule.param}}] 
 | 
						||
				
 | 
						||
				<!-- cc2 -->
 | 
						||
				<span v-if="rule.param == '\${cc2}'">
 | 
						||
					{{rule.checkpointOptions.period}}秒/{{rule.checkpointOptions.threshold}}请求
 | 
						||
				</span>	
 | 
						||
				
 | 
						||
				<!-- refererBlock -->
 | 
						||
				<span v-if="rule.param == '\${refererBlock}'">
 | 
						||
					<span v-if="rule.checkpointOptions.allowDomains != null && rule.checkpointOptions.allowDomains.length > 0">允许{{rule.checkpointOptions.allowDomains}}</span>
 | 
						||
					<span v-if="rule.checkpointOptions.denyDomains != null && rule.checkpointOptions.denyDomains.length > 0">禁止{{rule.checkpointOptions.denyDomains}}</span>
 | 
						||
				</span>
 | 
						||
				
 | 
						||
				<span v-else>
 | 
						||
					<span v-if="rule.paramFilters != null && rule.paramFilters.length > 0" v-for="paramFilter in rule.paramFilters"> | {{paramFilter.code}}</span> <var>{{rule.operator}}</var> {{rule.value}}
 | 
						||
				</span>
 | 
						||
				
 | 
						||
				<!-- description -->
 | 
						||
				<span v-if="rule.description != null && rule.description.length > 0" class="grey small">({{rule.description}})</span>
 | 
						||
				
 | 
						||
				<a href="" title="修改" @click.prevent="updateRule(index, rule)"><i class="icon pencil small"></i></a>
 | 
						||
				<a href="" title="删除" @click.prevent="removeRule(index)"><i class="icon remove"></i></a>
 | 
						||
			</div>
 | 
						||
			<div class="ui divider"></div>
 | 
						||
		</div>
 | 
						||
		<button class="ui button tiny" type="button" @click.prevent="addRule()">+</button>
 | 
						||
</div>`
 | 
						||
}) |