From c4dbbeaa82a639e5d2189de5f6958a1dfd92795d Mon Sep 17 00:00:00 2001
From: Bertrand Benjamin <benjamin.bertrand@opytex.org>
Date: Mon, 21 Jan 2019 12:33:24 +0100
Subject: [PATCH] Feat(Home): month selector

---
 src/views/home.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/views/home.vue b/src/views/home.vue
index 101ae62..ed65b70 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -4,6 +4,8 @@
     <div class="analysis" v-if="datas_present">
       <b-container fluid>
         <b-row class="date-selector">
+          <b-form-input type="month" value="2018-12" @input="set_month"></b-form-input>
+          <!--
           <b-col sm="1"><label for="start"> Entre </label> </b-col>
           <b-col sm="3">
             <b-form-input id="start" type="date" :value="start" @input="set_start"></b-form-input>
@@ -12,6 +14,7 @@
           <b-col sm="3">
             <b-form-input id="end" type="date" :value="end" @input="set_end"></b-form-input>
           </b-col>
+          -->
         </b-row>
       </b-container>
 
@@ -53,6 +56,7 @@
 import { mapGetters, mapActions } from 'vuex'
 import box from '../components/box'
 import tagsComparison from '../components/tags_comparison'
+import moment from 'moment'
 
 export default {
   name: 'home',
@@ -107,10 +111,12 @@ export default {
       'set_start',
       'set_end'
     ]),
-    update_start (e) {
-    },
     set_tags_filter (tagnames) {
       this.tags_filter = tagnames
+    },
+    set_month (month) {
+      this.set_start(moment(month).startOf("month").toDate())
+      this.set_end(moment(month).endOf("month").toDate())
     }
   }
 }