You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@trafficcontrol.apache.org by da...@apache.org on 2017/01/05 21:59:47 UTC

[06/11] incubator-trafficcontrol git commit: adds some styling to login page

adds some styling to login page


Project: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/commit/bdd8e132
Tree: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/tree/bdd8e132
Diff: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/diff/bdd8e132

Branch: refs/heads/master
Commit: bdd8e1325451f29fbb439859eab272fcf2257e09
Parents: 625ba56
Author: Jeremy Mitchell <mi...@gmail.com>
Authored: Tue Dec 27 08:37:27 2016 -0700
Committer: Dan Kirkwood <da...@gmail.com>
Committed: Thu Jan 5 14:57:46 2017 -0700

----------------------------------------------------------------------
 .../app/src/modules/public/login/login.tpl.html | 45 +++++++++++++-------
 1 file changed, 30 insertions(+), 15 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/bdd8e132/traffic_ops/experimental/ui/app/src/modules/public/login/login.tpl.html
----------------------------------------------------------------------
diff --git a/traffic_ops/experimental/ui/app/src/modules/public/login/login.tpl.html b/traffic_ops/experimental/ui/app/src/modules/public/login/login.tpl.html
index 7dfa69c..8570673 100644
--- a/traffic_ops/experimental/ui/app/src/modules/public/login/login.tpl.html
+++ b/traffic_ops/experimental/ui/app/src/modules/public/login/login.tpl.html
@@ -18,21 +18,36 @@ under the License.
 -->
 
 <section id="loginContainer">
-    <div class="panelForm">
-        <h4>Login</h4>
-        <form name="loginForm" role="form" ng-submit="login(credentials)">
-            <div class="formText">
-                <div class="form-item">
-                    <label>Username</label>
-                    <input id="username" name="username" type="text" class="form-control" autocomplete="off" ng-model="credentials.username" autofocus required>
-                </div>
-                <div class="form-item">
-                    <label>Password</label>
-                    <input id="password" name="password" type="password" class="form-control" autocomplete="off" ng-model="credentials.password" required>
-                </div>
+    <div class="col-md-12 col-sm-12 col-xs-12">
+        <div class="x_panel">
+            <div class="x_title">
+                <h2>Login</h2>
+                <div class="clearfix"></div>
             </div>
-            <button type="submit" class="btn" ng-disabled="loginForm.$invalid">Log in &nbsp;&nbsp;<i class="fa fa-chevron-circle-right fa-lg"></i></button>
-            <button type="button" class="btn btn-link" ng-click="resetPassword()">Reset Password</button>
-        </form>
+            <div class="x_content">
+                <br>
+                <form name="loginForm" role="form" ng-submit="login(credentials)" class="form-horizontal form-label-left" novalidate>
+                    <div class="form-group">
+                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="username">Username <span class="required">*</span></label>
+                        <div class="col-md-6 col-sm-6 col-xs-12">
+                            <input id="username" name="username" type="text" class="form-control" autocomplete="off" ng-model="credentials.username" autofocus required>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="password">Password <span class="required">*</span></label>
+                        <div class="col-md-6 col-sm-6 col-xs-12">
+                            <input id="password" name="password" type="password" class="form-control" autocomplete="off" ng-model="credentials.password" required>
+                        </div>
+                    </div>
+                    <div class="ln_solid"></div>
+                    <div class="form-group">
+                        <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
+                            <button type="submit" class="btn btn-primary" ng-disabled="loginForm.$invalid">Log in &nbsp;&nbsp;<i class="fa fa-chevron-circle-right fa-lg"></i></button>
+                            <button type="button" class="btn btn-link" ng-click="resetPassword()">Reset Password</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
     </div>
 </section>