fixed ios issue for nfc
parent
b7fc960ce7
commit
1f3fd3d032
@ -1,43 +1,56 @@
|
|||||||
<app-generic-header
|
<app-generic-header
|
||||||
showBack="true"
|
showBack="true"
|
||||||
backLink="/home"
|
backLink="/home"
|
||||||
[headerText]="'general,option-attendance' | translate">
|
[headerText]="'general,option-attendance' | translate"
|
||||||
|
>
|
||||||
</app-generic-header>
|
</app-generic-header>
|
||||||
|
|
||||||
<ion-content>
|
<ion-content>
|
||||||
<ion-grid *ngIf="!nfcIOSSuccess" class="attendance-grid">
|
<ion-grid *ngIf="!nfcIOSSuccess" class="attendance-grid">
|
||||||
<ion-row>
|
<ion-row>
|
||||||
<ion-col size='12' class="nfc-clock">
|
<ion-col size="12" class="nfc-clock">
|
||||||
<img src="../assets/imgs/nfc_clock.png" />
|
<img src="../assets/imgs/nfc_clock.png" />
|
||||||
</ion-col>
|
</ion-col>
|
||||||
</ion-row>
|
</ion-row>
|
||||||
<ion-row>
|
<ion-row>
|
||||||
<ion-col padding>
|
<ion-col padding>
|
||||||
<h4>{{'general, select-attendance' | translate}}</h4>
|
<h4>{{ "general, select-attendance" | translate }}</h4>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
</ion-row>
|
</ion-row>
|
||||||
<ion-row padding>
|
<ion-row padding>
|
||||||
<ion-col
|
<ion-col
|
||||||
size='5'
|
size="5"
|
||||||
[ngClass]="{'margin-col': direction === 'en', 'disable-attendance': !serviceEnableNFC }"
|
[ngClass]="{
|
||||||
class='buttonStyle'>
|
'margin-col': direction === 'en',
|
||||||
|
'disable-attendance': !serviceEnableNFC
|
||||||
|
}"
|
||||||
|
class="buttonStyle"
|
||||||
|
>
|
||||||
<div class="textAndIcon" (click)="checkNFCStatus('two')">
|
<div class="textAndIcon" (click)="checkNFCStatus('two')">
|
||||||
<img src="../assets/imgs/nfc_icon.png" />
|
<img src="../assets/imgs/nfc_icon.png" />
|
||||||
<p>{{'general, nfc-text' | translate}}</p>
|
<p>{{ "general, nfc-text" | translate }}</p>
|
||||||
</div>
|
</div>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
<ion-col
|
<ion-col
|
||||||
[ngClass]="{'margin-col-right': direction === 'ar', 'disable-attendance': !serviceEnableQR }"
|
[ngClass]="{
|
||||||
size='5' offset='1'
|
'margin-col-right': direction === 'ar',
|
||||||
class='buttonStyle'>
|
'disable-attendance': !serviceEnableQR
|
||||||
|
}"
|
||||||
|
size="5"
|
||||||
|
offset="1"
|
||||||
|
class="buttonStyle"
|
||||||
|
>
|
||||||
<div class="textAndIcon" (click)="startQRCode()">
|
<div class="textAndIcon" (click)="startQRCode()">
|
||||||
<img src="../assets/imgs/nfc_QR.png" />
|
<img src="../assets/imgs/nfc_QR.png" />
|
||||||
<p>{{'general, qr-text' | translate}}</p>
|
<p>{{ "general, qr-text" | translate }}</p>
|
||||||
</div>
|
</div>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
</ion-row>
|
</ion-row>
|
||||||
</ion-grid>
|
</ion-grid>
|
||||||
<div *ngIf="nfcIOSSuccess" style="display: block; text-align: center;margin-top: 50%;">
|
<div
|
||||||
|
*ngIf="nfcIOSSuccess"
|
||||||
|
style="display: block; text-align: center; margin-top: 50%"
|
||||||
|
>
|
||||||
<img src="../assets/imgs/check.png" />
|
<img src="../assets/imgs/check.png" />
|
||||||
</div>
|
</div>
|
||||||
</ion-content>
|
</ion-content>
|
||||||
Loading…
Reference in New Issue