Muskan Jindal / startup-jalsa

Blame view

src/app/components/navigation/template/navigation.html 2.84 KB
edit raw normal view history
66ee5529f   Palak Handa   initial commit 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
 
  <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>