summaryrefslogtreecommitdiffstats
path: root/app/login/controllers/login-controller.html
blob: b89c2c43fbae2c8822a329834c62e2e713eccead (plain)
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
34
35
36
37
38
<div>
  <div class="row">
    <div class="columns large-6">
      <img src="../../assets/images/logo.svg" class="login__logo" alt="OpenBMC logo"/>
      <h1 class="login__desc">OpenBMC</h1>
    </div>
    <div class="columns large-6">
      <form id="login__form" name="login__form" action="" ng-class="{'submitted' : submitted}">
        <fieldset ng-disabled="dataService.loading">
          <div class="alert alert-danger" role="alert" ng-if="invalidCredentials">
            <b>Invalid username or password.</b>
            <br>Please try again.
          </div>
          <label for="host">BMC Host or BMC IP Address</label>
          <input type="text" id="host" name="host" class="validate-input" ng-model="host" has-error="serverUnreachable && login__form.host.$pristine" required  autofocus ng-keydown="tryLogin(host, username, password, $event)">
          <div ng-messages="login__form.host.$error" class="form-error" ng-class="{'visible' : login__form.host.$touched || submitted}">
            <p ng-message="required">Field is required</p>
            <p ng-message="hasError">Server unreachable</p>
          </div>

          <label for="username">Username</label>
          <input type="text" id="username" name="username" has-error="invalidCredentials && login__form.$pristine" required ng-model="username" ng-keydown="tryLogin(host, username, password, $event)" autocomplete="off">
          <div ng-messages="login__form.username.$error" class="form-error" ng-class="{'visible' : login__form.username.$touched || submitted}">
            <p ng-message="required">Field is required</p>
          </div>

          <label for="password">Password</label>
          <input type="password" id="password" name="password" has-error="invalidCredentials && login__form.$pristine" required  ng-model="password" ng-keydown="tryLogin(host, username, password, $event)" autocomplete="off">
          <div ng-messages="login__form.password.$error" class="form-error" ng-class="{'visible': login__form.password.$touched || submitted}">
            <p ng-message="required">Field is required</p>
          </div>

          <input id="login__submit" class="btn-primary submit" type="button" value="Log in" role="button" ng-click="login(host, username, password); submitted = true; login__form.$setPristine()" ng-class="{error: error}" ng-disabled="dataService.loading">
        </fieldset>
      </form>
    </div>
  </div>
</div>
OpenPOWER on IntegriCloud