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.
sfh-mohemm/Mohem/src/app/app.component.html

264 lines
12 KiB
HTML

<ion-app [dir]="direction">
<ion-split-pane>
<ion-menu [swipeGesture]="false" side='start' *ngIf="direction ==='ltr'">
<ion-content class="sidebar-menu">
<div class="header-div">
<div>
<ion-button class="closeIcon" (click)="closeMenu()">
<img style= "height: 18px !important;" src="../assets/imgs/close_menu_icon.png "></ion-button>
</div>
<div style="border-bottom: rgb(190, 186, 186) solid 1px;" >
<img class="mohemmLogo" src="../assets/imgs/menu_mohemm_logo.png" >
</div>
<hr>
</div>
<div class="centerDiv homeBox">
<div class="profileDiv">
6 years ago
<img class="profileImg" [src]="user_image">
<p class="TxtPlace">{{User_name_Emp}}</p>
<p class="TxtPlaces"> {{User_Job_name}}</p>
</div>
</div>
<div style="border-bottom: rgb(190, 187, 187) solid 1px;" >
<button class="logout" ion-button (click)="logout();" > {{ts.trPK('home','logout')}}</button>
</div>
<br>
6 years ago
<ion-list class="list-en" >
<!-- <ion-item (click)="profile()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 24px !important;" src="../assets/imgs/profile_icon.png" item-left>
</ion-thumbnail>
<ion-label class="profile">
{{ts.trPK('userProfile','title')}}
</ion-label>
</ion-item> -->
<ion-item [hidden]="TeamFlag!='true'" (click)="openMyTeamPage()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 14px !important;" src="../assets/imgs/my_team_icon.png" item-left>
</ion-thumbnail>
<ion-label class="profile">
{{ts.trPK('myTeam','myTeam-header')}}
</ion-label>
</ion-item>
<!-- <ion-item (click)="openMyRequestPage()">
5 years ago
<ion-thumbnail slot="start" class="menu-thumb">
4 years ago
<img style= "height: 20px !important;" src="../assets/imgs/hr-request.png" item-left>
5 years ago
</ion-thumbnail>
<ion-label class="profile">
{{ts.trPK('userProfile','HR-Request')}}
5 years ago
</ion-label>
</ion-item> -->
Merge branch 'MOHEMM-Q3-DEV-LATEST' into MOHEMM-PHASE-2-SFH # Conflicts: # Mohem/resources/android/icon/drawable-hdpi-icon.png # Mohem/resources/android/icon/drawable-ldpi-icon.png # Mohem/resources/android/icon/drawable-mdpi-icon.png # Mohem/resources/android/icon/drawable-xhdpi-icon.png # Mohem/resources/android/icon/drawable-xxhdpi-icon.png # Mohem/resources/android/icon/drawable-xxxhdpi-icon.png # Mohem/resources/android/splash/drawable-land-hdpi-screen.png # Mohem/resources/android/splash/drawable-land-ldpi-screen.png # Mohem/resources/android/splash/drawable-land-mdpi-screen.png # Mohem/resources/android/splash/drawable-land-xhdpi-screen.png # Mohem/resources/android/splash/drawable-land-xxhdpi-screen.png # Mohem/resources/android/splash/drawable-land-xxxhdpi-screen.png # Mohem/resources/android/splash/drawable-port-hdpi-screen.png # Mohem/resources/android/splash/drawable-port-ldpi-screen.png # Mohem/resources/android/splash/drawable-port-mdpi-screen.png # Mohem/resources/android/splash/drawable-port-xhdpi-screen.png # Mohem/resources/android/splash/drawable-port-xxhdpi-screen.png # Mohem/resources/android/splash/drawable-port-xxxhdpi-screen.png # Mohem/src/app/app-routing.module.ts # Mohem/src/app/app.component.html # Mohem/src/app/app.component.ts # Mohem/src/app/hmg-common/services/authentication/authentication.service.ts # Mohem/src/app/hmg-common/services/common/common.service.ts # Mohem/src/app/hmg-common/ui/generic-header/generic-header.component.scss # Mohem/src/app/home/home.page.ts # Mohem/src/app/my-team/details/details.component.ts # Mohem/src/app/notification/home/home.component.html # Mohem/src/app/notification/home/home.component.ts # Mohem/src/app/notification/work-list-replacement-itg/work-list-replacement-itg.component.scss # Mohem/src/app/notification/work-list-replacement-roll/work-list-replacement-roll.component.scss # Mohem/src/app/notification/worklist-main/worklist-main.component.html # Mohem/src/app/notification/worklist-main/worklist-main.component.ts # Mohem/src/app/profile/home/home.component.ts # Mohem/src/app/time-card/time-card-details/time-card-details.component.ts
4 years ago
<!-- </ion-item> -->
4 years ago
<div *ngFor="let menu of menuList">
<ion-item (click)="oepnMyRequest(menu)" *ngIf="menu.REQUEST_GROUP_NAME =='MBL_RG_01' && menu.MENU_TYPE =='E'">
<ion-thumbnail slot="start" class="menu-thumb">
4 years ago
<img style= "height: 20px !important;" src="../assets/imgs/my-request.png" item-left>
4 years ago
</ion-thumbnail>
<ion-label class="profile">
{{menu.MENU_NAME}}
</ion-label>
</ion-item>
</div>
4 years ago
<!--
4 years ago
<ion-item (click)="oepnTransaction()">
<ion-thumbnail slot="start" class="menu-thumb">
4 years ago
<img style= "height: 20px !important;" src="../assets/imgs/pending-transaction.png" item-left>
4 years ago
</ion-thumbnail>
<ion-label class="profile">
{{ts.trPK('general','pending-transaction')}}
</ion-label>
4 years ago
</ion-item> -->
<!-- <ion-item (click)="openChangePassword()"> -->
<ion-item (click)="openChangePassword()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 25px !important;" src="../assets/imgs/lock_icon.png" item-left>
</ion-thumbnail>
<ion-label class="changepassword" >
{{ts.trPK('login','changepassword')}}
<ion-badge class="start-badge main-badge" slot="end" color="danger">{{notBadge}}</ion-badge>
</ion-label>
</ion-item>
4 years ago
<ion-item (click)="openDigitalId()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 25px !important;" src="../assets/imgs/ID_ico_menu.png" item-left>
</ion-thumbnail>
<ion-label class="changepassword" >
{{ts.trPK('general','digital-id')}}
<ion-badge class="start-badge main-badge" slot="end" color="danger">{{notBadge}}</ion-badge>
</ion-label>
4 years ago
</ion-item>
<!-- <ion-item *ngIf='userInfo?.show_business' (click)="openBusinessCard()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 25px !important;" src="../assets/imgs/business-card-design.png" item-left>
</ion-thumbnail>
<ion-label class="changepassword" >
{{ts.trPK('general','business-card')}}
<ion-badge class="start-badge main-badge" slot="end" color="danger">{{notBadge}}</ion-badge>
</ion-label>
</ion-item> -->
</ion-list>
6 years ago
<div class="" style="text-align:center">
<img src="{{companyUrl}}" class="CompanyImg logoImg">
6 years ago
<!-- <p class="companyTxt">{{companyDesc}}</p> -->
</div>
6 years ago
<div class="menuFooter" >
<div> <img src="../assets/imgs/CSLogo.png" class="CompanyImg" ></div>
<p class="companyTxt">{{companyDesc}}</p>
</div>
</ion-content>
</ion-menu>
<ion-menu [swipeGesture]="false" side='end' *ngIf="direction ==='rtl'">
<ion-content class="sidebar-menu">
<div class="header-div">
<div>
<ion-button class="closeIcon" (click)="closeMenu()">
<img style= "height: 18px !important;" src="../assets/imgs/close_menu_icon.png "></ion-button>
</div>
<div style="border-bottom: rgb(190, 186, 186) solid 1px;" >
<img class="mohemmLogo-ar" src="../assets/imgs/menu_mohemm_logo.png" >
</div>
<hr>
</div>
<div class="centerDiv homeBox">
<div class="profileDiv-ar">
<img class="profileImg" [src]="user_image">
<p class="TxtPlace">{{User_name_Emp}}</p>
<p class="TxtPlaces"> {{User_Job_name}}</p>
</div>
</div>
6 years ago
<div style="border-bottom: rgb(190, 187, 187) solid 1px;" >
<button class="logout-ar" ion-button (click)="logout();" > {{ts.trPK('home','logout')}}</button>
</div>
<br>
6 years ago
6 years ago
<ion-list class="list-ar" >
<!-- <ion-item (click)="profile()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 24px !important;" src="../assets/imgs/profile_icon.png" item-left>
</ion-thumbnail>
<ion-label class="profile">
{{ts.trPK('userProfile','title')}}
</ion-label>
</ion-item> -->
<ion-item [hidden]="TeamFlag!='true'" (click)="openMyTeamPage()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 14px !important;" src="../assets/imgs/my_team_icon.png" item-left>
</ion-thumbnail>
<ion-label class="profile">
{{ts.trPK('myTeam','myTeam-header')}}
</ion-label>
</ion-item>
<!-- <ion-item (click)="openMyRequestPage()">
5 years ago
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 14px !important;" src="../assets/imgs/my_team_icon.png" item-left>
</ion-thumbnail>
<ion-label class="profile">
5 years ago
{{ts.trPK('userProfile','HR-Request')}}
5 years ago
</ion-label>
</ion-item> -->
Merge branch 'MOHEMM-Q3-DEV-LATEST' into MOHEMM-PHASE-2-SFH # Conflicts: # Mohem/resources/android/icon/drawable-hdpi-icon.png # Mohem/resources/android/icon/drawable-ldpi-icon.png # Mohem/resources/android/icon/drawable-mdpi-icon.png # Mohem/resources/android/icon/drawable-xhdpi-icon.png # Mohem/resources/android/icon/drawable-xxhdpi-icon.png # Mohem/resources/android/icon/drawable-xxxhdpi-icon.png # Mohem/resources/android/splash/drawable-land-hdpi-screen.png # Mohem/resources/android/splash/drawable-land-ldpi-screen.png # Mohem/resources/android/splash/drawable-land-mdpi-screen.png # Mohem/resources/android/splash/drawable-land-xhdpi-screen.png # Mohem/resources/android/splash/drawable-land-xxhdpi-screen.png # Mohem/resources/android/splash/drawable-land-xxxhdpi-screen.png # Mohem/resources/android/splash/drawable-port-hdpi-screen.png # Mohem/resources/android/splash/drawable-port-ldpi-screen.png # Mohem/resources/android/splash/drawable-port-mdpi-screen.png # Mohem/resources/android/splash/drawable-port-xhdpi-screen.png # Mohem/resources/android/splash/drawable-port-xxhdpi-screen.png # Mohem/resources/android/splash/drawable-port-xxxhdpi-screen.png # Mohem/src/app/app-routing.module.ts # Mohem/src/app/app.component.html # Mohem/src/app/app.component.ts # Mohem/src/app/hmg-common/services/authentication/authentication.service.ts # Mohem/src/app/hmg-common/services/common/common.service.ts # Mohem/src/app/hmg-common/ui/generic-header/generic-header.component.scss # Mohem/src/app/home/home.page.ts # Mohem/src/app/my-team/details/details.component.ts # Mohem/src/app/notification/home/home.component.html # Mohem/src/app/notification/home/home.component.ts # Mohem/src/app/notification/work-list-replacement-itg/work-list-replacement-itg.component.scss # Mohem/src/app/notification/work-list-replacement-roll/work-list-replacement-roll.component.scss # Mohem/src/app/notification/worklist-main/worklist-main.component.html # Mohem/src/app/notification/worklist-main/worklist-main.component.ts # Mohem/src/app/profile/home/home.component.ts # Mohem/src/app/time-card/time-card-details/time-card-details.component.ts
4 years ago
<!-- </ion-item> -->
<div *ngFor="let menu of menuList">
<ion-item (click)="oepnMyRequest(menu)" *ngIf="menu.REQUEST_GROUP_NAME =='MBL_RG_01' && menu.MENU_TYPE =='E'">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 20px !important;" src="../assets/imgs/my-request.png" item-left>
</ion-thumbnail>
<ion-label class="profile">
{{menu.MENU_NAME}}
</ion-label>
</ion-item>
</div>
4 years ago
<!-- <ion-item (click)="oepnTransaction()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 20px !important;" src="../assets/imgs/pending-transaction.png" item-left>
</ion-thumbnail>
<ion-label class="profile">
{{ts.trPK('general','pending-transaction')}}
</ion-label>
4 years ago
</ion-item> -->
<ion-item (click)="openChangePassword()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 25px !important;" src="../assets/imgs/lock_icon.png" item-left>
</ion-thumbnail>
<ion-label class="changepassword" >
{{ts.trPK('login','changepassword')}}
7 years ago
<ion-badge [ngClass]=" direction === 'rtl' ? 'end-badge' : 'start-badge'" slot="end" color="danger" class="main-badge">{{notBadge}}</ion-badge>
</ion-label>
7 years ago
<!-- <button class="menu-item" ion-item menuClose ion-item (click)="goToWorkListPage()" >
7 years ago
</button> -->
</ion-item>
4 years ago
<ion-item (click)="openDigitalId()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 25px !important;" src="../assets/imgs/ID_ico_menu.png" item-left>
</ion-thumbnail>
<ion-label class="changepassword" >
{{ts.trPK('general','digital-id')}}
<ion-badge class="start-badge main-badge" slot="end" color="danger">{{notBadge}}</ion-badge>
</ion-label>
4 years ago
</ion-item>
<!-- <ion-item *ngIf='userInfo?.show_business' (click)="openBusinessCard()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 25px !important;" src="../assets/imgs/business-card-design.png" item-left>
</ion-thumbnail>
<ion-label class="changepassword" >
{{ts.trPK('general','business-card')}}
<ion-badge class="start-badge main-badge" slot="end" color="danger">{{notBadge}}</ion-badge>
</ion-label>
</ion-item> -->
6 years ago
<!-- <ion-item (click)="profile()">
<ion-thumbnail slot="start" class="menu-thumb">
<img width="30" src="../assets/imgs/profile_icon.png" item-left>
</ion-thumbnail>
<ion-label>
{{ts.trPK('userProfile','title')}}
</ion-label>
</ion-item> -->
<!-- <ion-item (click)="logout();">
<ion-thumbnail slot="start" class="menu-thumb">
<img width="30" src="../assets/imgs/signout.png" item-left>
</ion-thumbnail>
<ion-label>
7 years ago
{{ts.trPK('home','logout')}}
</ion-label>
</ion-item> -->
7 years ago
</ion-list>
<div class="" style="text-align:center">
<img src="{{companyUrl}}" class="CompanyImg" [ngClass]="TeamFlag!='true'? 'logoImg':'logoImgWithMyTeam'">
6 years ago
<!-- <p class="companyTxt">{{companyDesc}}</p> -->
6 years ago
</div>
<div class="menuFooter">
<div> <img src="../assets/imgs/CSLogo.png" class="CompanyImg" ></div>
6 years ago
<p class="companyTxt">{{companyDesc}}</p>
</div>
</ion-content>
</ion-menu>
<ion-router-outlet main></ion-router-outlet>
</ion-split-pane>
</ion-app>