nfc design completed

mohemm-nfc-enad
enadhilal 5 years ago
parent ad99cf9a37
commit f44adac1b7

@ -119,6 +119,7 @@ import { DateInfoModalComponent } from './ui/circle-calendar/date-info-modal/dat
import { ChartModule } from 'primeng/chart';
import { GenericHeaderComponent } from './ui/generic-header/generic-header.component';
import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx';
import { AttendanceOptionsComponent } from '../home/attendance-options/attendance-options.component';
@NgModule({
imports: [
@ -202,7 +203,8 @@ import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx'
CircleCalendarComponent,
DateInfoModalComponent,
Modal,
GenericHeaderComponent
GenericHeaderComponent,
AttendanceOptionsComponent
],
exports: [
FabButtonComponent,
@ -273,7 +275,8 @@ import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx'
ChartModule,
FileUploadModule,
Modal,
GenericHeaderComponent
GenericHeaderComponent,
AttendanceOptionsComponent
],
providers: [
AttendScanService,

@ -1078,6 +1078,9 @@ public getMonthNameAr(value: number): string {
this.nav.navigateForward(['/attendance-tracking/home']);
}
public openAttendanceOptionsComponent(){
this.nav.navigateForward(['/home/attendance-option']);
}
public openEitListPage() {
this.nav.navigateForward(['/eit/eit-list']);
}

@ -0,0 +1,35 @@
<app-generic-header
showBack="true"
[headerText]="'general,option-attendance' | translate">
</app-generic-header>
<ion-content>
<ion-grid>
<ion-row>
<ion-col size='8' offset='4'>
<br><br><br>
<img src="../assets/imgs/asset (1).png" />
</ion-col>
</ion-row>
<ion-row>
<ion-col padding>
<h4>Select Method to Mark your Attendance</h4>
</ion-col>
</ion-row>
<ion-row padding>
<ion-col size='5' class='buttonStyle'>
<div class="textAndIcon">
<img src="../assets/imgs/asset (3).png" />
<p>NFC</p>
</div>
</ion-col>
<ion-col size='5' offset='1' class='buttonStyle'>
<div class="textAndIcon">
<img src="../assets/imgs/asset (2).png" />
<p>QR Code</p>
</div>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>

@ -0,0 +1,12 @@
.buttonStyle{
border: 1px solid black;
border-radius: 16px;
height: 135px;
text-align: -webkit-center;
padding: 10px;
}
.textAndIcon{
width: 80px;
}

@ -0,0 +1,27 @@
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AttendanceOptionsComponent } from './attendance-options.component';
describe('AttendanceOptionsComponent', () => {
let component: AttendanceOptionsComponent;
let fixture: ComponentFixture<AttendanceOptionsComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ AttendanceOptionsComponent ],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(AttendanceOptionsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

@ -0,0 +1,14 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-attendance-options',
templateUrl: './attendance-options.component.html',
styleUrls: ['./attendance-options.component.scss'],
})
export class AttendanceOptionsComponent implements OnInit {
constructor() { }
ngOnInit() {}
}

@ -7,11 +7,16 @@ import { IonicModule } from '@ionic/angular';
import { HomePage } from './home.page';
import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
import { WorklistMainService } from '../notification/service/work-list.main.service';
import { AttendanceOptionsComponent } from './attendance-options/attendance-options.component';
const routes: Routes = [
{
path: '',
component: HomePage,
},
{
path:'attendance-option',
component:AttendanceOptionsComponent,
}
];
@ -24,7 +29,7 @@ const routes: Routes = [
RouterModule.forChild(routes)
],
declarations: [
HomePage
HomePage,
],
providers: [
BarcodeScanner,

@ -738,11 +738,16 @@ openattentracking() {
this.common.openAttenTrackingpage();
}
showAttendanceOptions() {
this.common.openAttendanceOptionsComponent();
}
openStatsButton(link: any) {
// tslint:disable-next-line: triple-equals
if (link == '0') {
this.isFakeLocationUsed = false;
this.getDeviceLocation();
// this.getDeviceLocation();
this.showAttendanceOptions();
// tslint:disable-next-line: triple-equals
} else if (link == '1') {
this.common.startLoading();

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -874,6 +874,10 @@
"deletePerm": {
"en": "Are you sure from deleting this file permanently?",
"ar": "هل أنت متأكد من حذف هذا الملف نهائيًا؟"
},
"option-attendance": {
"en":"Attendance Options",
"ar":"خيارات التبصيم"
}
},
"home": {

Loading…
Cancel
Save