+
+
+ {{cuurentDate}}
+ {{ts.trPK('attendance-tracking','today-time-left')}}
+
+
+
+
+
+
+
+
+
+
+
+ {{ts.trPK('attendance-tracking','shift-time')}}
+
+ 08:00 - 17:00
+
+
+
+ {{ts.trPK('attendance-tracking','check-in')}}
+
+ 08:00
+
+
+ {{ts.trPK('attendance-tracking','check-out')}}
+
+ 08:00
+
+
+
+
+ {{ts.trPK('attendance-tracking','late-in')}}
+
+ 08:00
+
+
+ {{ts.trPK('attendance-tracking','regular')}}
+
+ {{attendanceTrackingList.P_SCHEDULED_HOURS}}
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Mohem/src/app/attendance-tracking/home/home.component.scss b/Mohem/src/app/attendance-tracking/home/home.component.scss
new file mode 100644
index 00000000..3df2c17a
--- /dev/null
+++ b/Mohem/src/app/attendance-tracking/home/home.component.scss
@@ -0,0 +1,52 @@
+.timer-chart{
+padding-top:18px;
+background: #094773;
+height: 50%;
+text-align: center;
+}
+
+.tracking-content{
+background: #053c63;
+height: 50%;
+}
+.rowBorder{
+ text-align: center;
+ border-bottom: var(--lightblue) solid 1px;
+}
+
+.shift-text{
+ // text-align: center;
+ // width: 100%;
+ // color: white !important;
+ margin-bottom: 12px;
+ margin-top: -9px;
+ font-size: 30px;
+}
+.shift-title{
+ width: 100%;
+ text-align: center;
+ color: white !important;
+}
+.stopicon{
+ width: 50px;
+ height: 39px;
+ color: #053c63;
+}
+
+.divstopBtn{
+text-align: center;
+}
+
+.stopBtn{
+ height: 70px;
+ width: 70px;
+ background-color: var(--lightblue) !important;
+ border-radius: 50%;
+ display: inline-block;
+ margin-top: -24px;
+ border: solid 3px #053c63;
+}
+.colBorder{
+ border-right: var(--lightblue) solid 1px;
+}
+
diff --git a/Mohem/src/app/attendance-tracking/home/home.component.spec.ts b/Mohem/src/app/attendance-tracking/home/home.component.spec.ts
new file mode 100644
index 00000000..5ec1377b
--- /dev/null
+++ b/Mohem/src/app/attendance-tracking/home/home.component.spec.ts
@@ -0,0 +1,27 @@
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+ let component: HomeComponent;
+ let fixture: ComponentFixture