enhanced ui and layout

2018-10-14 14:59:48 +00:00
parent b669cab4a7
commit e8c5ffe502
16 changed files with 376 additions and 259 deletions
@@ -1,5 +1,25 @@
-<ul style='list-style-type: none; padding: 0'>
-    <li><a href='/bookings/year-{{ date('Y') }}'>Kassenbuch</a></li>
-    <li><a href='/people'>Personen</a></li>
-    <li><a href='/projects/'>Projekte</a></li>
-</ul>
+<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
+  <a class="navbar-brand" href="/" style="padding-top: 0;padding-bottom: 0;">
+    <img src='{{ asset('img/pollux_logo.png') }}' alt='Pollux logo' height="41px">
+  </a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item{{ setActive('bookings/year-'.date('Y')) }}">
+        <a class="nav-link" href="/bookings/year-{{ date('Y') }}">Kassenbuch</a>
+      </li>
+      <li class="nav-item{{ setActive('people') }}">
+        <a class="nav-link" href="/people">Personen</a>
+      </li>
+      <li class="nav-item{{ setActive('projects') }}">
+        <a class="nav-link" href="/projects">Projekte</a>
+      </li>
+    </ul>
+    <ul class="navbar-nav ml-auto">
+      @yield('subnav')
+    </ul>
+  </div>
+</nav>