sign-in.component.html 1.99 KB
Newer Older
kunw's avatar
kunw committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
<div class="login-wrapper">
    <form #signInForm="ngForm" class="login">
        <label class="title">
        VMware Harbor<span class="trademark">&#8482;</span>
    </label>
        <div class="login-group">
            <label for="username" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-top-left" [class.invalid]="userNameInput.invalid && (userNameInput.dirty || userNameInput.touched)">
                <input class="username" type="text" required
                [(ngModel)]="signInCredential.principal" 
                name="login_username" id="login_username" placeholder="Username"
                #userNameInput='ngModel'>
                <span class="tooltip-content">
                    Username is required!
                </span>
            </label>
            <label for="username" aria-haspopup="true" role="tooltip" class="tooltip tooltip-validation tooltip-md tooltip-top-left" [class.invalid]="passwordInput.invalid && (passwordInput.dirty || passwordInput.touched)">
                <input class="password" type="password" required 
                [(ngModel)]="signInCredential.password" 
                name="login_password" id="login_password" placeholder="Password" 
                #passwordInput="ngModel">
                <span class="tooltip-content">
                    Password is required!
                </span>
            </label>
            <div class="checkbox">
                <input type="checkbox" id="rememberme">
                <label for="rememberme">
            Remember me
        </label>
            </div>
            <div [class.visibility-hidden]="signInStatus != statusError" class="error active">
                Invalid user name or password
            </div>
kunw's avatar
kunw committed
34
            <button [disabled]="signInStatus === statusOnGoing" type="submit" class="btn btn-primary" (click)="signIn()">LOG IN</button>
kunw's avatar
kunw committed
35 36 37 38
            <a href="javascript:void(0)" class="signup" (click)="signUp()">Sign up for an account</a>
        </div>
    </form>
</div>