From 7592bc4fa3a40df78c0558ece8215a9beb5d3912 Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Thu, 23 May 2019 11:58:26 +0200
Subject: [PATCH] new responsive nav

---
 config/config.php |  7 +-----
 cont/nav.php      | 57 ++++++++++++++++++++++++++++++++++++-----------
 cont/recipe.php   |  2 +-
 index.php         |  2 +-
 4 files changed, 47 insertions(+), 21 deletions(-)

diff --git a/config/config.php b/config/config.php
index 45ebdb2..0c1fa1c 100644
--- a/config/config.php
+++ b/config/config.php
@@ -1,11 +1,6 @@
 <?php 
 $CONFIG = array (
-  'installed' => true,
-  'host' => 'localhost',
-  'username' => 'shoppinglist',
-  'passwd' => 'Erfolg100%',
-  'database' => 'shoppinglist',
-  'theme' => 'default',
+  'installed' => false,
 );
 
 ?>
\ No newline at end of file
diff --git a/cont/nav.php b/cont/nav.php
index 411125c..ad0585b 100644
--- a/cont/nav.php
+++ b/cont/nav.php
@@ -1,16 +1,47 @@
-<nav class="navbar navbar-inverse bg-secondary rounded-bottom fixed-top">
-    <div class="container-fluid">
+<nav class="navbar navbar-expand-sm navbar-dark bg-dark rounded-bottom fixed-top">
+  <a class="navbar-brand" href="/">
+    <i class="fas fa-check-square w-auto"></i>
+    ShoppingList
+  </a>
 
-      <ul class="nav navbar-left">
-        <a class="navbar-brand text-light font-weight-bold p-2" href="/"><i class="fas fa-check-square w-auto"></i></a>
-        <a class="text-light font-weight-bold text-decoration-none p-2 ml-1" href="/list">Liste</a>
-        <a class="text-light font-weight-bold text-decoration-none p-2 ml-1" href="/recipes">Rezepte</a>
-      </ul>
+  <button class="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#navbarToggleResponsive" aria-controls="navbarToggleResponsive" aria-expanded="false" aria-label="Toggle navigation">
+    <i class="fas fa-bars"></i>
+  </button>
+  
+  <div class="collapse navbar-collapse">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item <?php if($site=="list"){print_r("active");} ?>">
+        <a class="nav-link" href="/list">Liste</a>
+      </li>
+      <li class="nav-item <?php if($site=="recipes"){print_r("active");} ?>">
+        <a class="nav-link" href="/recipes">Rezepte</a>
+      </li>
+    </ul>
+    <ul class="navbar-nav">
+      <li class="nav-item <?php if($site=="settings"){print_r("active");} ?>">
+        <a class="nav-link" href="/settings"><i class="fas fa-user-cog"></i></a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/php/logout.php"><i class="fas fa-sign-out-alt"></i></a>
+      </li>
+    </ul>
+  </div>
 
-      <ul class="nav navbar-right text-light">
-        <a class="fas fa-user-cog text-light text-decoration-none p-1" href="/settings"></a>
-        <a class="fas fa-sign-out-alt text-light text-decoration-none p-1" href="/php/logout.php" id='logout'></a>
-      </ul>
 
-    </div>
-</nav>
+  <div class="collapse w-75 pl-2" id="navbarToggleResponsive">
+    <ul class="navbar-nav mr-auto">
+      <li class="nav-item <?php if($site=="list"){print_r("active");} ?>">
+        <a class="nav-link" href="/list"><i class="fas fa-list"></i> Liste</a>
+      </li>
+      <li class="nav-item <?php if($site=="recipes"){print_r("active");} ?>">
+        <a class="nav-link" href="/recipes"><i class="fas fa-book"></i> Rezepte</a>
+      </li>
+      <li class="nav-item <?php if($site=="settings"){print_r("active");} ?>">
+        <a class="nav-link" href="/settings"><i class="fas fa-user-cog"></i> Einstellungen</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/php/logout.php"><i class="fas fa-sign-out-alt"></i> Logout</a>
+      </li>
+    </ul>
+  </div>
+</nav>
\ No newline at end of file
diff --git a/cont/recipe.php b/cont/recipe.php
index f63b911..2287063 100644
--- a/cont/recipe.php
+++ b/cont/recipe.php
@@ -6,7 +6,7 @@
   $recipe = $book->sites[0];
 ?>
 
-<div class="dropdown text-right mt-4">
+<div class="dropdown text-right mt-5">
   <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     Menü
   </button>
diff --git a/index.php b/index.php
index 38faf9d..f6992ae 100644
--- a/index.php
+++ b/index.php
@@ -55,7 +55,7 @@ $user->get_info($_COOKIE["token"]);
   if ($site && ($site != "login")) {
     include $_SESSION["docroot"] . '/cont/nav.php';
   }
-  echo '<div id="content" class="container pt-2">';
+  echo '<div id="content" class="container pt-4">';
   switch ($site) {
     case "login":
       include $_SESSION["docroot"] . '/cont/login.php';