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

Base stack angular sass jade gulp

<div class="signup-modal">
    <div class="modal-header">
        <button type="button" class="close outside" ng-click="close()"><img src="img/close@2x.png"></button>
    </div>
    <div class="modal-body">       
        <h1 class="text-center">{{'login-welcome-title' | translate}}</h1>
        <h3 class="text-center">{{'login-welcome-subtitle' | translate}}</h3>
        <button class="btn btn-blue" ng-click="authenticate('facebook')">{{'login-with-facebook' | translate}}</button>
        <p class="text-center">o</p>
        <div class="col-md-9 col-sm-10 col-xs-12 form-container">
            <form name="loginForm" ng-submit="loginForm.$valid && login()" novalidate>
                <div class="form-group has-feedback"
                     ng-class="{'has-error': loginForm.email.$invalid && (loginForm.$submitted || loginForm.email.$touched)}">
                    <ul class="help-block"
                        ng-show="loginForm.email.$invalid && (loginForm.$submitted || loginForm.email.$touched)">
                        <li ng-show="loginForm.email.$error.exists">{{'email-assiciated' | translate}}
                        </li>
                        <li ng-show="loginForm.email.$error.email">{{'invalid-email' | translate}}</li>
                        <li ng-show="loginForm.email.$error.required">{{'field-required' | translate}}</li>
                    </ul>
                    <input type="email" name="email" ng-model="user.email" placeholder="{{'your-email' | translate | uppercase}}*"
                           required=""
                           class="form-control input-lg"/><span class="ion-at form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback"
                     ng-class="{'has-error': loginForm.password.$invalid && (loginForm.$submitted || loginForm.password.$touched)}">
                    <ul class="help-block"
                        ng-if="loginForm.password.$invalid && (loginForm.$submitted || loginForm.password.$touched)">
                        <li ng-show="loginForm.password.$error.match">{{'error-differents-passwords' | translate}}
                        </li>
                        <li ng-show="loginForm.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="{{'password' | translate | uppercase}}*"
                               required="" class="form-control input-lg"/>
                        <input type="text" ng-show="showPassword" name="password" ng-model="user.password" placeholder="{{'password' | translate | uppercase}}*"
                               required="" class="form-control input-lg"/>
                        <span class="input-group-btn">
                            <button class="btn btn-inverse" style="width: 46px;height: 46px;" ng-click="togglePassword()" type="button">
                                <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>
                            </button>
                        </span>
                    </div>
                    <span class="ion-key form-control-feedback"></span>
                </div>
                
                <button type="submit" class="btn btn-inverse">Iniciar</button>

                <p class="text-center text-muted margin-top-1">
                    <a ng-click="forgot()"> {{'forgot-password' | translate}}</a>
                </p>
                <p class="text-center text-muted">
                    {{'question-account' | translate}} <a ng-click="signup()">{{'open-table' | translate}}</a>
                </p>
            </form>
        </div>
    </div>
</div>