slider working

sails/src/assets/scripts/modules/login/views/loginform.html

+<!-- Form column and offset -->
+
+<div class="row">
+  <div class="col-md-2">
+  </div>
+  <div class="col-md-4">
+    <!-- Formulario -->
+    <!-- LoginCtrl controls here, see app.js -->
+    <form name="loginForm" ng-submit="login()" novalidate>
+      <!-- Email -->
+      <div class="form-group">
+        <label translate>email</label>:
+        <input type="email" class="form-control" id="login_email" placeholder="{{ 'your_email' | translate}}" required ng-model="credentials.email" />
+      </div>
+      <!-- Password -->
+      <div class="form-group">
+        <label translate>password</label>:
+        <input type="password" class="form-control" id="login_password" placeholder="{{ 'your_password' | translate}}" required ng-model="credentials.password" />
+      </div>
+      <div class="row">
+        <div class="col-xs-6">
+          <!-- Login -->
+          <div class="pull-left">
+            <button type="submit" class="btn btn-primary" translate>login</button>
+          </div>
+          <!-- Spinner -->
+          <div class="pull-left">
+            <i ng-class="{'fa fa-spinner fa-spin fa-2x fa-fw margin-bottom': true, 'spin_disabled': !submitted}"></i>
+          </div>
+        </div>
+        <div class="col-xs-6 margin-top7">
+          <!-- Remember -->
+          <div class="checkbox">
+            <label>
+              <input type="checkbox" id="login_savepassword" ng-model="credentials.savepassword" />{{ 'remember' | translate }}
+            </label>
+          </div>
+        </div>
+      </div>
+
+      <br>
+
+      <!-- Remember password -->
+      <div class="row text-center">
+        <a href="/app/#/changepass" translate>password_forgotten</a>
+      </div>
+      <!-- Create account -->
+      <div class="row text-center">
+        <a ng-click="pane.state = 'accounts'; pane2.state = 'accounts'" translate>create_an_account</a>
+      </div>
+    </form>
+  </div>
+  <!--/. form column -->
+
+  <!-- Image column -->
+  <div class="col-md-4 text-center">
+     <img src="img/login.png" alt="Pictogram" title="Pictogram" />
+  </div>
+  <!--/. image column -->
+
+  <div class="col-md-2">
+  </div>
+
+
+</div>
+<!--/. login -->

sails/src/assets/scripts/modules/login/views/signup.html

+<div class="switch-panel-body" ng-switch="pane2.state">
+  <!-- signup pane -->
+  <div class="switch-animation" ng-switch-when="accounts">
+    <h2>Elija el tipo de cuenta</h2>
+    <div class="row">
+      <div class="col-md-4">
+        <legend translate>parents_tutor</legend>
+        <div class="text-center">
+           <a ng-click="showTutorForm()"><img src="img/parents.png" alt="Parents" title="Parents" /></a>
+        </div>
+        <div>
+          <p>Gestione los pictogramas de su hijo o hija y configure su dispositivo de comunicación.</p>
+        </div>
+      </div>
+      <div class="col-md-4">
+        <legend translate>therapist</legend>
+        <div class="text-center">
+           <a ng-click="showTherapistForm()"><img src="img/therapist.png" alt="Therapist" title="Therapist" /></a>
+        </div>
+        <div>
+          <p>Gestione pictogramas, dispositivos, grabe sesiones de terapia y obtenga estadísticas de evolución.</p>
+        </div>
+      </div>
+      <div class="col-md-4">
+        <legend translate>office_center</legend>
+        <div class="text-center">
+           <a ng-click="pane2.state = 'signup_office'"><img src="img/office.jpg" alt="Office" title="Office" /></a>
+        </div>
+        <div>
+          <p>Gestione alumnos y equipos de intervención, además de todas las funcionalidades propias de un terapeuta.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="switch-animation row" ng-switch-when="signup_office">
+    <legend translate>office_center</legend>
+    <div class="col-md-4 text-center">
+      <img src="img/office.jpg" alt="Office" title="Office" />
+    </div>
+    <div class="form-group col-md-4" id="office_form">
+      <div class="form-group">
+        <input type="text" class="form-control" placeholder="{{ 'name' | translate }}" ng-model="formdata.office.name"/>
+      </div>
+      <div class="form-group">
+        <input type="email" class="form-control" placeholder="{{ 'email' | translate }}" ng-model="formdata.office.email"/>
+      </div>
+      <fieldset>
+        <span class="color_red text_sm pull-right" ng-show="formdata.password != formdata.password_confirm" translate>password_match</span>
+        <div class="form-group">
+          <input type="password" class="form-control" id="signin_password1" placeholder="{{ 'password_type' | translate }}"/>
+        </div>
+        <div class="form-group">
+          <input type="password" class="form-control" id="signin_password2" placeholder="{{ 'password_confirm' | translate }}"/>
+        </div>
+      </fieldset>
+      <div class="row form-group">
+        <div class="col-xs-6">
+          <button class="btn btn-default" ng-click="pane2.state = 'accounts'">&lt;&lt; Volver</button>
+        </div>
+        <div class="col-xs-6">
+          <button class="btn btn-primary float-right">Continuar &gt;&gt; </button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- login pane -->
+  <div class="switch-animation" ng-switch-when="signup2">
+    <div class="form-group">
+      <legend></legend>
+      <input type="checkbox" ng-model="formdata.disclaimer_accepted">
+      <span translate>disclaimer_accept</span>
+    </div>
+
+    <div class="form-group">
+      <legend>Captcha</legend>
+      <div vc-recaptcha></div>
+    </div>
+  </div>
+
+</div>
+
+<div class="row text-center">
+  <br><br>
+  <a ng-click="pane.state = 'login'"><< {{ 'back_to_login' | translate }}</a>
+</div>