alientronics/fleetany-mobile

View on GitHub
src/pages/login/login.html

Summary

Maintainability
Test Coverage
<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>{{ "title" | translate }}</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding class="login">

  <ion-card>
    <ion-card-header>
      {{ "home.welcome" | translate }}
    </ion-card-header>
    <ion-card-content>
      {{ "home.fleetanyDescription" | translate }}
    </ion-card-content>
  </ion-card>

  <p [hidden]="loggedIn">{{ "home.PleaseLogin" | translate }}</p>
  <button ion-button color="primary" block (click)="googleLogin()" [hidden]="loggedIn">{{ "home.GoogleLogin" | translate }}</button>

  <div [hidden]="!loggedIn">
    <!-- img [src]="userImage" class="image"/ -->
    <p>{{welcome}}</p>
  </div>

  <ion-list [disabled]="gpstracking" [(ngModel)]="plate" (ngModelChange)="plateChange($event)" radio-group [hidden]="!loggedIn">
      <ion-list-header>{{ "home.selectCar" | translate }}</ion-list-header>

      <ion-item *ngFor="let vehicle of vehicles">
        <ion-label>{{vehicle.value}}</ion-label>
        <ion-radio value="{{vehicle.key}}"></ion-radio>
      </ion-item>

  </ion-list>

</ion-content>