navigation.html 2.84 KB
<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')">
  <md-toolbar md-theme="default" class="md-theme-indigo">
    <h1 class="md-toolbar-tools" style="white-space: pre;
    font-size: 14px">
      WELCOME TO YC APPLY
    </h1>
  </md-toolbar>

  <div class="navigation-container">
    <div class="toggle-box">
      <!-- <md-button hide-sm hide-xs ng-click="changeClass()" class="size-toggle toggle-left">
        <i class="material-icons">menu</i>
      </md-button> -->
<!--       <md-button hide-sm hide-xs ng-click="logout()" class="size-toggle toggle-right">
        <i class="material-icons">power_settings_new</i>
      </md-button> -->
    </div>
  </div>

  <md-content class="custom-md-content" role="navigation">
    <ul class="side-menu">
      <li ng-repeat="item in vm.menu.sections" class="parent-list-item hover-link"  ng-class="{'parentActive' : vm.isSectionSelected(item)}" ui-sref-active="md-warn">
        <h2 class="menu-heading" ng-if="item.type === 'heading'" id="heading_{{ item.name }}">
          {{item}}
        </h2>
        <menu-link section="item" ng-if="item.type === 'link'"></menu-link>
        <menu-toggle section="item" ng-if="item.type === 'toggle'"></menu-toggle>
      </li>
    </ul>
  </md-content>
</md-sidenav>

<div layout="column" flex>
  <md-toolbar md-theme="default" layout="row" layout-align="end center">
    <!-- <i class="material-icons" style="cursor: pointer;" ng-click="c2c(customer.phone)">phone
      <md-tooltip>Click To Call</md-tooltip>
    </i> &nbsp  &nbsp -->
    <md-menu md-position-mode="target-right target">
      <md-button aria-label="Open logout menu" class="md-icon-button" ng-click="$mdOpenMenu($event)">
        <md-icon md-menu-origin md-svg-src="assets/images/ic_person_white_24px.svg"></md-icon>
      </md-button>
      <md-menu-content width="3" style="background-color:#ffffff";>
        <md-menu-item>
          <md-button ui-sref="app.myProfile">
              <div layout="row" style="color:#000";>
                <p flex>My Profile</p>
              </div>
          </md-button>
        </md-menu-item>
        <md-menu-item>
          <md-button ui-sref="app.changePassword">
              <div layout="row" style="color:#000";>
                <p flex>Change Password</p>
              </div>
          </md-button>
        </md-menu-item>
        <md-menu-item>
          <md-button ng-click="logout();">
              <div layout="row" style="color:#000";>
                <p flex>Logout</p>
              </div>
          </md-button>
        </md-menu-item>
      </md-menu-content>
    </md-menu>
  </md-toolbar>
  
  <toaster-container toaster-options="{'time-out': 2000, 'close-button':true, 'animation-class': 'toast-top-right'}"></toaster-container>
  
  <md-content flex class="md-padding page-content">
    <div ui-view></div>
  </md-content>
</div>