feat(login): recover-password section

front/core/services/auth.js

@@ -23,7 +23,7 @@ export default class Auth {
 
     initialize() {
         let criteria = {
-            to: state => state.name != 'login'
+            to: state => !state.name.includes('login')
         };
         this.$transitions.onStart(criteria, transition => {
             if (this.loggedIn)

front/salix/components/index.js

@@ -6,6 +6,7 @@ import './home/home';
 import './layout';
 import './left-menu/left-menu';
 import './login/login';
+import './login/recover-password';
 import './module-card';
 import './module-main';
 import './side-menu/side-menu';

front/salix/components/login/locale/es.yml

@@ -1,4 +1,5 @@
 User: Usuario
 Password: Contraseña
 Do not close session: No cerrar sesión
-Enter: Entrar
+Enter: Entrar
+I do not remember my password: No recuerdo mi contraseña

front/salix/components/login/login.html

@@ -22,6 +22,11 @@
 			<div class="spinner-wrapper">
 				<vn-spinner enable="$ctrl.loading"></vn-spinner>
 			</div>
+            <div class="vn-pt-lg">
+				<a ui-sref="login.recover-password" translate>
+                    I do not remember my password
+                </a>
+			</div>
 		</div>
 	</form>
 </div>

front/salix/components/login/recover-password.html

@@ -0,0 +1,11 @@
+<div class="box">
+	<img src="./logo.svg"/>
+	<form name="form" ng-submit="$ctrl.submit()">
+		<vn-textfield
+			label="User"
+			ng-model="$ctrl.user"
+			vn-id="userField"
+			vn-focus>
+		</vn-textfield>
+	</form>
+</div>

front/salix/components/login/recover-password.js

@@ -0,0 +1,22 @@
+import ngModule from '../../module';
+import './style.scss';
+
+/**
+ * A simple login form.
+ */
+export default class Controller {
+    constructor($, $element) {
+        Object.assign(this, {
+            $,
+            $element,
+            user: localStorage.getItem('lastUser'),
+            remember: true
+        });
+    }
+}
+Controller.$inject = ['$scope', '$element'];
+
+ngModule.vnComponent('vnRecoverPassword', {
+    template: require('./recover-password.html'),
+    controller: Controller
+});

front/salix/components/login/style.scss

@@ -71,4 +71,8 @@ vn-login {
 			box-shadow: none;
 		}
 	}
+
+    a{
+        color: $color-primary;
+    }
 }

front/salix/routes.js

@@ -13,6 +13,13 @@ function config($stateProvider, $urlRouterProvider) {
                 login: {template: '<vn-login></vn-login>'}
             }
         })
+        .state('login.recover-password', {
+            url: '/recover-password',
+            description: 'Recover-password',
+            views: {
+                recoverPassword: {template: '<vn-recover-password></vn-recover-password>'}
+            }
+        })
         .state('home', {
             url: '/',
             description: 'Home',