Improve Calendar views

Moved toolbars inside "list" and "detail" views, like we do in the other
modules. With this change, it was possible to move the navitation button
(chevrons) inside the top toolbar of the detail view. Also move the view
headers inside a toolbar. The all-day events of the day and week views
have also been moved inside this toolbar.

UI/Templates/SchedulerUI/UIxCalWeekView.wox

@@ -1,34 +1,40 @@
 <?xml version="1.0" standalone="yes"?>
-  <container
-      xmlns="http://www.w3.org/1999/xhtml"
-      xmlns:var="http://www.skyrix.com/od/binding"
-      xmlns:const="http://www.skyrix.com/od/constant"
-      xmlns:rsrc="OGo:url"
-      xmlns:label="OGo:label">
+<!DOCTYPE container>
+<container
+    xmlns="http://www.w3.org/1999/xhtml"
+    xmlns:var="http://www.skyrix.com/od/binding"
+    xmlns:const="http://www.skyrix.com/od/constant"
+    xmlns:rsrc="OGo:url"
+    xmlns:label="OGo:label">
 
-    <md-content>
-      <div layout="row" layout-align="center">
-        <h5>
-          <md-button
-              class="sg-icon-button"
-              label:aria-label="Previous Week"
-              var:date="prevWeekQueryParameters.day"
-              ng-click="calendar.changeView($event)"><md-icon>chevron_left</md-icon></md-button>
-          <var:string value="currentWeekName" />
-          <md-button
-              class="sg-icon-button"
-              label:aria-label="Next Week"
-              var:date="nextWeekQueryParameters.day"
-              ng-click="calendar.changeView($event)"><md-icon>chevron_right</md-icon></md-button>
-        </h5>
-      </div>
-      <div id="calendarContent">
-        <var:component
-            className="UIxCalDayTable"
-            startDate="startDate"
-            const:CSSClass="weekOverview"
-            const:numberOfDays="7"
-            const:currentView="weekview"/>
-      </div>
-    </md-content>
-  </container>
+  <md-toolbar hide-sm="hide-sm">
+    <div class="md-toolbar-tools">
+      <md-button class="md-icon-button"
+                 label:aria-label="Previous Week"
+                 var:date="prevWeekQueryParameters.day"
+                 ng-click="calendar.changeView($event)"><md-icon>chevron_left</md-icon></md-button>
+      <div><var:string value="currentWeekName" /></div>
+      <md-button class="md-icon-button"
+                 label:aria-label="Next Week"
+                 var:date="nextWeekQueryParameters.day"
+                 ng-click="calendar.changeView($event)"><md-icon>chevron_right</md-icon></md-button>
+      <div class="md-flex"><!-- spacer --></div>
+      <md-button class="md-icon-button md-accent"
+                 label:aria-label="Today"
+                 ng-click="app.today()"><md-icon>today</md-icon></md-button>
+      <a class="md-icon-button md-button"
+         label:aria-label="Day"
+         href="#/calendar/day"><md-icon>view_day</md-icon></a>
+      <a class="md-icon-button md-button"
+         label:aria-label="Month"
+         href="#/calendar/month"><md-icon>view_module</md-icon></a>
+    </div>
+  </md-toolbar>
+
+  <var:component
+      className="UIxCalDayTable"
+      startDate="startDate"
+      const:CSSClass="weekOverview"
+      const:numberOfDays="7"
+      const:currentView="weekview"/>
+</container>