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

Base stack angular sass jade gulp

<div class="signup-modal" ng-controller="SignupOnboardingCtrl">
    <div>
        <h1 class="text-center">¡Crea tu mesa!</h1>


        <h3 class="text-center">¡Estás a un paso de recibir regalos!</h3>
        <button class="btn btn-blue" ng-show="!loginWithFacebook" ng-click=
        "authenticate(onboarding, step,'facebook')">Registrate con
        Facebook</button>

        <p class="text-center margin-top-2"ng-show="!loginWithFacebook" >o</p>


        <div class="col-md-9 col-sm-10 col-xs-12 form-container nop-gutter">
            <form id="signupForm" name="signupForm" ng-submit="signupForm.$valid && signup(onboarding, step, user)" 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 || signupForm.email.$error.pattern">{{'invalid-email' | translate}}</li>
                        <li ng-show="signupForm.email.$error.required">{{'field-required' | translate}}</li>
                    </ul>
                    <input class="form-control" name="email"
                        ng-model="user.email" placeholder="TU EMAIL*"
                        required="" ng-pattern="validEmail"
                        type="email">
                    <span class="ion-at form-control-feedback"></span>
                </div>


                <div class="form-group has-feedback"
                    ng-if="!loginWithFacebook"
                    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 class="form-control" name="password_hidden"
                        ng-model="user.password" ng-show="!showPassword"
                        placeholder="CONTRASEÑA*" required="" type="password">
                        <input class="form-control" name="password" ng-model=
                        "user.password" ng-show="showPassword" placeholder=
                        "CONTRASEÑA*" required="" type="text">

                        <div class="input-group-addon inverse" ng-click="togglePassword()">
                            <span aria-hidden="true" class="fa fa-eye" ng-show="!showPassword"></span>
                            <span aria-hidden="true" class="fa fa-eye-slash" ng-show="showPassword"></span>
                        </div>
                        <span class="ion-key form-control-feedback"></span>
                    </div>
                </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>
                        <li ng-show="signupForm.cel.$error.pattern">{{'invalid-movil' | translate}}</li>
                    </ul>
                    <input class="form-control"
                        name="cel"
                        ng-model="user.phoneNumber1"
                        placeholder="{{'movil' | translate }}*"
                        required=""
                        ng-pattern="validPhone"
                        type="text">
                    <span class="ion-key form-control-feedback"></span>
                </div>


                <div class="checkbox" ng-class=
                    "{'has-error': signupForm.accept.$invalid && (signupForm.$submitted || signupForm.accept.$touched)}">
                    <label class="no-p-l">
                        <input name="accept" class="hidden" ng-model="user.accept" required="" type="checkbox">
                        {{'accept-terms'|translate}}
                        <a target="_blank" ui-sref="termsofuse">{{'terms'|translate}}</a></label>
                </div>

                <button class="btn btn-inverse" ng-disabled=
                    "signupForm.$invalid" type="submit">Iniciar</button>

            </form>
        </div>
    </div>
</div>