From 2d3a5b4243bf6e1c3d528b5630e185d34d72f42e Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Tue, 16 Feb 2016 10:38:38 -0500
Subject: [PATCH] (html) Improve actions buttons of event editor

---
 .../UIxAppointmentViewTemplate.wox            | 99 ++++++++++---------
 1 file changed, 52 insertions(+), 47 deletions(-)

diff --git a/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox b/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
index 5b0bd694b..6f2bb09a6 100644
--- a/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
+++ b/UI/Templates/SchedulerUI/UIxAppointmentViewTemplate.wox
@@ -211,26 +211,39 @@
         </md-button>
         <md-menu-content>
           <md-menu-item>
-              <md-button class="md-warn"
-                         ng-click="editor.deleteOccurrence()">
-                <var:string label:value="Delete This Occurrence"/>
-              </md-button>
-            </md-menu-item>
-            <md-menu-item>
-              <md-button class="md-warn"
-                         ng-click="editor.deleteAllOccurrences()">
-                <var:string label:value="Delete All Occurrences"/>
-              </md-button>
-            </md-menu-item>
+            <md-button class="md-warn"
+                       ng-click="editor.deleteOccurrence()">
+              <md-icon>repeat_one</md-icon> <var:string label:value="Delete This Occurrence"/>
+            </md-button>
+          </md-menu-item>
+          <md-menu-item>
+            <md-button class="md-warn"
+                       ng-click="editor.deleteAllOccurrences()">
+              <md-icon>repeat</md-icon> <var:string label:value="Delete All Occurrences"/>
+            </md-button>
+          </md-menu-item>
         </md-menu-content>
       </md-menu>
       <div class="md-flex"><!-- spacer --></div>
-      <md-button type="button" ng-click="editor.editAllOccurrences()">
-        <var:string label:value="Edit All Occurrences"/>
-      </md-button>
-      <md-button type="button" ng-click="editor.edit()">
-        <var:string label:value="Edit This Occurrence"/>
-      </md-button>
+      <md-menu>
+        <md-button label:aria-label="Edit"
+                   ng-click="$mdOpenMenu()"
+                   md-menu-origin="md-menu-origin">
+          <var:string label:value="Edit"/> <md-icon>arrow_drop_down</md-icon>
+        </md-button>
+        <md-menu-content>
+          <md-menu-item>
+            <md-button type="button" ng-click="editor.edit()">
+              <md-icon>repeat_one</md-icon> <var:string label:value="Edit This Occurrence"/>
+            </md-button>
+          </md-menu-item>
+          <md-menu-item>
+            <md-button type="button" ng-click="editor.editAllOccurrences()">
+              <md-icon>repeat</md-icon> <var:string label:value="Edit All Occurrences"/>
+            </md-button>
+          </md-menu-item>
+        </md-menu-content>
+      </md-menu>
     </md-dialog-actions>
     <!-- invitation but not recurrent -->
     <md-dialog-actions ng-show="editor.component.isInvitation()">
@@ -251,49 +264,41 @@
                    label:aria-label="Delete Event"
                    ng-click="$mdOpenMenu()"
                    md-menu-origin="md-menu-origin">
-          <var:string label:value="Delete"/>
+          <var:string label:value="Delete"/> <md-icon>arrow_drop_down</md-icon>
         </md-button>
         <md-menu-content>
           <md-menu-item>
-              <md-button class="md-warn"
-                         ng-click="editor.deleteOccurrence()">
-                <var:string label:value="Delete This Occurrence"/>
-              </md-button>
-            </md-menu-item>
-            <md-menu-item>
-              <md-button class="md-warn"
-                         ng-click="editor.deleteAllOccurrences()">
-                <var:string label:value="Delete All Occurrences"/>
-              </md-button>
-            </md-menu-item>
+            <md-button class="md-warn"
+                       ng-click="editor.deleteOccurrence()">
+              <md-icon>repeat_one</md-icon> <var:string label:value="Delete This Occurrence"/>
+            </md-button>
+          </md-menu-item>
+          <md-menu-item>
+            <md-button class="md-warn"
+                       ng-click="editor.deleteAllOccurrences()">
+              <md-icon>repeat</md-icon> <var:string label:value="Delete All Occurrences"/>
+            </md-button>
+          </md-menu-item>
         </md-menu-content>
       </md-menu>
       <div class="md-flex"><!-- spacer --></div>
-      <!-- On larger screens, show both buttons -->
-      <md-button type="button" class="hide-xs" ng-click="editor.replyAllOccurrences()">
-        <var:string label:value="Update All Occurrences"/>
-      </md-button>
-      <md-button type="button" class="hide-xs" ng-click="editor.reply()">
-        <var:string label:value="Update This Occurrence"/>
-      </md-button>
-      <!-- On small screens, show a md-menu with the two choices -->
-      <md-menu class="hide show-xs">
+      <md-menu>
         <md-button label:aria-label="Update"
                    ng-click="$mdOpenMenu()"
                    md-menu-origin="md-menu-origin">
-          <var:string label:value="Update"/>
+          <var:string label:value="Update"/> <md-icon>arrow_drop_down</md-icon>
         </md-button>
         <md-menu-content>
           <md-menu-item>
-            <md-button type="button" ng-click="editor.replyAllOccurrences()">
-              <var:string label:value="Update All Occurrences"/>
+            <md-button type="button" ng-click="editor.reply()">
+              <md-icon>repeat_one</md-icon> <var:string label:value="Update This Occurrence"/>
             </md-button>
-            </md-menu-item>
-            <md-menu-item>
-              <md-button type="button" ng-click="editor.reply()">
-                <var:string label:value="Update This Occurrence"/>
-              </md-button>
-            </md-menu-item>
+          </md-menu-item>
+          <md-menu-item>
+            <md-button type="button" ng-click="editor.replyAllOccurrences()">
+              <md-icon>repeat</md-icon> <var:string label:value="Update All Occurrences"/>
+            </md-button>
+          </md-menu-item>
         </md-menu-content>
       </md-menu>
     </md-dialog-actions>