Browse Source

fixes #4: days with groups are highlighted

Davide Alberani 7 years ago
parent
commit
6da63a8c0b
3 changed files with 22 additions and 4 deletions
  1. 22 2
      src/App.vue
  2. 0 1
      src/User.vue
  3. 0 1
      src/Users.vue

+ 22 - 2
src/App.vue

@@ -2,7 +2,7 @@
     <div id="main-attendees">
         <md-layout md-gutter md-row>
             <md-layout md-column md-flex="20" md-gutter>
-                <datepicker id="datepicker" :value="date" :inline="true" @selected="getDay"></datepicker>
+                <datepicker id="datepicker" :value="date" :inline="true" :highlighted="highlightedDates" @selected="getDay"></datepicker>
             </md-layout>
             <md-layout id="panel" md-column>
                 <md-layout md-row>
@@ -19,7 +19,7 @@ import Datepicker from 'vuejs-datepicker';
 import Group from './Group';
 
 export default {
-    data () {
+    data() {
         return {
             date: null, // a Date object representing the selected date
             day: {},
@@ -27,6 +27,26 @@ export default {
         }
     },
 
+    computed: {
+        highlightedDates() {
+            var ds = this.daysSummary.days || [];
+            var datesWithGroups = [];
+            for (var i=0; i < ds.length; i++) {
+                var [year, month, day] = ds[i].day.split('-');
+                year = parseInt(year);
+                month = parseInt(month) - 1;
+                day = parseInt(day);
+                if (isNaN(year) || isNaN(month) || isNaN(day)) {
+                    continue;
+                }
+                datesWithGroups.push(new Date(year, month, day));
+            }
+            return {
+                dates: datesWithGroups
+            };
+        }
+    },
+
     beforeCreate: function() {
         this.daysUrl = this.$resource('days{/day}');
         this.attendeesUrl = this.$resource('attendees{/id}');

+ 0 - 1
src/User.vue

@@ -33,7 +33,6 @@ export default {
 
     computed: {
         loggedInUser() {
-            console.log(this.$store.state.loggedInUser);
             return this.$store.state.loggedInUser;
         }
     },

+ 0 - 1
src/Users.vue

@@ -73,7 +73,6 @@ export default {
             }, (response) => {
                 alert('deleteUser: unable to get resource');
             }).then((data) => {
-                console.log('AAAAAAAAAAAAAAAAAAAAAAAAAAAA');
             });
         }
     }