fixes #4: days with groups are highlighted

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>
@@ -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}');

src/User.vue

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

src/Users.vue

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