From 1d64f643b1835d390d40133c5fc5556f5465e9cb Mon Sep 17 00:00:00 2001
From: LouisLam <louislam@users.noreply.github.com>
Date: Thu, 1 Jul 2021 17:19:28 +0800
Subject: [PATCH] implement keyword monitor

---
 server/model/monitor.js   | 18 ++++++++++++++++--
 server/server.js          |  1 +
 src/pages/Details.vue     |  6 +++++-
 src/pages/EditMonitor.vue |  7 ++++++-
 4 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/server/model/monitor.js b/server/model/monitor.js
index 3b19d2ff..919b8362 100644
--- a/server/model/monitor.js
+++ b/server/model/monitor.js
@@ -28,6 +28,7 @@ class Monitor extends BeanModel {
             active: this.active,
             type: this.type,
             interval: this.interval,
+            keyword: this.keyword,
         };
     }
 
@@ -57,12 +58,25 @@ class Monitor extends BeanModel {
             }
 
             try {
-                if (this.type === "http") {
+                if (this.type === "http" || this.type === "keyword") {
                     let startTime = dayjs().valueOf();
                     let res = await axios.get(this.url)
                     bean.msg = `${res.status} - ${res.statusText}`
                     bean.ping = dayjs().valueOf() - startTime;
-                    bean.status = 1;
+
+                    if (this.type === "http") {
+                        bean.status = 1;
+                    } else {
+
+                        if (res.data.includes(this.keyword)) {
+                            bean.msg += ", keyword is found"
+                            bean.status = 1;
+                        } else {
+                            throw new Error(bean.msg + ", but keyword is not found")
+                        }
+
+                    }
+
 
                 } else if (this.type === "port") {
                     bean.ping = await tcping(this.hostname, this.port);
diff --git a/server/server.js b/server/server.js
index dd053ed2..2f15b68c 100644
--- a/server/server.js
+++ b/server/server.js
@@ -147,6 +147,7 @@ let monitorList = {};
                 bean.interval = monitor.interval
                 bean.hostname = monitor.hostname;
                 bean.port = monitor.port;
+                bean.keyword = monitor.keyword;
 
                 await R.store(bean)
 
diff --git a/src/pages/Details.vue b/src/pages/Details.vue
index 764a3f55..0b031bfe 100644
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@@ -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">
diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index 57ab8118..58772fc7 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -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>