From 5e2bdcd2bad04fa2ab2d68cfbfee1ed01b4beba6 Mon Sep 17 00:00:00 2001
From: Ludovic Marcotte <lmarcotte@inverse.ca>
Date: Wed, 6 May 2015 16:11:51 -0400
Subject: [PATCH] (fix) pimped the login form and added SOGoLoginDomains
 support

---
 UI/Templates/MainUI/SOGoRootPage.wox | 57 +++++++++++++++++-----------
 1 file changed, 34 insertions(+), 23 deletions(-)

diff --git a/UI/Templates/MainUI/SOGoRootPage.wox b/UI/Templates/MainUI/SOGoRootPage.wox
index fc4f160f1..d8f8727a7 100644
--- a/UI/Templates/MainUI/SOGoRootPage.wox
+++ b/UI/Templates/MainUI/SOGoRootPage.wox
@@ -64,11 +64,22 @@
               </label>
               <input type="password" ng-model="creds.password" required="required" />
             </md-input-container>
+
+            <!-- CONNECT BUTTON -->
+            <div layout="row" layout-align="end center">
+              <md-button class="md-raised" type="submit" ng-disabled='!loginForm.$valid'>
+                <span>
+                  <var:string label:value="Connect"/>
+                </span>
+              </md-button>
+            </div>
+
+            <!-- LANGUAGES SELECT -->
             <div layout="row" layout-align="start end">
               <label class="login-lang">
                 <var:string label:value="Language:"/>
               </label>
-              <md-select ng-model="creds.language" label:placeholder="choose">
+              <md-select flex="true" ng-model="creds.language" label:placeholder="choose">
                 <var:foreach list="languages" item="item">
                   <md-option var:value="item">
                     <var:string value="languageText"/>
@@ -77,33 +88,33 @@
               </md-select>
             </div>
 
+            <!-- DOMAINS SELECT -->
             <var:if condition="hasLoginDomains">
-	      <label><var:string label:value="Domain:"/><br/>
-	      <var:popup const:name="domain"
-                         const:ng-model="creds.domain"
-		         list="loginDomains"
-		         item="item"
-		         var:selection="item"
-		         var:value="item"
-		         string="item"/>
+              <div layout="row" layout-align="start end">
+	        <label>
+                <var:string label:value="Domain:"/>
               </label>
-            </var:if>
-            <div class="fieldset" layout="row" layout-align="end center">
-              <md-button type="submit" class="md-primary" ng-disabled='!loginForm.$valid'>
-                <span>
-                  <var:string label:value="Connect"/>
-                </span>
-              </md-button>
+              <md-select flex="true" ng-model="creds.domain" label:placeholder="choose">
+                <var:foreach list="loginDomains" item="item">
+                  <md-option var:value="item">
+                    <var:string value="item"/>
+                  </md-option>
+                </var:foreach>
+              </md-select>
+              </div>
+	    </var:if>
+            
+            <div layout="row" layout-align="center center">
+              <md-switch ng-model="creds.rememberLogin" label:arial-label="Remember username">
+                <var:string label:value="Remember username"/>
+              </md-switch>
             </div>
-            <md-switch ng-model="creds.rememberLogin" label:arial-label="Remember username">
-              <var:string label:value="Remember username"/>
-            </md-switch>
           </form>
-          <md-toolbar>
-            <md-button ng-click="showAbout()">
-              About
+          <div layout="row"  layout-align="end end">
+            <md-button class="iconButton" ng-click="showAbout()">
+              <i class="md-icon-info" ng-style="{'color': '#aaa'}"><!-- about --></i>
             </md-button>
-          </md-toolbar>
+          </div>
         </div>
       </div>
     </md-content>