implement keyword monitor

This commit is contained in:
LouisLam
2021-07-01 17:19:28 +08:00
parent ef028794ac
commit 1d64f643b1
4 changed files with 28 additions and 4 deletions

View File

@@ -1,9 +1,13 @@
<template>
<h1> {{ monitor.name }}</h1>
<p class="url">
<a :href="monitor.url" target="_blank" v-if="monitor.type === 'http'">{{ monitor.url }}</a>
<a :href="monitor.url" target="_blank" v-if="monitor.type === 'http' || monitor.type === 'keyword' ">{{ monitor.url }}</a>
<span v-if="monitor.type === 'port'">TCP Ping {{ monitor.hostname }}:{{ monitor.port }}</span>
<span v-if="monitor.type === 'ping'">Ping: {{ monitor.hostname }}</span>
<span v-if="monitor.type === 'keyword'">
<br />
<span>Keyword:</span> <span style="color: black">{{ monitor.keyword }}</span>
</span>
</p>
<div class="functions">

View File

@@ -22,11 +22,16 @@
<input type="text" class="form-control" id="name" v-model="monitor.name" required>
</div>
<div class="mb-3" v-if="monitor.type === 'http' ">
<div class="mb-3" v-if="monitor.type === 'http' || monitor.type === 'keyword' ">
<label for="url" class="form-label">URL</label>
<input type="url" class="form-control" id="url" v-model="monitor.url" pattern="https?://.+" required>
</div>
<div class="mb-3" v-if="monitor.type === 'keyword' ">
<label for="keyword" class="form-label">Keyword <span style="color: #AAA">(search keyword in plain html response)</span></label>
<input type="text" class="form-control" id="keyword" v-model="monitor.keyword" required>
</div>
<div class="mb-3" v-if="monitor.type === 'port' || monitor.type === 'ping' ">
<label for="hostname" class="form-label">Hostname</label>
<input type="text" class="form-control" id="hostname" v-model="monitor.hostname" required>