nfc design completed
parent
ad99cf9a37
commit
f44adac1b7
@ -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() {}
|
||||
|
||||
}
|
||||
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 |
Loading…
Reference in New Issue