Initial ng/md version of the attendees editor

UI/WebServerResources/js/Scheduler/ComponentController.js

@@ -6,8 +6,8 @@
   /**
    * @ngInject
    */
-  ComponentController.$inject = ['$scope', '$log', '$timeout', '$state', '$previousState', '$mdSidenav', '$mdDialog', 'Calendar', 'Component', 'stateCalendars', 'stateComponent'];
-  function ComponentController($scope, $log, $timeout, $state, $previousState, $mdSidenav, $mdDialog, Calendar, Component, stateCalendars, stateComponent) {
+  ComponentController.$inject = ['$scope', '$log', '$q', '$timeout', '$state', '$previousState', '$mdSidenav', '$mdDialog', 'User', 'Calendar', 'Component', 'AddressBook', 'Card', 'stateCalendars', 'stateComponent'];
+  function ComponentController($scope, $log, $q, $timeout, $state, $previousState, $mdSidenav, $mdDialog, User, Calendar, Component, AddressBook, Card, stateCalendars, stateComponent) {
     var vm = this;
 
     vm.calendars = stateCalendars;
@@ -15,8 +15,19 @@
     vm.categories = {};
     vm.showRecurrenceEditor = vm.event.$hasCustomRepeat;
     vm.toggleRecurrenceEditor = toggleRecurrenceEditor;
+    vm.showAttendeesEditor = angular.isDefined(vm.event.attendees);
+    vm.toggleAttendeesEditor = toggleAttendeesEditor;
+    vm.cardFilter = cardFilter;
+    vm.cardResults = [];
+    vm.addAttendee = addAttendee;
     vm.cancel = cancel;
     vm.save = save;
+    vm.attendeesEditor = {
+      startDate: vm.event.startDate,
+      endDate: vm.event.endDate,
+      days: getDays(),
+      hours: getHours()
+    };
 
     // Open sidenav when loading the view;
     // Return to previous state when closing the sidenav.
@@ -36,11 +47,59 @@
       }, 100); // don't ask why
     });
 
+    $scope.$watch('editor.event.startDate', function(newStartDate, oldStartDate) {
+      if (newStartDate) {
+        $timeout(function() {
+          vm.event.start = new Date(newStartDate.substring(0,10) + ' ' + newStartDate.substring(11,16));
+          vm.event.freebusy = vm.event.updateFreeBusyCoverage();
+          vm.attendeesEditor.days = getDays();
+        });
+      }
+    });
+
+    $scope.$watch('editor.event.endDate', function(newEndDate, oldEndDate) {
+      if (newEndDate) {
+        $timeout(function() {
+          vm.event.end = new Date(newEndDate.substring(0,10) + ' ' + newEndDate.substring(11,16));
+          vm.event.freebusy = vm.event.updateFreeBusyCoverage();
+          vm.attendeesEditor.days = getDays();
+        });
+      }
+    });
+
     function toggleRecurrenceEditor() {
       vm.showRecurrenceEditor = !vm.showRecurrenceEditor;
       vm.event.$hasCustomRepeat = vm.showRecurrenceEditor;
     }
 
+    function toggleAttendeesEditor() {
+      vm.showAttendeesEditor = !vm.showAttendeesEditor;
+    }
+
+    // Autocomplete cards for attendees
+    function cardFilter($query) {
+      if ($query) {
+        AddressBook.$filterAll($query).then(function(results) {
+          vm.cardResults.splice(0, vm.cardResults.length);
+          _.each(results, function(card) {
+            // TODO don't show cards matching an attendee's email address
+            vm.cardResults.push(card);
+          });
+        });
+      }
+      return vm.cardResults;
+    }
+
+    function addAttendee(card) {
+      if (angular.isString(card)) {
+        // User pressed "Enter" in search field, adding a non-matching card
+        // TODO: only create card if the string is an email address
+        card = new Card({ emails: [{ value: card }] });
+        vm.searchText = '';
+      }
+      vm.event.addAttendee(card);
+    }
+
     function save(form) {
       if (form.$valid) {
         vm.event.$save()
@@ -61,6 +120,27 @@
       }
       $mdSidenav('right').close();
     }
+
+    function getDays() {
+      var days = [];
+
+      if (vm.event.start && vm.event.end)
+        days = vm.event.start.daysUpTo(vm.event.end);
+
+      return _.map(days, function(date) {
+        return { stringWithSeparator: date.stringWithSeparator(),
+                 getDayString: date.getDayString() };
+      });
+    }
+
+    function getHours() {
+      var hours = [];
+      for (var i = 0; i <= 23; i++) {
+        //hours.push(Component.timeFormat.formatTime(i, 0));
+        hours.push(i.toString());
+      }
+      return hours;
+    }
   }
 
   angular