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.
mohemmionic5/Mohem/src/app/home/home.page.html

70 lines
3.1 KiB
HTML

<!-- <ion-header no-shadow no-border>
<ion-toolbar>
<nav-buttons [enableMenu]="true" [enableBack]="false" [navigate]="false"></nav-buttons>
<ion-title>home </ion-title>
<ion-badge id="homeBadgeBtn" item-end>{{notBadge}}</ion-badge>
</ion-toolbar>
</ion-header> -->
<ion-content >
<div class="header-div">
<button ion-button icon-only menuToggle class="menubutton" (click)="openMenu()">
<ion-icon name="menu"></ion-icon>
<ion-badge id="homeBadgeBtn" item-end>{{notBadge}}</ion-badge>
</button>
<div class="centerDiv" (click)="openPersonalInfo()">
<p class="TxtPlace">{{"home.hello" | translate}}, {{User_name_Emp}}</p>
<div class="profileDiv"><ion-img class="profileImg" src="{{user_image}}"></ion-img></div>
</div>
</div>
<div>
<div>
<p class="dash-header text-caps">{{"home.dashboard" | translate}}</p>
</div>
<div>
<ion-grid class="cus-grid">
<ion-row>
<ion-col size="6" class="col-grid" *ngFor="let item of menuList; let i=index">
<button ion-button block class="serviceItem" (click)="getMeunDetails(i)">
<img class="serviceItemImg" src="../assets/imgs/{{item.MENU_TYPE}}.png"/>
<p> {{ item.MENU_NAME }} {{item.SUB_MENU_NAME}}</p>
</button>
</ion-col>
<ion-col size="6" class="col-grid">
<button ion-button block class="serviceItem" (click)="attendance()">
<ion-img class="serviceItemImg" src="../assets/imgs/attend.png"></ion-img>
<p>{{"attendance.attendance" | translate}}</p>
</button>
</ion-col>
<ion-col size="6" class="col-grid">
<button ion-button block class="serviceItem" (click)="Vaction_Rule()">
<ion-img class="serviceItemImg" src="../assets/imgs/vacationrule.png"></ion-img>
<p>{{"vacationRule.vacationRule" | translate}}</p>
</button>
</ion-col>
<ion-col size="6" class="col-grid">
<button ion-button block class="serviceItem" (click)="accrualBalance()">
<ion-img class="serviceItemImg" src="../assets/imgs/accu.png"></ion-img>
<p>{{"absenceList.accrualBalances" | translate}}</p>
</button>
</ion-col>
<ion-col size="6" class="col-grid">
<button ion-button block class="serviceItem" (click)="Change_password()">
<ion-img class="serviceItemImg" src="../assets/imgs/changepass.png"></ion-img>
<p>{{"changePassword.changePassword" | translate}}</p>
</button>
</ion-col>
</ion-row>
<!-- <button class="menu-item" ion-item menuClose ion-item *ngFor="let item of menuList; let i=index" (click)="getMeunDetails(i)" >
<img width="30" src="../assets/imgs/arrownew.png" item-left class="flipImg">
{{ item.MENU_NAME }} {{item.SUB_MENU_NAME}}
</button> -->
</ion-grid>
</div>
</div>
</ion-content>