arnaucube
arnaucube/commonroutesAppPublic Self-hosted repository
commonroutesApp/www/templates/menu.html
www/templates/menu.htmlRaw
 1<ion-side-menus enable-menu-with-back-views="false">
 2  <ion-side-menu-content>
 3    <ion-nav-bar class="bar o_text_purple500" ng-show="storageuser">
 4      <ion-nav-back-button class="o_text_purple500">
 5      </ion-nav-back-button>
 6
 7      <ion-nav-buttons side="left">
 8        <button class="button button-icon button-clear ion-navicon o_text_purple500" menu-toggle="left">
 9        </button>
10      </ion-nav-buttons>
11    </ion-nav-bar>
12    <ion-nav-view name="menuContent"></ion-nav-view>
13    <!-- menu footer -->
14    <div class="tabs tabs-icon-left" style="position:absolute;"
15    ng-controller="FooterMenuCtrl" ng-show="storageuser">
16      <a class="tab-item" ng-href="#/app/notifications">
17        <i class="icon ion-android-notifications-none"></i> Notifications
18      </a>
19      <a class="tab-item" ng-href="#/app/main">
20        <i class="icon ion-home"></i> Home
21      </a>
22      <a ng-href="#/app/newTravel" class="tab-item">
23        <i class="icon ion-map"></i> New travel
24      </a>
25    </div>
26    <!-- /menu footer -->
27  </ion-side-menu-content>
28
29  <ion-side-menu side="left" class="o_bSidenav">
30    <ion-header-bar class="bar-stable o_bSidenav">
31      <h1 class="title">{{'Menu' | translate }}</h1>
32    </ion-header-bar>
33    <ion-content>
34      <ion-list>
35        <a class="item item-icon-left o_bSidenav" menu-close ng-href="#/app/main">
36          <i class="icon ion-home"></i> {{'Main' | translate }}
37        </a>
38        <a class="item item-icon-left o_bSidenav" menu-close ng-href="#/app/users/{{storageuser._id}}">
39          <i class="icon ion-person"></i> {{storageuser.username}}
40        </a>
41        <a class="item item-icon-left o_bSidenav" menu-close ng-href="#/app/search">
42          <i class="icon ion-search"></i> {{'Search' | translate }}
43        </a>
44        <a class="item item-icon-left o_bSidenav" menu-close ng-href="#/app/travels">
45          <i class="icon ion-android-car"></i> {{'Travels_feed' | translate }}
46        </a>
47        <a class="item item-icon-left o_bSidenav" menu-close ng-href="#/app/users">
48          <i class="icon ion-person-stalker"></i> {{'Users' | translate }}
49        </a>
50        <a class="item item-icon-left o_bSidenav" menu-close ng-href="#/app/notifications">
51          <i class="icon ion-android-notifications-none"></i>
52          {{'Notifications' | translate }}
53          <span class="badge o_purple300">{{storageuser.notifications.length}}</span>
54        </a>
55        <a class="item item-icon-left o_bSidenav" menu-close ng-href="#/app/settings">
56          <i class="icon ion-settings"></i> {{'Settings' | translate }}
57        </a>
58        <a class="item item-icon-left o_bSidenav" menu-close ng-href="#/app/help">
59          <i class="icon ion-ios-help-outline"></i> {{'Help' | translate }}
60        </a>
61        <a class="item item-icon-left o_bSidenav" menu-close ng-click="logout()">
62          <i class="icon ion-power"></i> {{'Logout' | translate }}
63        </a>
64      </ion-list>
65    </ion-content>
66  </ion-side-menu>
67</ion-side-menus>