<ion-header>
  <ion-toolbar class="header-toolbar-new">
    <ion-title color="light">{{headerTitle}}</ion-title>
    <ion-buttons slot="start">
      <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 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">&nbsp;{{subPage.PROMPT}} </span>  -->
                 <ion-label><span ion-text color="color2">&nbsp;{{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>



<!--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">&nbsp;{{subPage.PROMPT}} </span>  -->
                 <ion-label><span ion-text color="color2">&nbsp;{{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>