src/pages/login/login.html
<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>