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

Base stack angular sass jade gulp

<div class="signup-modal">
    <div class="modal-body">
        <button type="button" class="close" ng-click="close()"><img src="img/close-modal.png"></button>
        <h1 class="text-center">¡Que bueno tenerte de vuelta!</h1>
        <h3 class="text-center">¿Listos para compartir su mesa con sus invitados? Recuerda activar tu mesa de regalos en
            tu perfil.</h3>
        <button class="btn btn-blue" ng-click="authenticate('facebook')">Inicia tu sesión con Facebook</button>
        <p class="text-center">o</p>
        <div class="col-md-9 col-sm-10 col-xs-12 form-container">
            <form name="signupForm" ng-submit="signupForm.$valid && signup()" novalidate>
                <div class="form-group has-feedback"
                     ng-class="{'has-error': signupForm.email.$invalid && (signupForm.$submitted || signupForm.email.$touched)}">
                    <ul class="help-block"
                        ng-show="signupForm.email.$invalid && (signupForm.$submitted || signupForm.email.$touched)">
                        <li ng-show="signupForm.email.$error.exists">{{'email-assiciated' | translate}}
                        </li>
                        <li ng-show="signupForm.email.$error.email">{{'invalid-email' | translate}}</li>
                        <li ng-show="signupForm.email.$error.required">{{'field-required' | translate}}</li>
                    </ul>
                    <input type="email" name="email" ng-model="user.email" placeholder="TU EMAIL*"
                           required="" ng-pattern="validEmail"
                           class="form-control input-lg"/>
                    <span class="ion-at form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback"
                     ng-class="{'has-error': signupForm.password.$invalid && (signupForm.$submitted || signupForm.password.$touched)}">
                    <ul class="help-block"
                        ng-if="signupForm.password.$invalid && (signupForm.$submitted || signupForm.password.$touched)">
                        <li ng-show="signupForm.password.$error.match">{{'error-differents-passwords' | translate}}
                        </li>
                        <li ng-show="signupForm.password.$error.required">{{'field-required' | translate}}</li>
                    </ul>
                    <div class="input-group">
                        <input type="password" ng-show="!showPassword" name="password_hidden" ng-model="user.password" placeholder="CONTRASEÑA*"
                               required="" class="form-control input-lg"/>
                        <input type="text" ng-show="showPassword" name="password" ng-model="user.password" placeholder="CONTRASEÑA*"
                               required="" class="form-control input-lg"/>
                        <div class="input-group-addon inverse" ng-click="togglePassword()">
                            <span ng-show="!showPassword" class="fa fa-eye" aria-hidden="true"></span>
                            <span ng-show="showPassword" class="fa fa-eye-slash" aria-hidden="true"></span>
                        </span>
                    </div>
                    <span class="ion-key form-control-feedback"></span>
                </div>
                <div id="kitchen" class="form-group has-feedback">
                    <input id="singup-accept-term" type="checkbox" name="accept" ng-model="user.accept" required="" />

                    {{'accept-terms'|translate}} <a ui-sref="termsofuse" target="_blank">{{'terms'|translate}}</a>
                     <span class="ion-key form-control-feedback"></span>
                 </div>
            
                <div class="form-group has-feedback"
                     ng-class="{'has-error': signupForm.cel.$invalid && (signupForm.$submitted || signupForm.cel.$touched)}">
                    <ul class="help-block"
                        ng-if="signupForm.cel.$invalid && (signupForm.$submitted || signupForm.cel.$touched)">
                        <li ng-show="signupForm.cel.$error.required">{{'field-required' | translate}}</li>
                    </ul>
                    <input type="text" name="cel" placeholder="{{'movil' | translate }}*" ng-model="user.phoneNumber1" required=""
                           class="form-control"/>
                    <span class="ion-key form-control-feedback"></span>
                </div>

                <button type="submit" class="btn btn-inverse">Iniciar</button>
            </form>
        </div>
    </div>
</div>

<!-- <div class="container">
    <div class="login">
        <h2 class="text-center dark-font">{{'create-account' | translate}}</h2>
        <form method="post" ng-submit="signupForm.$valid && signup()" name="signupForm" novalidate>
            <br/>
            <div id="kitchen" class="form-group has-feedback">
                <input id="singup-accept-term" type="checkbox" name="accept" ng-model="user.accept" required="" />
                <label for="singup-accept-term">
                    <div></div>
                </label>
                {{'accept-terms'|translate}} <a ui-sref="termsofuse" target="_blank">{{'terms'|translate}}</a>
                <span class="ion-key form-control-feedback"></span>
            </div>
            <button type="submit" ng-disabled="signupForm.$invalid" class="btn btn-lg btn-block btn-inverse">
                {{'create' | translate}}
            </button>
            <div class="signup-or-separator text-center">
                <h6>{{'or' | translate}}</h6></div>
            <button type="button" ng-click="authenticate('facebook')" class="btn btn-lg btn-block btn-facebook">
                <i class="fa fa-facebook-official" aria-hidden="true"></i><i class="ion-social-facebook"></i> {{'sign-in-with' | translate}} Facebook
            </button>
            <br/>
            <p class="text-center text-muted">
                {{'question-account-2' | translate}} <a ui-sref="login">{{'log-in' | translate}}</a>
            </p>
            <div ng-if="false" class="signup-or-separator text-center">
                <h6>{{'or' | translate}}</h6></div>
        </form>
        <button ng-if="false" ng-click="authenticate('twitter')" class="btn btn-block btn-twitter"><i
                class="ion-social-twitter"></i> {{'sign-in-with' | translate}} Twitter
        </button>
    </div>
</div>  -->