front/salix/components/app/app.html

@@ -1,17 +1,8 @@
 <vn-layout
     ng-if="$ctrl.showLayout">
 </vn-layout>
-<ui-view
-    name="login"
-    ng-if="$ctrl.isLogin">
-</ui-view>
-<ui-view
-    name="recover-password"
-    ng-if="$ctrl.isRecover">
-</ui-view>
-<ui-view
-    name="reset-password"
-    ng-if="$ctrl.isReset">
-</ui-view>
+<vn-out-layout
+    ng-if="!$ctrl.showLayout">
+</vn-out-layout>
 <vn-snackbar vn-id="snackbar"></vn-snackbar>
 <vn-debug-info></vn-debug-info>

front/salix/components/index.js

@@ -5,6 +5,7 @@ import './descriptor-popover';
 import './home/home';
 import './layout';
 import './left-menu/left-menu';
+import './login/index';
 import './login/login';
 import './login/recover-password';
 import './login/reset-password';

front/salix/components/login/index.html

@@ -0,0 +1 @@
+<ui-view>HOLA</ui-view>

front/salix/components/login/index.js

@@ -0,0 +1,14 @@
+import ngModule from '../../module';
+import Component from 'core/lib/component';
+import './style.scss';
+
+export class OutLayout extends Component {
+}
+
+ngModule.vnComponent('vnOutLayout', {
+    template: require('./index.html'),
+    controller: OutLayout,
+    require: {
+        app: '^vnApp'
+    }
+});

front/salix/routes.js

@@ -9,19 +9,20 @@ function config($stateProvider, $urlRouterProvider) {
         .state('login', {
             url: '/login?continue',
             description: 'Login',
+            component: '<vn-out-layout></vn-out-layout>',
             views: {
                 'login': {template: '<vn-login></vn-login>'},
-                'recover-password': {template: '<vn-recover-password></vn-recover-password>'},
-                'reset-password': {template: '<vn-reset-password></vn-reset-password>'}
             }
         })
         .state('login.recover-password', {
             url: '/recover-password',
-            description: 'Recover-password'
+            description: 'Recover-password',
+            template: '<vn-recover-password></vn-recover-password>'
         })
         .state('login.reset-password', {
             url: '/reset-password',
-            description: 'Reset-password'
+            description: 'Reset-password',
+            template: '<vn-reset-password></vn-reset-password>'
         })
         .state('home', {
             url: '/',