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 { ChartModule } from 'primeng/chart';
import { GenericHeaderComponent } from './ui/generic-header/generic-header.component'; import { GenericHeaderComponent } from './ui/generic-header/generic-header.component';
import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx'; import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx';
import { AttendanceOptionsComponent } from '../home/attendance-options/attendance-options.component';
@NgModule({ @NgModule({
imports: [ imports: [
@ -202,7 +203,8 @@ import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx'
CircleCalendarComponent, CircleCalendarComponent,
DateInfoModalComponent, DateInfoModalComponent,
Modal, Modal,
GenericHeaderComponent GenericHeaderComponent,
AttendanceOptionsComponent
], ],
exports: [ exports: [
FabButtonComponent, FabButtonComponent,
@ -273,7 +275,8 @@ import { BackgroundGeolocation } from '@ionic-native/background-geolocation/ngx'
ChartModule, ChartModule,
FileUploadModule, FileUploadModule,
Modal, Modal,
GenericHeaderComponent GenericHeaderComponent,
AttendanceOptionsComponent
], ],
providers: [ providers: [
AttendScanService, AttendScanService,

@ -1078,6 +1078,9 @@ public getMonthNameAr(value: number): string {
this.nav.navigateForward(['/attendance-tracking/home']); this.nav.navigateForward(['/attendance-tracking/home']);
} }
public openAttendanceOptionsComponent(){
this.nav.navigateForward(['/home/attendance-option']);
}
public openEitListPage() { public openEitListPage() {
this.nav.navigateForward(['/eit/eit-list']); 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 { HomePage } from './home.page';
import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx'; import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
import { WorklistMainService } from '../notification/service/work-list.main.service'; import { WorklistMainService } from '../notification/service/work-list.main.service';
import { AttendanceOptionsComponent } from './attendance-options/attendance-options.component';
const routes: Routes = [ const routes: Routes = [
{ {
path: '', path: '',
component: HomePage, component: HomePage,
},
{
path:'attendance-option',
component:AttendanceOptionsComponent,
} }
]; ];
@ -24,7 +29,7 @@ const routes: Routes = [
RouterModule.forChild(routes) RouterModule.forChild(routes)
], ],
declarations: [ declarations: [
HomePage HomePage,
], ],
providers: [ providers: [
BarcodeScanner, BarcodeScanner,

@ -738,11 +738,16 @@ openattentracking() {
this.common.openAttenTrackingpage(); this.common.openAttenTrackingpage();
} }
showAttendanceOptions() {
this.common.openAttendanceOptionsComponent();
}
openStatsButton(link: any) { openStatsButton(link: any) {
// tslint:disable-next-line: triple-equals // tslint:disable-next-line: triple-equals
if (link == '0') { if (link == '0') {
this.isFakeLocationUsed = false; this.isFakeLocationUsed = false;
this.getDeviceLocation(); // this.getDeviceLocation();
this.showAttendanceOptions();
// tslint:disable-next-line: triple-equals // tslint:disable-next-line: triple-equals
} else if (link == '1') { } else if (link == '1') {
this.common.startLoading(); 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": { "deletePerm": {
"en": "Are you sure from deleting this file permanently?", "en": "Are you sure from deleting this file permanently?",
"ar": "هل أنت متأكد من حذف هذا الملف نهائيًا؟" "ar": "هل أنت متأكد من حذف هذا الملف نهائيًا؟"
},
"option-attendance": {
"en":"Attendance Options",
"ar":"خيارات التبصيم"
} }
}, },
"home": { "home": {

Loading…
Cancel
Save