added changes for NFC
parent
0816b3af40
commit
1424c27008
@ -1,15 +1,16 @@
|
||||
<ion-content>
|
||||
<div style="display: block; text-align: center;">
|
||||
<p *ngIf="!gifStatus" style="font-size: 20px;">Detecting NFC for marking attendance</p>
|
||||
<p *ngIf="gifStatus" style="font-size: 20px;">Swipe Attendance Done!</p>
|
||||
<div class="heading-div">
|
||||
<p *ngIf="!gifStatus" class="heading-text">{{ "general, nfc-detect" | translate }}</p>
|
||||
<p *ngIf="gifStatus" class="heading-text">{{ "general, nfc-swipe-done" | translate }}</p>
|
||||
</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" />
|
||||
<p>{{ "general, nfc-detect-2" | translate }}</p>
|
||||
<ion-button (click)="closeModal();">{{ "general, nfc-cancel" | translate }}</ion-button>
|
||||
</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" />
|
||||
</div>
|
||||
|
||||
</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