Cambios en inicio de sessión

client/app/cuenta/iniciarSesion.html

 <div class="container">
-  <div class="row">
-    <div class="col-sm-12">
-      <h1>Iniciar Sesion</h1>
-    </div>
-    <div class="col-sm-12">
-      <form class="form" name="form" ng-submit="vm.iniciarSesion(form)" novalidate>
-
-        <div class="form-group">
-          <label>Nombre de Usuario</label>
-
-          <input type="text" name="nombreUsuario" class="form-control" ng-model="vm.usuario.nombreUsuario" required>
-        </div>
-
-        <div class="form-group">
-          <label>Contraseña</label>
-
-          <input type="password" name="contrasena" class="form-control" ng-model="vm.usuario.contrasena" required>
-        </div>
-
-        <div class="form-group has-error">
-          <p class="help-block" ng-show="form.nombreUsuario.$error.required || form.contrasena.$error.required && vm.submitted">
-            Ingrese su nombre de usuario y su contraseña
-          </p>
-          <p class="help-block">{{ vm.errors.other }}</p>
-        </div>
-
-        <div>
-          <button class="btn btn-inverse btn-lg btn-login" type="submit">
-            Iniciar Sesión
-          </button>
+  <div id="loginbox" style="margin-top:50px;" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
+    <div class="panel panel-default" >
+      <div class="panel-heading">
+          <div class="panel-title">Inicia sesión</div>
+      </div>
+      <div style="padding-top:20px" class="panel-body" >
+          <form class="form" name="form" ng-submit="vm.iniciarSesion(form)" novalidate>
+            <div style="margin-bottom: 25px" class="input-group">
+              <span class="input-group-addon" uib-tooltip="Nombre de Usuario" tooltip-placement="top"><i class="glyphicon glyphicon-user"></i></span>
+              <input id="nombreUsuario" type="text" class="form-control" name="nombreUsuario" placeholder="Nombre de usuario"
+                     ng-model="vm.usuario.nombreUsuario" required>
+            </div>
+            <div style="margin-bottom: 25px" class="input-group">
+              <span class="input-group-addon" uib-tooltip="Contraseña" tooltip-placement="bottom"><i class="glyphicon glyphicon-lock"></i></span>
+              <input id="contrasena" type="password" class="form-control" name="contrasena" placeholder="Contraseña"
+                     ng-model="vm.usuario.contrasena" required>
+            </div>
+            <div style="margin-top:10px" class="form-group">
+              <div class="col-sm-12 controls">
+                <button class="btn btn-inverse btn-lg btn-login" type="submit">
+                  Ingresar
+                </button>
+              </div>
+            </div>
+          </form>
+          <div style="display:none" id="error" class="alert alert-danger col-sm-12">
+            <p class="help-block" ng-show="form.nombreUsuario.$error.required || form.contrasena.$error.required && vm.submitted">
+              Ingrese su nombre de usuario y su contraseña
+            </p>
+            <p class="help-block">{{ vm.errors.other }}</p>
+          </div>
         </div>
-      </form>
     </div>
   </div>
-  <hr>
 </div>

client/components/navbar/navbar.html

@@ -32,11 +32,25 @@
           </ul>
         </li>
       </ul>
-      <ul class="nav navbar-nav navbar-right">
-        <li ng-hide="nav.inicioSesion()" ui-sref-active="active"><a ui-sref="login">Iniciar Sesion </a></li>
-        <li ng-show="nav.inicioSesion()"><p class="navbar-text">Hola {{ nav.usuarioActual().nombreCompleto }}</p> </li>
-        <li ng-show="nav.inicioSesion()"><a ui-sref="logout" title="Cerrar Sesion [{{ nav.usuarioActual().ambiente }}]">Cerrar Sesión</a></li>
-      </ul>
+
+
+  <ul class="nav navbar-nav navbar-right">
+    <li ng-hide="nav.inicioSesion()" ui-sref-active="active"><a ui-sref="login">Iniciar Sesion </a></li>
+    <li class="dropdown " uib-dropdown="" ng-show="nav.inicioSesion()">
+          <a role="button" href class="dropdown-toggle" uib-dropdown-toggle="" aria-haspopup="true" aria-expanded="false">
+            <i class="glyphicon glyphicon-user"></i> {{ nav.usuarioActual().nombreCompleto }} <span class="caret"></span>
+          </a>
+          <ul class="dropdown-menu">
+            <li ng-show="nav.inicioSesion()">
+              <a ui-sref="logout" title="Cerrar Sesion [{{ nav.usuarioActual().ambiente }}]"><span class="glyphicon glyphicon-lock pull-right"></span>Cerrar Sesión</a>
+            </li>
+          </ul>
+        </li>
+  </u>
+
+
+
+
     </div>
   </div>
 </div>