Initial (and fugly) materialization of the login page

UI/Templates/MainUI/SOGoRootPage.wox

@@ -10,6 +10,8 @@
     const:jsFiles="Common/SOGoAuthentication.js"
     const:popup="YES"
     ><var:string var:value="doctype" const:escapeHTML="NO"/>
+
+<md-content md-scroll-y="true">
   <div>
     <div id="aboutBox" style="display:none;">
       <div>
@@ -37,12 +39,17 @@
       <form name="loginForm" data-ng-controller="loginController" data-ng-submit="login(creds)">
         <var:if condition="hasLoginSuffix"><input type="hidden" data-ng-model="creds.loginSuffix" var:value="loginSuffix"/></var:if>
         <div data-ng-show="warning" data-ng-cloak="ng-cloak" data-alert="data-alert" class="alert-box radius warning">{{warning}}</div>
+        <md-input-container>
           <label><var:string label:value="Username:"/>
+          </label>
 	  <input type="text" data-ng-model="creds.username" var:data-ng-init="cookieUsername" required="required" />
-        </label>
+        </md-input-container>
+        <md-input-container>
 	  <label><var:string label:value="Password:"/>
-	<input type="password" data-ng-model="creds.password" required="required" />
           </label>
+	  <input type="password" data-ng-model="creds.password" required="required" />
+        </md-input-container>
+
 	<label><var:string label:value="Language:"/>
 	<var:popup const:name="language"
                    const:data-ng-model="creds.language"
@@ -65,13 +72,16 @@
 		     />
           </label>
         </var:if>
-	<label><input id="rememberLogin" type="checkbox" class="checkBox" var:checked="rememberLogin" data-ng-model="creds.rememberLogin"/> <var:string label:value="Remember username"/></label>
+        <md-checkbox data-ng-model="creds.rememberLogin">
+          <label><var:string label:value="Remember username"/></label>
+        </md-checkbox>
 	<label>
-	  <button type="submit" class="small" data-ng-disabled='!loginForm.$valid'>
-	  <var:string label:value="Connect" /></button>
+	  <md-button type="submit" class="small" data-ng-disabled='!loginForm.$valid'>
+	  <var:string label:value="Connect" /></md-button>
 	</label>
         <label id="animation"><!-- busy.gif! --></label>
       </form>
     </div>
   </div>
+</md-content>
 </var:component>

UI/Templates/UIxPageFrame.wox

@@ -79,6 +79,7 @@
           <var:component-content />
 
           <!-- BOTTOM-BAR -->
+          <var:if condition="shortUserNameForDisplay" const:value="anonymous" const:negate="YES">
           <md-toolbar class="sg-bottombar md-hide-sm" layout="row" layout-align="center center">
             <var:if condition = "userHasCalendarAccess">
               <var:if condition = "isCalendar">
@@ -130,6 +131,7 @@
               </var:if>
             </var:if>
           </md-toolbar>
+          </var:if>
           
           <!-- Javascripot imports -->
           <script type = "text/javascript">

UI/WebServerResources/js/SOGoRootPage.js

@@ -4,7 +4,7 @@
 (function() {
   'use strict';
 
-  angular.module('SOGo.MainUI', ['SOGo.Authentication'])
+  angular.module('SOGo.MainUI', ['SOGo.Authentication', 'SOGo.UI'])
 
     .controller('loginController', ['$scope', 'Authentication', function($scope, Authentication) {
       $scope.warning = false;