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/app.component.html

83 lines
3.2 KiB
HTML

<!-- <ion-nav [root]="rootPage" #mycontent swipeBackEnabled="false"></ion-nav> -->
<ion-app [dir]="direction">
<ion-split-pane>
<!-- <ion-menu persistent="true" id="leftMenu" class="menu"
side="left" *ngIf="direction==='ltr'" >
<ion-content class="sidebar-menu">
<div class="header-div">
<div class="centerDiv">
<p class="TxtPlace">{{"home.hello" | translate}}, {{User_name_Emp}}</p>
<div> <img src="{{user_image}}" class="profileImg" ></div>
</div>
</div>
<ion-list>
<button class="menu-item" ion-item menuClose ion-item (click)="goToWorkListPage()" >
<img width="30" src="../assets/imgs/bell.png" item-left >
{{"home.worklist" | translate }}
<ion-badge item-end>{{notBadge}}</ion-badge>
</button>
<button class="menu-item" ion-item menuClose ion-item (click)="goToProfile()" >
<img width="30" src="../assets/imgs/username.png" item-left >
{{"userProfile.title" | translate }}
</button>
<button class="menu-item" ion-item menuClose ion-item (click)="logout()" >
<img width="30" src="../assets/imgs/signout.png" item-left >
{{"home.logout" | translate }}
</button>
</ion-list>
<div class="menuFooter">
<div> <img src="{{companyUrl}}" class="CompanyImg" ></div>
<p class="companyTxt">{{companyDesc}}</p>
</div>
</ion-content>
</ion-menu>
<ion-menu persistent="true" id="rightMenu" class="menu"
side="right" *ngIf="direction==='rtl'" >
<ion-content class="sidebar-menu">
<div class="header-div">
<div class="centerDiv">
<p class="TxtPlace">{{"home.hello" | translate}}, {{User_name_Emp}}</p>
<div> <img src="{{user_image}}" class="profileImg" ></div>
</div>
</div>
<ion-list>
<button class="menu-item" ion-item menuClose ion-item (click)="goToWorkListPage()" >
<img width="30" src="../assets/imgs/bell.png" item-left >
{{"home.worklist" | translate }}
<ion-badge item-end>{{notBadge}}</ion-badge>
</button>
<button class="menu-item" ion-item menuClose ion-item (click)="goToProfile()" >
<img width="30" src="../assets/imgs/username.png" item-left >
{{"userProfile.title" | translate }}
</button>
<button class="menu-item" ion-item menuClose ion-item (click)="logout()" >
<img width="30" src="../assets/imgs/signout.png" item-left >
{{"home.logout" | translate }}
</button>
</ion-list>
<div class="menuFooter">
<div> <img src="{{companyUrl}}" class="CompanyImg" ></div>
<p class="companyTxt">{{companyDesc}}</p>
</div>
</ion-content>
</ion-menu> -->
<ion-router-outlet main></ion-router-outlet>
</ion-split-pane>
</ion-app>