You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
3.4 KiB
HTML
107 lines
3.4 KiB
HTML
<ion-header>
|
|
<ion-toolbar class="header-toolbar-new">
|
|
<nav-buttons [enableMenu]="true" [enableBack]="false" [navigate]="false"></nav-buttons>
|
|
<ion-title>DASHBOARD</ion-title>
|
|
<div class="profile-image-container" (click)="openProfilePage()">
|
|
<img [src]="userImage"/>
|
|
</div>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content class="main-dashboard-container">
|
|
<ion-grid class="main-container contentBg">
|
|
<ion-row class="slideFullWidth">
|
|
<ion-slides [options]="slideOptsOne" class="padding-slide slide">
|
|
<ion-slide *ngFor="let button of statsButtons; let i=index;">
|
|
<app-stats-button
|
|
[title]="button.title"
|
|
[statsValue]="button.statsValue"
|
|
[icon]="button.icon"
|
|
(click)="openStatsButton(button.link)">
|
|
</app-stats-button>
|
|
</ion-slide>
|
|
</ion-slides>
|
|
</ion-row>
|
|
|
|
<ion-row *ngFor="let item of menuList; let i=index">
|
|
<ng-container *ngIf="item.MENU_TYPE === 'M'">
|
|
<ion-col [size]="12">
|
|
<ion-label>{{item.MENU_NAME}}</ion-label>
|
|
</ion-col>
|
|
<app-services-button
|
|
(click)="openMyTeamPage()"
|
|
[title]="item.MENU_NAME"
|
|
icon="assets/icon/new-design/leave_balance.png">
|
|
</app-services-button>
|
|
</ng-container>
|
|
</ion-row>
|
|
|
|
<ion-row *ngFor="let menuItem of menuEntries; let i=index">
|
|
|
|
<ion-row class="attendance-module" *ngIf="i == 1">
|
|
<ion-col [size]="8">
|
|
<h3>Monthly Attendance</h3>
|
|
<span>View your Monthly Time Sheet</span>
|
|
<ion-button (click)="openTimeCard()">
|
|
View Detail
|
|
</ion-button>
|
|
</ion-col>
|
|
<ion-col [size]="4">
|
|
<img src="assets/icon/new-design/attendance_button_icon.png"/>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-col [size]="12">
|
|
<ion-label>{{menuItem.PROMPT}}</ion-label>
|
|
</ion-col>
|
|
<ion-slides [options]="slideOptsTwo">
|
|
|
|
<ion-slide *ngFor="let subMenu of menuItem.children; let j=index">
|
|
<app-services-button
|
|
(click)="openPage(subMenu)"
|
|
[title]="subMenu.PROMPT"
|
|
[icon]="subMenu.ICON">
|
|
</app-services-button>
|
|
</ion-slide>
|
|
<ion-slide *ngIf="i == 2">
|
|
<app-services-button
|
|
(click)="Vacation_Rule()"
|
|
title="Vacation Rule"
|
|
icon="assets/icon/new-design/vacation_rules_icon.png">
|
|
</app-services-button>
|
|
</ion-slide>
|
|
|
|
|
|
</ion-slides>
|
|
</ion-row>
|
|
|
|
</ion-grid>
|
|
<div class="fixed-shift-timer" *ngIf="isCheckedIn" (click)="openattentracking()">
|
|
<span class="subTitle">Time Left Today</span>
|
|
<circle-progress
|
|
[backgroundColor]= "'#094875'"
|
|
[percent]="percent"
|
|
[radius]="50"
|
|
[outerStrokeWidth]="2"
|
|
[innerStrokeWidth]="0"
|
|
[outerStrokeColor]="'#ffffff'"
|
|
[animation]="true"
|
|
[animationDuration]="300"
|
|
[responsive]="false"
|
|
[space]="-4"
|
|
[startFromZero]="false"
|
|
[title]="displayTime"
|
|
titleFontWeight="bold"
|
|
[titleColor]="'#ffffff'"
|
|
[showUnits]="false"
|
|
subtitle=""
|
|
[subtitleColor]="'#ffffff'"
|
|
[clockwise]="false"
|
|
[renderOnClick]="false">
|
|
</circle-progress>
|
|
</div>
|
|
<div class="fixed-shift-timer" *ngIf="isCheckedIn === false">
|
|
<fab-button (trigger)="attendance()"></fab-button>
|
|
<page-trailer [small] = "true"></page-trailer>
|
|
</div>
|
|
</ion-content>
|