From 680fe08a9ee9e70dbdf34bca48b7c64b92761353 Mon Sep 17 00:00:00 2001
From: Nathan Cannon <nathan.cannon@edf-energy.com>
Date: Mon, 22 Oct 2018 14:42:12 +0100
Subject: [PATCH] Added person filters to the frontend.

---
 frontend/src/views/Stats.vue            | 13 ++++++++++---
 frontend/src/views/ViewObservations.vue | 11 +++++++++--
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/Stats.vue b/frontend/src/views/Stats.vue
index 3dafc16..9c0d634 100644
--- a/frontend/src/views/Stats.vue
+++ b/frontend/src/views/Stats.vue
@@ -25,10 +25,15 @@
                 </b-form-group>
             </b-col>
             <b-col>
-                <b-form-group label="Who">
+                <b-form-group label="Shift">
                     <b-form-input class="text-center" v-model="whom" type="text"></b-form-input>
                 </b-form-group>
             </b-col>
+            <b-col>
+                <b-form-group label="Person">
+                    <b-form-input v-model="person" type="text" class="text-center"></b-form-input>
+                </b-form-group>
+            </b-col>
             <b-col>
                 <b-form-group label="From">
                     <date-picker v-model="startDate" @dp-change="changeStartDate" value="startDate"
@@ -117,7 +122,8 @@ export default {
       siteOptions: [],
       tutorSelection: null,
       tutorOptions: [],
-      whom: null
+      whom: null,
+      person: null
     };
   },
   methods: {
@@ -128,7 +134,8 @@ export default {
           tutor: this.tutorSelection,
           startDate: moment(this.startDate).format("YYYY-MM-DD"),
           endDate: moment(this.endDate).format("YYYY-MM-DD"),
-          whom: this.whom
+          whom: this.whom,
+          person: this.person
         })
         .then(response => {
           this.chartData = response.data;
diff --git a/frontend/src/views/ViewObservations.vue b/frontend/src/views/ViewObservations.vue
index b3a7499..3f1118a 100644
--- a/frontend/src/views/ViewObservations.vue
+++ b/frontend/src/views/ViewObservations.vue
@@ -27,10 +27,15 @@
                 </b-form-group>
             </b-col>
             <b-col>
-                <b-form-group label="Who">
+                <b-form-group label="Shift">
                     <b-form-input v-model="whom" type="text" class="text-center"></b-form-input>
                 </b-form-group>
             </b-col>
+            <b-col>
+                <b-form-group label="Person">
+                    <b-form-input v-model="person" type="text" class="text-center"></b-form-input>
+                </b-form-group>
+            </b-col>
             <b-col>
                 <b-form-group label="From">
                     <date-picker v-model="startDate" @dp-change="changeStartDate" value="startDate"
@@ -138,6 +143,7 @@ export default {
       tutorSelection: null,
       tutorOptions: [],
       whom: null,
+      person: null,
       observationData: null,
       errorStatus: null,
       errorMessage: null
@@ -165,7 +171,8 @@ export default {
           tutor: this.tutorSelection,
           startDate: moment(this.startDate).format("YYYY-MM-DD"),
           endDate: moment(this.endDate).format("YYYY-MM-DD"),
-          whom: this.whom
+          whom: this.whom,
+          person: this.person
         })
         .then(response => {
           this.observationData = response.data;