You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
mohemm_srca/Mohem/src/app/home/attendance-options/attendance-options.componen...

58 lines
1.7 KiB
HTML

<app-generic-header
showBack="true"
backLink="/home"
[headerText]="'general,option-attendance' | translate">
</app-generic-header>
<ion-content>
<ion-grid *ngIf="!nfcIOSSuccess" class="attendance-grid">
<ion-row>
<ion-col size="12" class="nfc-clock">
<img src="../assets/imgs/nfc_clock.png" />
</ion-col>
</ion-row>
<ion-row>
<ion-col padding>
<h4>{{ "general, select-attendance" | translate }}</h4>
</ion-col>
</ion-row>
<ion-row padding>
<ion-col size="5" [ngClass]="{'margin-col': direction === 'en', 'disable-attendance': !serviceEnableNFC}" class="buttonStyle" >
<div class="textAndIcon" (click)="startNFCCode()">
<img src="../assets/imgs/nfc_icon.png" />
<p>{{ "general, nfc-text" | translate }}</p>
</div>
</ion-col>
<ion-col
[ngClass]="{'margin-col-right': direction === 'ar','disable-attendance': !serviceEnableQR}"
size="5"
offset="1"
class="buttonStyle">
<div class="textAndIcon" (click)="startQRCode()">
<img src="../assets/imgs/nfc_QR.png" />
<p>{{ "general, qr-text" | translate }}</p>
</div>
</ion-col>
</ion-row>
<ion-row padding>
<ion-col size="5" [ngClass]="{'margin-col': direction === 'en', 'disable-attendance': !serviceEnableWifi}" class="buttonStyle" >
<div class="textAndIcon" (click)="startWIFICode()">
<img src="../assets/imgs/wifi_icon.png" />
<p>{{ "general, wifi-text" | translate }}</p>
</div>
</ion-col>
</ion-row>
</ion-grid>
<div *ngIf="nfcIOSSuccess" style="display: block; text-align: center; margin-top: 50%" >
<img src="../assets/imgs/check.png" />
</div>
</ion-content>