From 1343bc6c196943ca86841235b4a3554775bdd632 Mon Sep 17 00:00:00 2001
From: Hunter Long <info@socialeck.com>
Date: Mon, 20 Jan 2020 19:19:05 -0800
Subject: [PATCH] updates

---
 frontend/src/components/API.js                |   4 +
 .../Dashboard/DashboardMessages.vue           |  27 +-
 .../components/Dashboard/DashboardUsers.vue   |   6 +-
 frontend/src/forms/CoreSettings.vue           |  12 +-
 frontend/src/pages/Settings.vue               | 743 +-----------------
 5 files changed, 27 insertions(+), 765 deletions(-)

diff --git a/frontend/src/components/API.js b/frontend/src/components/API.js
index 3df88a0e..63d5710f 100644
--- a/frontend/src/components/API.js
+++ b/frontend/src/components/API.js
@@ -52,6 +52,10 @@ class Api {
     return axios.get('/api/messages').then(response => (response.data))
   }
 
+  async message_delete (id) {
+    return axios.delete('/api/messages/'+id).then(response => (response.data))
+  }
+
   async group (id) {
     return axios.get('/api/groups/'+id).then(response => (response.data))
   }
diff --git a/frontend/src/components/Dashboard/DashboardMessages.vue b/frontend/src/components/Dashboard/DashboardMessages.vue
index fe865d40..ce7dcc49 100644
--- a/frontend/src/components/Dashboard/DashboardMessages.vue
+++ b/frontend/src/components/Dashboard/DashboardMessages.vue
@@ -1,20 +1,3 @@
-<!--
-  - Statup
-  - Copyright (C) 2020.  Hunter Long and the project contributors
-  - Written by Hunter Long <info@socialeck.com> and the project contributors
-  -
-  - https://github.com/hunterlong/statup
-  -
-  - The licenses for most software and other practical works are designed
-  - to take away your freedom to share and change the works.  By contrast,
-  - the GNU General Public License is intended to guarantee your freedom to
-  - share and change all versions of a program--to make sure it remains free
-  - software for all its users.
-  -
-  - You should have received a copy of the GNU General Public License
-  - along with this program.  If not, see <http://www.gnu.org/licenses/>.
-  -->
-
 <template>
     <div>
     <div class="col-12">
@@ -39,7 +22,7 @@
                 <td class="text-right">
                     <div class="btn-group">
                         <a href="message/1" class="btn btn-outline-secondary"><i class="fas fa-exclamation-triangle"></i> Edit</a>
-                        <a href="api/messages/1" class="ajax_delete btn btn-danger"><i class="fas fa-times"></i></a>
+                        <a @click="deleteMessage(message)" href="#" class="btn btn-danger"><font-awesome-icon icon="times" /></a>
                     </div>
                 </td>
             </tr>
@@ -173,6 +156,14 @@
   methods: {
     service (id) {
         return this.$store.getters.serviceById(id)
+    },
+    async deleteMessage(m) {
+      let c = confirm(`Are you sure you want to delete message '${m.title}'?`)
+      if (c) {
+        await Api.message_delete(m.id)
+        const messages = await Api.messages()
+        this.$store.commit('setMessages', messages)
+      }
     }
   }
 }
diff --git a/frontend/src/components/Dashboard/DashboardUsers.vue b/frontend/src/components/Dashboard/DashboardUsers.vue
index 9c306139..5636f7e4 100644
--- a/frontend/src/components/Dashboard/DashboardUsers.vue
+++ b/frontend/src/components/Dashboard/DashboardUsers.vue
@@ -26,7 +26,7 @@
 
         <div class="card">
             <div class="card-body">
-
+                <FormUser/>
             </div>
         </div>
     </div>
@@ -34,10 +34,12 @@
 
 <script>
   import Api from "../API"
+  import FormUser from "../../forms/User";
 
   export default {
   name: 'DashboardUsers',
-  data () {
+    components: {FormUser},
+    data () {
     return {
       user: {
         username: "",
diff --git a/frontend/src/forms/CoreSettings.vue b/frontend/src/forms/CoreSettings.vue
index cebdb09e..6b7ee7a3 100644
--- a/frontend/src/forms/CoreSettings.vue
+++ b/frontend/src/forms/CoreSettings.vue
@@ -1,5 +1,5 @@
 <template>
-    <form @submit="saveSettings" method="POST" action="settings">
+    <form @submit="saveSettings" method="POST">
         <div class="form-group">
             <label>Project Name</label>
             <input v-model="core.name" type="text" class="form-control" placeholder="Great Uptime">
@@ -92,16 +92,20 @@
 </template>
 
 <script>
-import time from '../components/Time'
-import Api from '../components/API'
+  import time from '../components/Time'
+  import Api from '../components/API'
 
-export default {
+  export default {
   name: 'CoreSettings',
     data () {
         return {
             core: this.$store.getters.core,
         }
     },
+  async mounted () {
+    const core = await Api.core()
+    this.$store.commit('setCore', core)
+  },
     computed: {
       now () {
           return time.now()
diff --git a/frontend/src/pages/Settings.vue b/frontend/src/pages/Settings.vue
index 1854ff8a..87169176 100644
--- a/frontend/src/pages/Settings.vue
+++ b/frontend/src/pages/Settings.vue
@@ -68,8 +68,8 @@
 
                             <div class="form-group">
                                 <div class="col-12">
-                                    <label for="update_notify" class="d-inline d-sm-none">Send Updates only</label>
-                                    <label for="update_notify" class="d-none d-sm-block">Send Updates only</label>
+                                    <label class="d-inline d-sm-none">Send Updates only</label>
+                                    <label class="d-none d-sm-block">Send Updates only</label>
 
                                     <span class="switch">
                                         <input type="checkbox" name="update_notify-option" class="switch" id="switch-update_notify">
@@ -196,747 +196,9 @@
 
                             <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
                         </form>
-
-
-
                     </div>
 
 
-                    <div class="tab-pane fade" id="v-pills-discord" role="tabpanel" aria-labelledby="v-pills-discord-tab">
-
-
-
-                        <form class="ajax_form discord" data-func="SaveNotifier" action="api/notifier/discord" method="POST">
-                            <h4 class="text-capitalize">discord</h4>
-                            <p class="small text-muted">Send notifications to your discord channel using discord webhooks. Insert your discord channel Webhook URL to receive notifications. Based on the <a href="https://discordapp.com/developers/docs/resources/Webhook">discord webhooker API</a>.</p>
-
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="discord_webhooker_url">discord webhooker URL</label>
-
-                                <input type="text" name="host" class="form-control" value="https://discordapp.com/api/webhooks/****/*****" id="discord_webhooker_url" placeholder="Insert your Webhook URL here" >
-
-
-                            </div>
-
-
-                            <div class="row">
-                                <div class="col-9 col-sm-6">
-                                    <div class="input-group mb-2">
-                                        <div class="input-group-prepend">
-                                            <div class="input-group-text">Limit</div>
-                                        </div>
-                                        <input type="number" class="form-control" name="limits" min="1" max="60" id="limits_per_hour_discord" value="3" placeholder="7">
-                                        <div class="input-group-append">
-                                            <div class="input-group-text">Per Minute</div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="col-3 col-sm-2 mt-1">
-            <span class="switch">
-                <input type="checkbox" name="enabled-option" class="switch" id="switch-discord" >
-                <label for="switch-discord"></label>
-                <input type="hidden" name="enabled" id="switch-discord-value" value="false">
-            </span>
-                                </div>
-
-                                <input type="hidden" name="method" value="discord">
-
-                                <div class="col-12 col-sm-4 mb-2 mb-sm-0 mt-2 mt-sm-0">
-                                    <button type="submit" class="btn btn-primary btn-block text-capitalize"><i class="fa fa-check-circle"></i> Save</button>
-                                </div>
-
-
-                                <div class="col-12 col-sm-12">
-                                    <button class="test_notifier btn btn-secondary btn-block text-capitalize col-12 float-right"><i class="fa fa-vial"></i> Test Notifier</button>
-                                </div>
-
-                                <div class="col-12 col-sm-12 mt-2">
-                                    <div class="alert alert-danger d-none" id="discord-error" role="alert">
-                                        <i class="fa fa-exclamation-triangle"></i> discord has an error!
-                                    </div>
-
-                                    <div class="alert alert-success d-none" id="discord-success" role="alert">
-                                        <i class="fa fa-smile-beam"></i> The discord notifier is working correctly!
-                                    </div>
-                                </div>
-
-
-                            </div>
-
-
-                            <span class="d-block small text-center mt-3 mb-5">
-        <span class="text-capitalize">discord</span> Notifier created by <a href="https://github.com/hunterlong" target="_blank">Hunter Long</a>
-                        </span>
-
-                            <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
-                        </form>
-
-
-
-                    </div>
-
-
-                    <div class="tab-pane fade" id="v-pills-email" role="tabpanel" aria-labelledby="v-pills-email-tab">
-
-
-
-                        <form class="ajax_form email" data-func="SaveNotifier" action="api/notifier/email" method="POST">
-                            <h4 class="text-capitalize">email</h4>
-                            <p class="small text-muted">Send emails via SMTP when services are online or offline.</p>
-
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="smtp_host">SMTP Host</label>
-
-                                <input type="text" name="host" class="form-control" value="" id="smtp_host" placeholder="Insert your SMTP Host here." >
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="smtp_username">SMTP Username</label>
-
-                                <input type="text" name="username" class="form-control" value="" id="smtp_username" placeholder="Insert your SMTP Username here." >
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="smtp_password">SMTP Password</label>
-
-                                <input type="password" name="password" class="form-control" value="" id="smtp_password" placeholder="Insert your SMTP Password here." >
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="smtp_port">SMTP Port</label>
-
-                                <input type="number" name="port" class="form-control" value="0" id="smtp_port" placeholder="Insert your SMTP Port here." >
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="outgoing_email_address">Outgoing Email Address</label>
-
-                                <input type="text" name="var1" class="form-control" value="" id="outgoing_email_address" placeholder="outgoing@email.com" >
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="send_alerts_to">Send Alerts To</label>
-
-                                <input type="email" name="var2" class="form-control" value="" id="send_alerts_to" placeholder="sendto@email.com" >
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="disable_tls_ssl">Disable TLS/SSL</label>
-
-                                <input type="text" name="api_key" class="form-control" value="" id="disable_tls_ssl" placeholder="" >
-
-
-                                <small class="form-text text-muted">To Disable TLS/SSL insert 'true'</small>
-
-                            </div>
-
-
-                            <div class="row">
-                                <div class="col-9 col-sm-6">
-                                    <div class="input-group mb-2">
-                                        <div class="input-group-prepend">
-                                            <div class="input-group-text">Limit</div>
-                                        </div>
-                                        <input type="number" class="form-control" name="limits" min="1" max="60" id="limits_per_hour_email" value="3" placeholder="7">
-                                        <div class="input-group-append">
-                                            <div class="input-group-text">Per Minute</div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="col-3 col-sm-2 mt-1">
-            <span class="switch">
-                <input type="checkbox" name="enabled-option" class="switch" id="switch-email" >
-                <label for="switch-email"></label>
-                <input type="hidden" name="enabled" id="switch-email-value" value="false">
-            </span>
-                                </div>
-
-                                <input type="hidden" name="method" value="email">
-
-                                <div class="col-12 col-sm-4 mb-2 mb-sm-0 mt-2 mt-sm-0">
-                                    <button type="submit" class="btn btn-primary btn-block text-capitalize"><i class="fa fa-check-circle"></i> Save</button>
-                                </div>
-
-
-                                <div class="col-12 col-sm-12">
-                                    <button class="test_notifier btn btn-secondary btn-block text-capitalize col-12 float-right"><i class="fa fa-vial"></i> Test Notifier</button>
-                                </div>
-
-                                <div class="col-12 col-sm-12 mt-2">
-                                    <div class="alert alert-danger d-none" id="email-error" role="alert">
-                                        <i class="fa fa-exclamation-triangle"></i> email has an error!
-                                    </div>
-
-                                    <div class="alert alert-success d-none" id="email-success" role="alert">
-                                        <i class="fa fa-smile-beam"></i> The email notifier is working correctly!
-                                    </div>
-                                </div>
-
-
-                            </div>
-
-
-                            <span class="d-block small text-center mt-3 mb-5">
-        <span class="text-capitalize">email</span> Notifier created by <a href="https://github.com/hunterlong" target="_blank">Hunter Long</a>
-                        </span>
-
-                            <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
-                        </form>
-
-
-
-                    </div>
-
-
-                    <div class="tab-pane fade" id="v-pills-line_notify" role="tabpanel" aria-labelledby="v-pills-line_notify-tab">
-
-
-
-                        <form class="ajax_form line_notify" data-func="SaveNotifier" action="api/notifier/line%20notify" method="POST">
-                            <h4 class="text-capitalize">LINE Notify</h4>
-                            <p class="small text-muted">LINE Notify will send notifications to your LINE Notify account when services are offline or online. Based on the <a href="https://notify-bot.line.me/doc/en/">LINE Notify API</a>.</p>
-
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="access_token">Access Token</label>
-
-                                <input type="text" name="api_secret" class="form-control" value="" id="access_token" placeholder="Insert your Line Notify Access Token here." >
-
-
-                            </div>
-
-
-                            <div class="row">
-                                <div class="col-9 col-sm-6">
-                                    <div class="input-group mb-2">
-                                        <div class="input-group-prepend">
-                                            <div class="input-group-text">Limit</div>
-                                        </div>
-                                        <input type="number" class="form-control" name="limits" min="1" max="60" id="limits_per_hour_line_notify" value="3" placeholder="7">
-                                        <div class="input-group-append">
-                                            <div class="input-group-text">Per Minute</div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="col-3 col-sm-2 mt-1">
-            <span class="switch">
-                <input type="checkbox" name="enabled-option" class="switch" id="switch-line notify" >
-                <label for="switch-line notify"></label>
-                <input type="hidden" name="enabled" id="switch-line notify-value" value="false">
-            </span>
-                                </div>
-
-                                <input type="hidden" name="method" value="line_notify">
-
-                                <div class="col-12 col-sm-4 mb-2 mb-sm-0 mt-2 mt-sm-0">
-                                    <button type="submit" class="btn btn-primary btn-block text-capitalize"><i class="fa fa-check-circle"></i> Save</button>
-                                </div>
-
-
-
-                            </div>
-
-
-                            <span class="d-block small text-center mt-3 mb-5">
-        <span class="text-capitalize">LINE Notify</span> Notifier created by <a href="https://github.com/dogrocker" target="_blank">Kanin Peanviriyakulkit</a>
-                        </span>
-
-                            <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
-                        </form>
-
-
-
-                    </div>
-
-
-                    <div class="tab-pane fade" id="v-pills-mobile" role="tabpanel" aria-labelledby="v-pills-mobile-tab">
-
-
-
-                        <form class="ajax_form mobile" data-func="SaveNotifier" action="api/notifier/mobile" method="POST">
-                            <h4 class="text-capitalize">Mobile Notifications</h4>
-                            <p class="small text-muted">Receive push notifications on your Mobile device using the Statping App. You can scan the Authentication QR Code found in Settings to get the Mobile app setup in seconds.
-                            <p align="center"><a href="https://play.google.com/store/apps/details?id=com.statping"><img src="https://img.cjx.io/google-play.svg"></a><a href="https://itunes.apple.com/us/app/apple-store/id1445513219"><img src="https://img.cjx.io/app-store-badge.svg"></a></p>
-
-
-                            <div class="form-group">
-                                <label class="text-capitalize d-none" for="device_identifiers">Device Identifiers</label>
-
-                                <input type="text" name="var1" class="form-control d-none" value="" id="device_identifiers" placeholder="A list of your Mobile device push notification ID&#39;s." >
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize d-none" for="array_of_device_numbers">Array of device numbers</label>
-
-                                <input type="number" name="var2" class="form-control d-none" value="" id="array_of_device_numbers" placeholder="1 for iphone 2 for android" >
-
-
-                            </div>
-
-
-                            <div class="row">
-                                <div class="col-9 col-sm-6">
-                                    <div class="input-group mb-2">
-                                        <div class="input-group-prepend">
-                                            <div class="input-group-text">Limit</div>
-                                        </div>
-                                        <input type="number" class="form-control" name="limits" min="1" max="60" id="limits_per_hour_mobile" value="3" placeholder="7">
-                                        <div class="input-group-append">
-                                            <div class="input-group-text">Per Minute</div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="col-3 col-sm-2 mt-1">
-            <span class="switch">
-                <input type="checkbox" name="enabled-option" class="switch" id="switch-mobile" >
-                <label for="switch-mobile"></label>
-                <input type="hidden" name="enabled" id="switch-mobile-value" value="false">
-            </span>
-                                </div>
-
-                                <input type="hidden" name="method" value="mobile">
-
-                                <div class="col-12 col-sm-4 mb-2 mb-sm-0 mt-2 mt-sm-0">
-                                    <button type="submit" class="btn btn-primary btn-block text-capitalize"><i class="fa fa-check-circle"></i> Save</button>
-                                </div>
-
-
-                                <div class="col-12 col-sm-12">
-                                    <button class="test_notifier btn btn-secondary btn-block text-capitalize col-12 float-right"><i class="fa fa-vial"></i> Test Notifier</button>
-                                </div>
-
-                                <div class="col-12 col-sm-12 mt-2">
-                                    <div class="alert alert-danger d-none" id="mobile-error" role="alert">
-                                        <i class="fa fa-exclamation-triangle"></i> mobile has an error!
-                                    </div>
-
-                                    <div class="alert alert-success d-none" id="mobile-success" role="alert">
-                                        <i class="fa fa-smile-beam"></i> The mobile notifier is working correctly!
-                                    </div>
-                                </div>
-
-
-                            </div>
-
-
-                            <span class="d-block small text-center mt-3 mb-5">
-        <span class="text-capitalize">Mobile Notifications</span> Notifier created by <a href="https://github.com/hunterlong" target="_blank">Hunter Long</a>
-                        </span>
-
-                            <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
-                        </form>
-
-
-
-                    </div>
-
-
-                    <div class="tab-pane fade" id="v-pills-slack" role="tabpanel" aria-labelledby="v-pills-slack-tab">
-
-
-
-                        <form class="ajax_form slack" data-func="SaveNotifier" action="api/notifier/slack" method="POST">
-                            <h4 class="text-capitalize">slack</h4>
-                            <p class="small text-muted">Send notifications to your slack channel when a service is offline. Insert your Incoming webhooker URL for your channel to receive notifications. Based on the <a href="https://api.slack.com/incoming-webhooks">slack API</a>.</p>
-
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="incoming_webhooker_url">Incoming webhooker Url</label>
-
-                                <input type="text" name="host" class="form-control" value="https://webhooksurl.slack.com/***" id="incoming_webhooker_url" placeholder="Insert your slack Webhook URL here." required>
-
-
-                                <small class="form-text text-muted">Incoming webhooker URL from <a href="https://api.slack.com/apps" target="_blank">slack Apps</a></small>
-
-                            </div>
-
-
-                            <div class="row">
-                                <div class="col-9 col-sm-6">
-                                    <div class="input-group mb-2">
-                                        <div class="input-group-prepend">
-                                            <div class="input-group-text">Limit</div>
-                                        </div>
-                                        <input type="number" class="form-control" name="limits" min="1" max="60" id="limits_per_hour_slack" value="3" placeholder="7">
-                                        <div class="input-group-append">
-                                            <div class="input-group-text">Per Minute</div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="col-3 col-sm-2 mt-1">
-            <span class="switch">
-                <input type="checkbox" name="enabled-option" class="switch" id="switch-slack" >
-                <label for="switch-slack"></label>
-                <input type="hidden" name="enabled" id="switch-slack-value" value="false">
-            </span>
-                                </div>
-
-                                <input type="hidden" name="method" value="slack">
-
-                                <div class="col-12 col-sm-4 mb-2 mb-sm-0 mt-2 mt-sm-0">
-                                    <button type="submit" class="btn btn-primary btn-block text-capitalize"><i class="fa fa-check-circle"></i> Save</button>
-                                </div>
-
-
-                                <div class="col-12 col-sm-12">
-                                    <button class="test_notifier btn btn-secondary btn-block text-capitalize col-12 float-right"><i class="fa fa-vial"></i> Test Notifier</button>
-                                </div>
-
-                                <div class="col-12 col-sm-12 mt-2">
-                                    <div class="alert alert-danger d-none" id="slack-error" role="alert">
-                                        <i class="fa fa-exclamation-triangle"></i> slack has an error!
-                                    </div>
-
-                                    <div class="alert alert-success d-none" id="slack-success" role="alert">
-                                        <i class="fa fa-smile-beam"></i> The slack notifier is working correctly!
-                                    </div>
-                                </div>
-
-
-                            </div>
-
-
-                            <span class="d-block small text-center mt-3 mb-5">
-        <span class="text-capitalize">slack</span> Notifier created by <a href="https://github.com/hunterlong" target="_blank">Hunter Long</a>
-                        </span>
-
-                            <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
-                        </form>
-
-
-
-                    </div>
-
-
-                    <div class="tab-pane fade" id="v-pills-telegram" role="tabpanel" aria-labelledby="v-pills-telegram-tab">
-
-
-
-                        <form class="ajax_form telegram" data-func="SaveNotifier" action="api/notifier/telegram" method="POST">
-                            <h4 class="text-capitalize">Telegram</h4>
-                            <p class="small text-muted">Receive notifications on your Telegram channel when a service has an issue. You must get a Telegram API token from the /botfather. Review the <a target="_blank" href="http://techthoughts.info/how-to-create-a-telegram-bot-and-send-messages-via-api">Telegram API Tutorial</a> to learn how to generate a new API Token.</p>
-
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="telegram_api_token">Telegram API Token</label>
-
-                                <input type="text" name="api_secret" class="form-control" value="" id="telegram_api_token" placeholder="383810182:EEx829dtCeufeQYXG7CUdiQopqdmmxBPO7-s" required>
-
-
-                                <small class="form-text text-muted">Enter the API Token given to you from the /botfather chat.</small>
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="channel_or_user_id">Channel or User ID</label>
-
-                                <input type="text" name="var1" class="form-control" value="" id="channel_or_user_id" placeholder="789325392" required>
-
-
-                                <small class="form-text text-muted">Insert your Telegram Channel ID or User ID here.</small>
-
-                            </div>
-
-
-                            <div class="row">
-                                <div class="col-9 col-sm-6">
-                                    <div class="input-group mb-2">
-                                        <div class="input-group-prepend">
-                                            <div class="input-group-text">Limit</div>
-                                        </div>
-                                        <input type="number" class="form-control" name="limits" min="1" max="60" id="limits_per_hour_telegram" value="3" placeholder="7">
-                                        <div class="input-group-append">
-                                            <div class="input-group-text">Per Minute</div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="col-3 col-sm-2 mt-1">
-            <span class="switch">
-                <input type="checkbox" name="enabled-option" class="switch" id="switch-telegram" >
-                <label for="switch-telegram"></label>
-                <input type="hidden" name="enabled" id="switch-telegram-value" value="false">
-            </span>
-                                </div>
-
-                                <input type="hidden" name="method" value="telegram">
-
-                                <div class="col-12 col-sm-4 mb-2 mb-sm-0 mt-2 mt-sm-0">
-                                    <button type="submit" class="btn btn-primary btn-block text-capitalize"><i class="fa fa-check-circle"></i> Save</button>
-                                </div>
-
-
-                                <div class="col-12 col-sm-12">
-                                    <button class="test_notifier btn btn-secondary btn-block text-capitalize col-12 float-right"><i class="fa fa-vial"></i> Test Notifier</button>
-                                </div>
-
-                                <div class="col-12 col-sm-12 mt-2">
-                                    <div class="alert alert-danger d-none" id="telegram-error" role="alert">
-                                        <i class="fa fa-exclamation-triangle"></i> telegram has an error!
-                                    </div>
-
-                                    <div class="alert alert-success d-none" id="telegram-success" role="alert">
-                                        <i class="fa fa-smile-beam"></i> The telegram notifier is working correctly!
-                                    </div>
-                                </div>
-
-
-                            </div>
-
-
-                            <span class="d-block small text-center mt-3 mb-5">
-        <span class="text-capitalize">Telegram</span> Notifier created by <a href="https://github.com/hunterlong" target="_blank">Hunter Long</a>
-                        </span>
-
-                            <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
-                        </form>
-
-
-
-                    </div>
-
-
-                    <div class="tab-pane fade" id="v-pills-twilio" role="tabpanel" aria-labelledby="v-pills-twilio-tab">
-
-
-
-                        <form class="ajax_form twilio" data-func="SaveNotifier" action="api/notifier/twilio" method="POST">
-                            <h4 class="text-capitalize">Twilio</h4>
-                            <p class="small text-muted">Receive SMS text messages directly to your cellphone when a service is offline. You can use a Twilio test account with limits. This notifier uses the <a href="https://www.twilio.com/docs/usage/api">Twilio API</a>.</p>
-
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="account_sid">Account SID</label>
-
-                                <input type="text" name="api_key" class="form-control" value="" id="account_sid" placeholder="Insert your Twilio Account SID" required>
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="account_token">Account Token</label>
-
-                                <input type="text" name="api_secret" class="form-control" value="" id="account_token" placeholder="Insert your Twilio Account Token" required>
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="sms_to_phone_number">SMS to Phone Number</label>
-
-                                <input type="text" name="var1" class="form-control" value="" id="sms_to_phone_number" placeholder="18555555555" required>
-
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="from_phone_number">From Phone Number</label>
-
-                                <input type="text" name="var2" class="form-control" value="" id="from_phone_number" placeholder="18555555555" required>
-
-
-                            </div>
-
-
-                            <div class="row">
-                                <div class="col-9 col-sm-6">
-                                    <div class="input-group mb-2">
-                                        <div class="input-group-prepend">
-                                            <div class="input-group-text">Limit</div>
-                                        </div>
-                                        <input type="number" class="form-control" name="limits" min="1" max="60" id="limits_per_hour_twilio" value="3" placeholder="7">
-                                        <div class="input-group-append">
-                                            <div class="input-group-text">Per Minute</div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="col-3 col-sm-2 mt-1">
-            <span class="switch">
-                <input type="checkbox" name="enabled-option" class="switch" id="switch-twilio" >
-                <label for="switch-twilio"></label>
-                <input type="hidden" name="enabled" id="switch-twilio-value" value="false">
-            </span>
-                                </div>
-
-                                <input type="hidden" name="method" value="twilio">
-
-                                <div class="col-12 col-sm-4 mb-2 mb-sm-0 mt-2 mt-sm-0">
-                                    <button type="submit" class="btn btn-primary btn-block text-capitalize"><i class="fa fa-check-circle"></i> Save</button>
-                                </div>
-
-
-                                <div class="col-12 col-sm-12">
-                                    <button class="test_notifier btn btn-secondary btn-block text-capitalize col-12 float-right"><i class="fa fa-vial"></i> Test Notifier</button>
-                                </div>
-
-                                <div class="col-12 col-sm-12 mt-2">
-                                    <div class="alert alert-danger d-none" id="twilio-error" role="alert">
-                                        <i class="fa fa-exclamation-triangle"></i> twilio has an error!
-                                    </div>
-
-                                    <div class="alert alert-success d-none" id="twilio-success" role="alert">
-                                        <i class="fa fa-smile-beam"></i> The twilio notifier is working correctly!
-                                    </div>
-                                </div>
-
-
-                            </div>
-
-
-                            <span class="d-block small text-center mt-3 mb-5">
-        <span class="text-capitalize">Twilio</span> Notifier created by <a href="https://github.com/hunterlong" target="_blank">Hunter Long</a>
-                        </span>
-
-                            <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
-                        </form>
-
-
-
-                    </div>
-
-
-                    <div class="tab-pane fade" id="v-pills-webhook" role="tabpanel" aria-labelledby="v-pills-webhook-tab">
-
-
-
-                        <form class="ajax_form webhook" data-func="SaveNotifier" action="api/notifier/Webhook" method="POST">
-                            <h4 class="text-capitalize">HTTP webhooker</h4>
-                            <p class="small text-muted">Send a custom HTTP request to a specific URL with your own body, headers, and parameters.</p>
-
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="http_endpoint">HTTP Endpoint</label>
-
-                                <input type="text" name="host" class="form-control" value="" id="http_endpoint" placeholder="http://webhookurl.com/JW2MCP4SKQP" required>
-
-
-                                <small class="form-text text-muted">Insert the URL for your HTTP Requests.</small>
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="http_method">HTTP Method</label>
-
-                                <input type="text" name="var1" class="form-control" value="" id="http_method" placeholder="POST" required>
-
-
-                                <small class="form-text text-muted">Choose a HTTP method for example: GET, POST, DELETE, or PATCH.</small>
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="http_body">HTTP Body</label>
-
-                                <textarea rows="3" class="form-control" name="var2" id="http_body"></textarea>
-
-
-                                <small class="form-text text-muted">Optional HTTP body for a POST request. You can insert variables into your body request.<br>%service.Id, %service.Name, %service.Online<br>%failure.Issue</small>
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="content_type">Content Type</label>
-
-                                <input type="text" name="api_key" class="form-control" value="" id="content_type" placeholder="application/json" >
-
-
-                                <small class="form-text text-muted">Optional content type for example: application/json or text/plain</small>
-
-                            </div>
-
-                            <div class="form-group">
-                                <label class="text-capitalize" for="header">Header</label>
-
-                                <input type="text" name="api_secret" class="form-control" value="" id="header" placeholder="Authorization=Token12345" >
-
-
-                                <small class="form-text text-muted">Optional Headers for request use format: KEY=Value,Key=Value</small>
-
-                            </div>
-
-
-                            <div class="row">
-                                <div class="col-9 col-sm-6">
-                                    <div class="input-group mb-2">
-                                        <div class="input-group-prepend">
-                                            <div class="input-group-text">Limit</div>
-                                        </div>
-                                        <input type="number" class="form-control" name="limits" min="1" max="60" id="limits_per_hour_webhook" value="3" placeholder="7">
-                                        <div class="input-group-append">
-                                            <div class="input-group-text">Per Minute</div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <div class="col-3 col-sm-2 mt-1">
-            <span class="switch">
-                <input type="checkbox" name="enabled-option" class="switch" id="switch-Webhook" >
-                <label for="switch-Webhook"></label>
-                <input type="hidden" name="enabled" id="switch-Webhook-value" value="false">
-            </span>
-                                </div>
-
-                                <input type="hidden" name="method" value="webhook">
-
-                                <div class="col-12 col-sm-4 mb-2 mb-sm-0 mt-2 mt-sm-0">
-                                    <button type="submit" class="btn btn-primary btn-block text-capitalize"><i class="fa fa-check-circle"></i> Save</button>
-                                </div>
-
-
-                                <div class="col-12 col-sm-12">
-                                    <button class="test_notifier btn btn-secondary btn-block text-capitalize col-12 float-right"><i class="fa fa-vial"></i> Test Notifier</button>
-                                </div>
-
-                                <div class="col-12 col-sm-12 mt-2">
-                                    <div class="alert alert-danger d-none" id="webhook-error" role="alert">
-                                        <i class="fa fa-exclamation-triangle"></i> Webhook has an error!
-                                    </div>
-
-                                    <div class="alert alert-success d-none" id="webhook-success" role="alert">
-                                        <i class="fa fa-smile-beam"></i> The Webhook notifier is working correctly!
-                                    </div>
-                                </div>
-
-
-                            </div>
-
-
-                            <span class="d-block small text-center mt-3 mb-5">
-        <span class="text-capitalize">HTTP webhooker</span> Notifier created by <a href="https://github.com/hunterlong" target="_blank">Hunter Long</a>
-                        </span>
-
-                            <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
-                        </form>
-
-
-
-                    </div>
-
-
-
-
 
                     <div class="tab-pane fade" id="v-pills-integration-csv" role="tabpanel" aria-labelledby="v-pills-integration-csv-tab">
 
@@ -1073,7 +335,6 @@
 </template>
 
 <script>
-  import Api from "../components/API"
   import CoreSettings from '../forms/CoreSettings';
 
   export default {