Hybrid mobile app (Androind / iOS) buit with the Ionic Framework and Angular JS.

menu.html 2.2KB

    <ion-side-menus enable-menu-with-back-views="false"> <ion-side-menu-content> <ion-nav-bar class="bar-dark"> <ion-nav-back-button> </ion-nav-back-button> <ion-nav-buttons side="left"> <button class="button button-icon button-clear icon-avalanche" ng-click="toggleLeft()"> </button> </ion-nav-buttons> <ion-nav-buttons side="right"> <button class="button button-icon button-clear ion-navicon" menu-toggle="right"> </button> </ion-nav-buttons> </ion-nav-bar> <ion-nav-view name="menuContent"></ion-nav-view> </ion-side-menu-content> <ion-side-menu side="left"> <ion-content class="left-nav-bg"> <h2>Missions</h2> <ion-list> <ion-item ng-repeat="item in currentMissions" menu-close ui-sref="mission.briefing({ missionId: item.slug})" ng-class="{ current: isActive(item.slug) }"> {{item.title}} </ion-item> <h2>Direct Messages</h2> <ion-list> <ion-item menu-close href="#/app/search"> James Peret </ion-item> </ion-list> </ion-list> </ion-content> </ion-side-menu> <ion-side-menu side="right"> <ion-content class="right-nav-bg"> <h3>{{mission.title}}</h3> <ion-list> <ion-item menu-close ui-sref="mission.briefing({ missionId: mission.slug})" ui-sref-active="current"> <i class="icon-mission icon-large"></i><span class="icon-large-text">Mission Briefing</span> </ion-item> <ion-item menu-close ui-sref="mission.activity({ missionId: mission.slug})" ui-sref-active="current"> <i class="icon-radar icon-large"></i><span class="icon-large-text">Activity Feed</span> </ion-item> <ion-item menu-close ui-sref="mission.tasks({ missionId: mission.slug})" ui-sref-active="current"> <i class="icon-task icon-large"></i><span class="icon-large-text">My Tasks</span> </ion-item> <ion-item menu-close ui-sref="mission.agents({ missionId: mission.slug})" ui-sref-active="current"> <i class="icon-agent icon-large"></i><span class="icon-large-text">Agents</span> </ion-item> </ion-list> </ion-content> </ion-side-menu> </ion-side-menus>