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.
92 lines
3.9 KiB
HTML
92 lines
3.9 KiB
HTML
<ion-header>
|
|
<ion-toolbar class="header-toolbar-new">
|
|
<ion-title color="light">{{headerTitle}}</ion-title>
|
|
<ion-buttons slot="start">
|
|
<!-- <ion-buttons [ngClass]="direction == 'rtl'? 'icon-right' : 'icon-left' "> -->
|
|
<nav-buttons backLink=""></nav-buttons>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
|
|
|
|
|
|
<ion-content>
|
|
|
|
|
|
<!--From Home List-->
|
|
<ion-list style="margin-top: 40px;border-top: 1px solid #c8c8c8;" [hidden]="pageType=='myteam'" *ngIf="pageType=='home'">
|
|
<ion-item lines="none" class="custCollabs ion-item-styling" *ngFor="let menuItem of menu.children; let i=index"
|
|
(click)="openPage(menuItem, i);">
|
|
<ion-row style="width: 100%;">
|
|
<!-- Parent Pages -->
|
|
<ion-col size="12" class="">
|
|
<div [ngClass]="{'selectedDiv': selectedMenu == i,'notSelected': selectedMenu != i }">
|
|
<ion-label>
|
|
<b text-wrap>{{menuItem.PROMPT}}</b>
|
|
|
|
<ion-icon [ngClass]='direction == "en"? "span-arrow-en":"span-arrow-ar"' name="arrow-forward"></ion-icon>
|
|
|
|
</ion-label>
|
|
|
|
</div>
|
|
<!-- Child Pages -->
|
|
<ion-list [hidden]="selectedMenu != i" lines="full">
|
|
<ion-item lines="full" class="" *ngFor="let subPage of menuItem.children;let i2=index" text-wrap
|
|
(click)="openPage(subPage)">
|
|
<!-- <ion-row>
|
|
<ion-col size="10" class="menu-name"><span ion-text color="color2"> {{subPage.PROMPT}} </span> -->
|
|
<ion-label><span ion-text color="color2"> {{subPage.PROMPT}} </span>
|
|
<ion-icon [ngClass]='direction == "en"? "span-arrow-en":"span-arrow-ar"' name="arrow-forward"></ion-icon>
|
|
</ion-label>
|
|
<!-- </ion-col>
|
|
</ion-row> -->
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-col>
|
|
</ion-row>
|
|
<!-- <ion-icon [name]="selectedMenu == i? 'ios-arrow-down' : 'ios-arrow-forward'"
|
|
*ngIf="menuItem.children && menuItem.MENU_ENTRY_TYPE=='MENU'" slot="end" class="arrow-down"></ion-icon> -->
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
|
|
|
|
<!--From My Team List-->
|
|
|
|
<ion-list style="margin-top: 40px;border-top: 1px solid #c8c8c8;" [hidden]="pageType=='home'" *ngIf="pageType=='myteam'">
|
|
<ion-item lines="none" class="custCollabs ion-item-styling" *ngFor="let menuItem of menu; let i=index"
|
|
(click)="openPage(menuItem, i);">
|
|
<ion-row style="width: 100%;">
|
|
<!-- Parent Pages -->
|
|
<ion-col size="12" class="">
|
|
<div [ngClass]="{'selectedDiv': selectedMenu == i,'notSelected': selectedMenu != i }">
|
|
<ion-label>
|
|
<b text-wrap>{{menuItem.PROMPT}}</b>
|
|
|
|
<ion-icon style="float: right;font-size: 25px;color: grey;" name="arrow-forward"></ion-icon>
|
|
|
|
</ion-label>
|
|
|
|
</div>
|
|
<!-- Child Pages -->
|
|
<ion-list [hidden]="selectedMenu != i" lines="full">
|
|
<ion-item lines="full" class="" *ngFor="let subPage of menuItem.children;let i2=index" text-wrap
|
|
(click)="openPage(subPage)">
|
|
<!-- <ion-row>
|
|
<ion-col size="10" class="menu-name"><span ion-text color="color2"> {{subPage.PROMPT}} </span> -->
|
|
<ion-label><span ion-text color="color2"> {{subPage.PROMPT}} </span>
|
|
<ion-icon style="float: right;font-size: 25px;color: grey;" name="arrow-forward"></ion-icon>
|
|
</ion-label>
|
|
<!-- </ion-col>
|
|
</ion-row> -->
|
|
</ion-item>
|
|
</ion-list>
|
|
</ion-col>
|
|
</ion-row>
|
|
<!-- <ion-icon [name]="selectedMenu == i? 'ios-arrow-down' : 'ios-arrow-forward'"
|
|
*ngIf="menuItem.children && menuItem.MENU_ENTRY_TYPE=='MENU'" slot="end" class="arrow-down"></ion-icon> -->
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
</ion-content> |