Davide Alberani 9 yıl önce
ebeveyn
işleme
f401ce07eb

+ 1 - 1
angular_app/event-detail.html

@@ -62,7 +62,7 @@
                     </select>
                 </div>
             </form>
-            <table class="table">
+            <table class="table table-striped">
                 <thead>
                     <tr>
                         <th>Person</th>

+ 1 - 1
angular_app/events-list.html

@@ -20,7 +20,7 @@
 </div>
 
 <div class="container">
-    <table class="table">
+    <table class="table table-striped">
         <thead>
             <tr>
                 <td><strong>Event</strong></td>

+ 16 - 6
angular_app/index.html

@@ -38,12 +38,21 @@
     -->
 
     <body>
-        <div class="main-header" ng-controller="NavigationCtrl as n">
-            <input type="button" id="events-button" ng-click="n.go('/events')" class="btn btn-link" value="{{'Events' | translate}}" />
-            <input type="button" id="new-event-button" ng-click="n.go('/new-event')" class="btn btn-link" value="{{'Add event' | translate}}" />
-            <input type="button" id="persons-button" ng-click="n.go('/persons')" class="btn btn-link" value="{{'Persons' | translate}}" />
-            <input type="button" id="new-person-button" ng-click="n.go('/new-person')" class="btn btn-link" value="{{'Add person' | translate}}" />
-            <input type="button" id="import-persons-button" ng-click="n.go('/import-persons')" class="btn btn-link" value="{{'Import persons' | translate}}" />
+        <nav class="navbar navbar-default navbar-fixed-top">
+            <div class="container" ng-controller="NavigationCtrl as n">
+                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+                    <ul class="nav navbar-nav">
+                        <li><a ng-click="n.go('/events')">{{'Events' | translate}}</a></li>
+                        <li><a ng-click="n.go('/new-event')">{{'Add event' | translate}}</a></li>
+                        <li><a ng-click="n.go('/persons')">{{'Persons' | translate}}</a></li>
+                        <li><a ng-click="n.go('/new-person')">{{'Add person' | translate}}</a></li>
+                        <li><a ng-click="n.go('/import-persons')">{{'Import persons' | translate}}</a></li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+
+        <div class="main-header">
         </div>
 
         <!-- all the magic takes place here: the content inside the next div
@@ -52,5 +61,6 @@
 
         <div class="main-footer">
         </div>
+
     </body>
 </html>

+ 1 - 1
angular_app/persons-list.html

@@ -20,7 +20,7 @@
 </div>
 
 <div class="container">
-    <table class="table">
+    <table class="table table-striped">
         <thead>
             <tr>
                 <td><strong>Name</strong></td>

+ 3 - 0
static/css/eventman.css

@@ -1,4 +1,7 @@
 
+/* nav-bar padding */
+body { padding-top: 54px; }
+
 /* fix styling for empty href */
 .nav, .pagination, .carousel, .panel-title a { cursor: pointer; }