From eb0c5abc7b177576607f4d6bb6ec0c053ec4567f Mon Sep 17 00:00:00 2001
From: Nathan Cannon <nathan.cannon@edf-energy.com>
Date: Mon, 17 Sep 2018 13:00:51 +0100
Subject: [PATCH] Updated Home to using store.

---
 frontend/src/views/Home.vue | 64 ++++++++++++++++++-------------------
 1 file changed, 32 insertions(+), 32 deletions(-)

diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 8cd5cda..5622934 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -3,69 +3,69 @@
     <h1>Training Observations</h1>
     <b-row align-h="center">
       <b-col>
-      <b-form-group label="Site">
-        <b-form-select :value="site" @input="setSite" :options="siteOptions"></b-form-select>
-      </b-form-group>
+        <b-form-group label="Site">
+          <b-form-select :value="site" @input="setSite" :options="siteOptions"></b-form-select>
+        </b-form-group>
       </b-col>
     </b-row>
     <b-row align-h="center">
       <b-col>
-      <b-form-group label="Description">
-        <b-form-input :value="description" @input="setDescription" type="text"></b-form-input>
-      </b-form-group>
+        <b-form-group label="Description">
+          <b-form-input :value="description" @input="setDescription" type="text"></b-form-input>
+        </b-form-group>
       </b-col>
     </b-row>
     <b-row align-h="center">
       <b-col>
-      <b-form-group label="Type">
-        <b-form-select :value="type" @input="setType">
-          <option :value=null>Select a training type</option>
-          <option value="INITIAL">INITIAL</option>
-          <option value="CONTINUING">CONTINUING</option>
-        </b-form-select>
-      </b-form-group>
+        <b-form-group label="Type">
+          <b-form-select :value="type" @input="setType">
+            <option :value=null>Select a training type</option>
+            <option value="INITIAL">INITIAL</option>
+            <option value="CONTINUING">CONTINUING</option>
+          </b-form-select>
+        </b-form-group>
       </b-col>
     </b-row>
     <b-row align-h="center">
       <b-col>
-      <b-form-group label="Tutor(s)">
-        <p v-if="site == null">Select a site first.</p>
-        <v-icon name="spinner" spin v-if="loadingTutors"/>
-        <b-form-checkbox-group :value="tutors" @input="setTutors" :options="tutorOptions"></b-form-checkbox-group>
-      </b-form-group>
+        <b-form-group label="Tutor(s)">
+          <p v-if="site == null">Select a site first.</p>
+          <v-icon name="spinner" spin v-if="loadingTutors" />
+          <b-form-checkbox-group :value="tutors" @input="setTutors" :options="tutorOptions"></b-form-checkbox-group>
+        </b-form-group>
       </b-col>
     </b-row>
     <b-row align-h="center">
       <b-col>
-      <b-button>Start</b-button>
+        <b-button>Start</b-button>
       </b-col>
     </b-row>
   </b-container>
 </template>
 
 <script>
-import Vue from 'vue'
-import 'vue-awesome/icons/spinner';
-import { mapState, mapMutations } from 'vuex'
+import Vue from "vue";
+import "vue-awesome/icons/spinner";
+import { mapState, mapMutations } from "vuex";
 export default {
   name: "home",
-  data () {
+  data() {
     return {
       siteOptions: [],
       tutorOptions: [],
       loadingTutors: false
-    }
+    };
   },
-  mounted () {
-    Vue.axios.get("/api/site/all").then((response) => {
+  mounted() {
+    Vue.axios.get("/api/site/all").then(response => {
       this.siteOptions = response.data;
-    })
+    });
   },
   computed: {
     ...mapState(["site", "description", "type", "tutors"])
   },
   watch: {
-    site: function () {
+    site: function() {
       this.loadingTutors = true;
       this.tutorOptions = [];
       this.tutors = [];
@@ -74,12 +74,12 @@ export default {
   },
   methods: {
     ...mapMutations(["setSite", "setDescription", "setType", "setTutors"]),
-    getTutors: function () {
-      if(this.site != null){
-        Vue.axios.get("/api/tutor/site/" + this.site).then((response) => {
+    getTutors: function() {
+      if (this.site != null) {
+        Vue.axios.get("/api/tutor/site/" + this.site).then(response => {
           this.tutorOptions = response.data;
           this.loadingTutors = false;
-        })
+        });
       }
     }
   }