From 4706035fcb60d0788b9c66ed4176045802b1c9b3 Mon Sep 17 00:00:00 2001
From: hunterlong <info@socialeck.com>
Date: Mon, 20 Jan 2020 21:14:17 -0800
Subject: [PATCH] vue

---
 .../Dashboard/DashboardMessages.vue           | 103 +-------------
 frontend/src/forms/Message.vue                | 134 ++++++++++++++++++
 frontend/src/forms/User.vue                   |   2 +-
 3 files changed, 140 insertions(+), 99 deletions(-)
 create mode 100644 frontend/src/forms/Message.vue

diff --git a/frontend/src/components/Dashboard/DashboardMessages.vue b/frontend/src/components/Dashboard/DashboardMessages.vue
index ce7dcc49..2c3d265c 100644
--- a/frontend/src/components/Dashboard/DashboardMessages.vue
+++ b/frontend/src/components/Dashboard/DashboardMessages.vue
@@ -16,7 +16,7 @@
             <tr v-for="(message, index) in $store.getters.messages" v-bind:key="index">
                 <td>{{message.title}}</td>
                 <td class="d-none d-md-table-cell">
-                    <router-link to="/service/${service(message.service).id}">{{service(message.service).name}}</router-link>
+                    <router-link to="/service/${service(message.service).id}">{{service(message.service)}}</router-link>
                 </td>
                 <td class="d-none d-md-table-cell">{{message.start_on}}</td>
                 <td class="text-right">
@@ -37,102 +37,7 @@
 
         <div class="card">
             <div class="card-body">
-
-                <form class="ajax_form" action="api/messages" data-redirect="messages" method="POST">
-                    <div class="form-group row">
-                        <label for="username" class="col-sm-4 col-form-label">Title</label>
-                        <div class="col-sm-8">
-                            <input type="text" name="title" class="form-control" value="" id="title" placeholder="Message Title" required>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="username" class="col-sm-4 col-form-label">Description</label>
-                        <div class="col-sm-8">
-                            <textarea rows="5" name="description" class="form-control" id="description" required></textarea>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label class="col-sm-4 col-form-label">Message Date Range</label>
-                        <div class="col-sm-4">
-                            <input type="text" name="start_on" class="form-control form-control-plaintext" id="start_on" value="0001-01-01T00:00:00Z" required>
-                        </div>
-                        <div class="col-sm-4">
-                            <input type="text" name="end_on" class="form-control form-control-plaintext" id="end_on" value="0001-01-01T00:00:00Z" required>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="service_id" class="col-sm-4 col-form-label">Service</label>
-                        <div class="col-sm-8">
-                            <select class="form-control" name="service" id="service_id">
-                                <option value="0" selected>Global Message</option>
-
-
-                                <option value="7" >Statping API</option>
-
-
-                                <option value="6" >Push Notification Server</option>
-
-
-                                <option value="1" >Google</option>
-
-
-                                <option value="2" >Statping Github</option>
-
-
-                                <option value="3" >JSON Users Test</option>
-
-
-                                <option value="4" >JSON API Tester</option>
-
-
-                                <option value="5" >Google DNS</option>
-
-                            </select>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="notify_method" class="col-sm-4 col-form-label">Notification Method</label>
-                        <div class="col-sm-8">
-                            <input type="text" name="notify_method" class="form-control" id="notify_method" value="" placeholder="email">
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="notify_method" class="col-sm-4 col-form-label">Notify Users</label>
-                        <div class="col-sm-8">
-            <span class="switch">
-            <input type="checkbox" name="notify_users-value" class="switch" id="switch-normal">
-            <label for="switch-normal">Notify Users Before Scheduled Time</label>
-            <input type="hidden" name="notify_users" id="switch-normal-value" value="false">
-          </span>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <label for="notify_before" class="col-sm-4 col-form-label">Notify Before</label>
-                        <div class="col-sm-8">
-                            <div class="form-inline">
-                                <input type="number" name="notify_before" class="col-4 form-control" id="notify_before" value="0">
-                                <select class="ml-2 col-7 form-control" name="notify_before_scale" id="notify_before_scale">
-                                    <option value="minute">Minutes</option>
-                                    <option value="hour">Hours</option>
-                                    <option value="day">Days</option>
-                                </select>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="form-group row">
-                        <div class="col-sm-12">
-                            <button type="submit" class="btn btn-primary btn-block">Create Message</button>
-                        </div>
-                    </div>
-                    <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
-                </form>
+                <FormMessage/>
             </div>
         </div>
 
@@ -142,10 +47,12 @@
 
 <script>
   import Api from "../API"
+  import FormMessage from "../../forms/Message";
 
   export default {
   name: 'DashboardMessages',
-  data () {
+    components: {FormMessage},
+    data () {
     return {
 
     }
diff --git a/frontend/src/forms/Message.vue b/frontend/src/forms/Message.vue
new file mode 100644
index 00000000..d28be9b9
--- /dev/null
+++ b/frontend/src/forms/Message.vue
@@ -0,0 +1,134 @@
+<template>
+    <form class="ajax_form" action="api/messages" data-redirect="messages" method="POST">
+        <div class="form-group row">
+            <label class="col-sm-4 col-form-label">Title</label>
+            <div class="col-sm-8">
+                <input type="text" name="title" class="form-control" value="" id="title" placeholder="Message Title" required>
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label class="col-sm-4 col-form-label">Description</label>
+            <div class="col-sm-8">
+                <textarea rows="5" name="description" class="form-control" id="description" required></textarea>
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label class="col-sm-4 col-form-label">Message Date Range</label>
+            <div class="col-sm-4">
+                <input type="text" name="start_on" class="form-control form-control-plaintext" id="start_on" value="0001-01-01T00:00:00Z" required>
+            </div>
+            <div class="col-sm-4">
+                <input type="text" name="end_on" class="form-control form-control-plaintext" id="end_on" value="0001-01-01T00:00:00Z" required>
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="service_id" class="col-sm-4 col-form-label">Service</label>
+            <div class="col-sm-8">
+                <select class="form-control" name="service" id="service_id">
+                    <option value="0" selected>Global Message</option>
+
+
+                    <option value="7" >Statping API</option>
+
+
+                    <option value="6" >Push Notification Server</option>
+
+
+                    <option value="1" >Google</option>
+
+
+                    <option value="2" >Statping Github</option>
+
+
+                    <option value="3" >JSON Users Test</option>
+
+
+                    <option value="4" >JSON API Tester</option>
+
+
+                    <option value="5" >Google DNS</option>
+
+                </select>
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="notify_method" class="col-sm-4 col-form-label">Notification Method</label>
+            <div class="col-sm-8">
+                <input type="text" name="notify_method" class="form-control" id="notify_method" value="" placeholder="email">
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="notify_method" class="col-sm-4 col-form-label">Notify Users</label>
+            <div class="col-sm-8">
+            <span class="switch">
+            <input type="checkbox" name="notify_users-value" class="switch" id="switch-normal">
+            <label for="switch-normal">Notify Users Before Scheduled Time</label>
+            <input type="hidden" name="notify_users" id="switch-normal-value" value="false">
+          </span>
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <label for="notify_before" class="col-sm-4 col-form-label">Notify Before</label>
+            <div class="col-sm-8">
+                <div class="form-inline">
+                    <input type="number" name="notify_before" class="col-4 form-control" id="notify_before" value="0">
+                    <select class="ml-2 col-7 form-control" name="notify_before_scale" id="notify_before_scale">
+                        <option value="minute">Minutes</option>
+                        <option value="hour">Hours</option>
+                        <option value="day">Days</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+
+        <div class="form-group row">
+            <div class="col-sm-12">
+                <button type="submit" class="btn btn-primary btn-block">Create Message</button>
+            </div>
+        </div>
+        <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
+    </form>
+</template>
+
+<script>
+import Api from "../components/API";
+
+export default {
+  name: 'FormMessage',
+  props: {
+
+  },
+  data () {
+    return {
+      group: {
+        name: "",
+        public: true
+      }
+    }
+  },
+  mounted() {
+    if (this.props.group) {
+      this.group = this.props.group
+    }
+  },
+  methods: {
+    async saveGroup(e) {
+      e.preventDefault();
+      const data = {name: this.group.name, public: this.group.public}
+      await Api.group_create(data)
+      const groups = await Api.groups()
+      this.$store.commit('setGroups', groups)
+    },
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+</style>
diff --git a/frontend/src/forms/User.vue b/frontend/src/forms/User.vue
index 866b4cdb..f6f9492e 100644
--- a/frontend/src/forms/User.vue
+++ b/frontend/src/forms/User.vue
@@ -60,7 +60,7 @@ export default {
     }
   },
   mounted() {
-    
+
   },
   methods: {
     saveUser () {