cobuild-angular-stack/modules/coupleAccount/views/auth.activate.html

Base stack angular sass jade gulp

<div id="activate" class="container-fluid">
    <div class="col-md-4 col-sm-0 col-xs-0" />
    <div class="col-md-4 col-sm-12 col-xs-12 form-container ">
        <div ng-if="isShowActivate">
            <h3 class="text-center">Solicita un código nuevo</h3>
            <form name="activateForm">
                <div class="form-group has-feedback"
                        ng-class="{'has-error': activateForm.cel.$invalid && (activateForm.$submitted || activateForm.cel.$touched)}">
                    <ul class="help-block"
                        ng-if="activateForm.cel.$invalid && (activateForm.$submitted || activateForm.cel.$touched)">
                        <li ng-show="activateForm.cel.$error.required">{{'field-required' | translate}}</li>
                    </ul>
                    <input type="text" name="cel" placeholder="Escribe aquí tu teléfono a 10 dígitos" ng-model="account.phoneNumber1" required=""
                            class="form-control"/>
                    <span class="ion-key form-control-feedback"></span>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <p class="text-center text-muted margin-top-1">
                        <a ng-click="showActivate()"> Ya tengo mi código</a>
                    </p>
                </div>
                <div class="col-md-2 col-sm-2 col-xs-2"/>
                <div class="col-md-4 col-sm-4 col-xs-4 form-container ">
                    <button type="button" ng-click="getToken()" class="btn btn-inverse text-center">Solicitar</button>
                </div>
            </form>
        </div>
        <div ng-if="!isShowActivate">
             <h3 class="text-center">Estás a un solo paso para activar tu cuenta, solo ingresa el código que te  enviamos a tu celular</h3>
            <form name="activateForm">
                <div class="form-group has-feedback"
                        ng-class="{'has-error': activateForm.token.$invalid && (activateForm.$submitted || activateForm.token.$touched)}">
                    <ul class="help-block"
                        ng-if="activateForm.token.$invalid && (activateForm.$submitted || activateForm.token.$touched)">
                        <li ng-show="activateForm.token.$error.required">{{'field-required' | translate}}</li>
                    </ul>
                    <input type="text" name="token" placeholder="Escribe aquí tu código" ng-model="account.token" required=""
                            class="form-control"/>
                    <span class="ion-key form-control-feedback"></span>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-6">
                    <p class="text-center text-muted margin-top-1">
                        <a ng-click="showActivate()">Enviar un código nuevo</a>
                    </p>
                </div>
                <div class="col-md-2 col-sm-2 col-xs-2"/>
                <div class="col-md-4 col-sm-4 col-xs-4 form-container ">
                    <button type="button" ng-click="validateToken()" class="btn btn-inverse text-center">Validar</button>
                </div>
            </form>
        </div>
    </div>
</div>