Commit c7a3eac3f40dfc62771fc89c965613140e8fe353

Authored by Andrew Buss
1 parent 4c3a5e272e

dynamic nav menu too

Showing 2 changed files with 25 additions and 6 deletions Side-by-side Diff

... ... @@ -12,10 +12,12 @@
12 12 rel='stylesheet' type='text/css'>
13 13 <title>Flashy</title>
14 14 </head>
  15 +<body ng-controller="RootController">
15 16 <header>
16 17 <nav>
17 18 <div class="nav-wrapper">
18   - <a href="#" data-activates="mobile-demo" class="left button-collapse"><i class="mdi-navigation-menu"></i></a>
  19 + <a href="#" data-activates="mobile-demo" class="left button-collapse hide-on-med-and-up"><i
  20 + class="mdi-navigation-menu"></i></a>
19 21 <ul ng-show="currentSection.id && isLoggedIn" class="left hide-on-small-and-down">
20 22 <li ui-sref-active="active"><a ui-sref="feed({sectionId:currentSection.id})" class="tooltipped"
21 23 data-position="bottom"
22 24  
23 25  
... ... @@ -49,17 +51,32 @@
49 51  
50 52 <!-- Slide-in side-nav for small screens -->
51 53 <ul class="side-nav" id="mobile-demo">
  54 + <ul ng-show="currentSection.id && isLoggedIn">
  55 + <li ui-sref-active="active"><a ui-sref="feed({sectionId:currentSection.id})" class="tooltipped"
  56 + ><i
  57 + class="mdi-action-view-module left"></i>Feed</a></li>
  58 + <li ui-sref-active="active"><a ui-sref="deck({sectionId:currentSection.id})" class="tooltipped"
  59 + ><i
  60 + class="mdi-action-view-carousel left"></i>Deck</a></li>
  61 + <li ui-sref-active="active"><a ui-sref="cardlist({sectionId:currentSection.id})" class="tooltipped"
  62 + ><i
  63 + class="mdi-action-view-list left"></i>Card List</a>
  64 + </li>
  65 + <hr>
  66 + </ul>
  67 +
52 68 <!-- Collapsible menu for all the User's classes -->
53 69 <ul class="collapsible" data-collapsible="accordion">
54 70 <li class="bold">
55 71 <a class="collapsible-header black-text">
56   - Classes<i class="mdi-navigation-arrow-drop-down right"></i>
  72 + Classes<i
  73 + class="mdi-navigation-arrow-drop-down right"></i>
57 74 </a>
58 75 </li>
59 76 <div class="collapsible-body" style="display: block">
60 77 <ul>
61   - <li ng-repeat="section in sections">
62   - <a ui-sref-active="active" class="class bold" ui-sref="feed({sectionId:section.id})">{{section.short_name}}</a>
  78 + <li ui-sref-active="active" ng-repeat="section in sections">
  79 + <a class="class bold" ui-sref="feed({sectionId:section.id})">{{section.short_name}}</a>
63 80 </li>
64 81 <hr>
65 82 <li><a ui-sref="addclass"><i class="tiny mdi-content-add"> Add Class</i></a></li>
... ... @@ -73,7 +90,7 @@
73 90 </nav>
74 91  
75 92 </header>
76   -<body ng-controller="RootController">
  93 +
77 94  
78 95 <!-- Menu Bar -->
79 96 <main ui-view></main>
styles/flashy.css View file @ c7a3eac
... ... @@ -236,7 +236,9 @@
236 236 nav {
237 237 background-color: #d2143f !important;
238 238 }
239   -
  239 +main{
  240 + min-height:145px;
  241 +}
240 242 .side-nav .collapsible-body {
241 243 width: 100%;
242 244 }