From 4ddfa1654f0a926313d30b81d129834aeca51080 Mon Sep 17 00:00:00 2001
From: Bertrand Benjamin <benjamin.bertrand@opytex.org>
Date: Sun, 13 Feb 2022 17:57:40 +0100
Subject: [PATCH] Feat: selecting a year is working

---
 src/components/nav.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/nav.vue b/src/components/nav.vue
index 3943e5c..0c76464 100644
--- a/src/components/nav.vue
+++ b/src/components/nav.vue
@@ -4,7 +4,7 @@
         <h2>
         <ul id="years">
             <li v-for="year in years" :key="year">
-                <span @click="select_year(year)" :class="{selected_year:year==current_year}">{{ year }}</span>
+                <span @click="selectYear(year)" :class="{selected_year:year==current_year}">{{ year }}</span>
             </li>
         </ul>
         </h2>
@@ -26,6 +26,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
+import { mapActions } from 'vuex'
 import { getYear } from 'date-fns'
 const today = new Date()
 export default {
@@ -33,6 +34,7 @@ export default {
   data () {
     return {
       current_year: getYear(today),
+      current_date: today,
     }
   },
   computed: {
@@ -41,8 +43,15 @@ export default {
     })
   },
   methods: {
-    select_year: function (year) {
-        this.current_year=year
+    ...mapActions('travail', {
+        'setRange': 'setRange',
+    }),
+    selectYear: function (year) {
+      this.current_year=year
+      this.setRange({
+          start: `${this.current_year}-01`,
+          end: `${this.current_year}-12`
+      })
     }
   }
 }