added changes for NFC
parent
0816b3af40
commit
1424c27008
@ -1,15 +1,16 @@
|
|||||||
<ion-content>
|
<ion-content>
|
||||||
<div style="display: block; text-align: center;">
|
<div class="heading-div">
|
||||||
<p *ngIf="!gifStatus" style="font-size: 20px;">Detecting NFC for marking attendance</p>
|
<p *ngIf="!gifStatus" class="heading-text">{{ "general, nfc-detect" | translate }}</p>
|
||||||
<p *ngIf="gifStatus" style="font-size: 20px;">Swipe Attendance Done!</p>
|
<p *ngIf="gifStatus" class="heading-text">{{ "general, nfc-swipe-done" | translate }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div *ngIf="!gifStatus" style="display: block; text-align: center;margin-top: -50px;">
|
<div *ngIf="!gifStatus" class="ripple-div">
|
||||||
<img src="../assets/imgs/rippleNFC.gif" />
|
<img src="../assets/imgs/rippleNFC.gif" />
|
||||||
|
<p>{{ "general, nfc-detect-2" | translate }}</p>
|
||||||
|
<ion-button (click)="closeModal();">{{ "general, nfc-cancel" | translate }}</ion-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div *ngIf="gifStatus" style="display: block; text-align: center;margin-top: 25%;">
|
<div *ngIf="gifStatus" class="checked-img">
|
||||||
<img src="../assets/imgs/check.png" />
|
<img src="../assets/imgs/check.png" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</ion-content>
|
</ion-content>
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
.centerDiv {
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.heading-div {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.heading-text {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #bbbbbb;
|
||||||
|
font-family: 'WorkSans-Bold';
|
||||||
|
margin-top: 7%;
|
||||||
|
}
|
||||||
|
.ripple-div {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: -20%;
|
||||||
|
p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #bbbbbb;
|
||||||
|
font-family: 'WorkSans-Bold';
|
||||||
|
margin-top: -20%;
|
||||||
|
}
|
||||||
|
ion-button {
|
||||||
|
--background: #282f42;
|
||||||
|
color: var(--light);
|
||||||
|
border-radius: 33px;
|
||||||
|
width: 270px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.checked-img {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 25%;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue