(js,html) Allow the removable of attendees

UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox

@@ -232,8 +232,11 @@
             <div class="md-contact-avatar">
               <sg-avatar-image sg-email="$chip.email" size="32"><!-- avatar --></sg-avatar-image>
             </div>
-            <div class="md-contact-name">{{$chip.name}}</div>
+            <div class="md-contact-name">{{$chip.name || $chip.email}}</div>
             <md-icon ng-class="'icon-' + $chip.status"><!-- partstat --></md-icon>
+            <md-icon class="sg-chip-remove"
+                     label:aria-label="Delete"
+                     ng-click="editor.component.deleteAttendee($chip)">close</md-icon>
           </md-chip-template>
         </md-chips>
       <div ng-show="editor.showAttendeesEditor" class="attendees">

UI/Templates/SchedulerUI/UIxAttendeesEditor.wox

@@ -24,6 +24,11 @@
           <div class="sg-md-subhead"><div>{{currentAttendee.name}}</div></div>
           <div class="sg-md-body"><div>{{currentAttendee.email}}</div></div>
         </div>
+        <md-button class="md-icon-button"
+                   label:aria-label="Delete"
+                   ng-click="editor.component.deleteAttendee(currentAttendee)">
+          <md-icon>close</md-icon>
+        </md-button>
       </md-list-item>
     </md-list>
     <!-- freebusy -->

UI/WebServerResources/js/Scheduler/Component.service.js

@@ -739,6 +739,19 @@
     return angular.isDefined(attendee);
   };
 
+  /**
+   * @function deleteAttendee
+   * @memberof Component.prototype
+   * @desc Remove an attendee from the component
+   * @param {Object} attendee - an object literal defining an attendee
+   */
+  Component.prototype.deleteAttendee = function(attendee) {
+    var index = _.findIndex(this.attendees, function(currentAttendee) {
+      return currentAttendee.email == attendee.email;
+    });
+    this.attendees.splice(index, 1);
+  };
+
   /**
    * @function canRemindAttendeesByEmail
    * @memberof Component.prototype

UI/WebServerResources/scss/components/chips/chips.scss

@@ -12,6 +12,15 @@ md-chips {
       .md-chip-content {
         max-width: initial; // fix bug in ng-material
       }
+      // Custom 'chip remove' button used with chips in readonly mode
+      .sg-chip-remove {
+        &:hover {
+          cursor: pointer;
+        }
+        height: $chip-delete-icon-size;
+        width: $chip-delete-icon-size;
+        line-height: $chip-delete-icon-size;
+      }
     }
   }
 }