From 05f0b0fbaef1cf27777ff0064cb18a214b5044f1 Mon Sep 17 00:00:00 2001
From: koksnuss <koksnuss@arcor.de>
Date: Thu, 21 May 2020 16:10:07 +0200
Subject: [PATCH] #32 add burger menu and move advanced options there

---
 coinmanager/coinc/static/coinc/styles.css     | 15 ++----
 .../coinc/templates/coinc/controlbar.html     | 48 +++++++++----------
 2 files changed, 28 insertions(+), 35 deletions(-)

diff --git a/coinmanager/coinc/static/coinc/styles.css b/coinmanager/coinc/static/coinc/styles.css
index 05e9391..ad566f4 100644
--- a/coinmanager/coinc/static/coinc/styles.css
+++ b/coinmanager/coinc/static/coinc/styles.css
@@ -99,10 +99,11 @@ div#buttons {
 div#advanced_options {
     position: fixed;
     z-index: 1030;
-    left: 0;
+    right: 0;
     border-top: 1px solid gray;
+    border-left: 1px solid gray;
     bottom: 63px;
-    width: 100%;
+    width: 200px;
     display: none;
     background-color: #f8f9fa !important;
 }
@@ -113,6 +114,7 @@ div#advanced_options > label {
     margin: 0;
     height: 44px;
     padding-top: 11px;
+    width: 100%;
 }
 
 div#advanced_options > label:first-child {
@@ -361,15 +363,6 @@ div.two_lines {
     body {
         font-size: 0.86rem;
     }
-
-    button.navbar_toggler {
-        display: block;
-        float: right
-    }
-    div#buttons {
-        display: none;
-    }
-
     table {
         width: 336px;
         table-layout: fixed;
diff --git a/coinmanager/coinc/templates/coinc/controlbar.html b/coinmanager/coinc/templates/coinc/controlbar.html
index 4f758fe..8a2565f 100644
--- a/coinmanager/coinc/templates/coinc/controlbar.html
+++ b/coinmanager/coinc/templates/coinc/controlbar.html
@@ -9,49 +9,49 @@
         {% csrf_token %}
 
         <!-- advanced options -->
-        <div id="advanced_options" class="fixed-bottom">
-          <label for="circulation">
-            <input id="circulation" type="text" value="Auflage">
-          </label>
-          <label for="buy_only" id="label_buy_only" class="buy_only">
-            <input id="buy_only" type="checkbox">
-            Kursmünze&nbsp;
-          </label>
-          <label for="checked" id="label_checked" class="checked">
-            <input id="checked" type="checkbox">
-            Überprüft, einsortiert&nbsp;
+        <div id="advanced_options">
+          <label for="exists" class="noexist">
+            <input id="exists" type="checkbox">
+            Existiert nicht
           </label>
           <label for="ec" id="label_ec" class="ec">
             <input id="ec" type="checkbox">
             Eurocollector 2002&nbsp;
           </label>
-          <label for="exists" class="noexist">
-            <input id="exists" type="checkbox">
-            Existiert nicht
+          <label for="checked" id="label_checked" class="checked">
+            <input id="checked" type="checkbox">
+            Überprüft, einsortiert&nbsp;
+          </label>
+          <label for="buy_only" id="label_buy_only" class="buy_only">
+            <input id="buy_only" type="checkbox">
+            Kursmünze&nbsp;
+          </label>
+          <label for="circulation">
+            Auflage
+            <input id="circulation" type="text" value="Auflage">
+          </label>
+          <label for="found_on">
+            Datum
+            <input type="text" name="found_on" id="found_on" value="{% now 'd.m.Y' %}">
+          </label>
+          <label for="found" id="found_label">
+            <input id="found" type="checkbox" checked="checked">
+            Gefunden
           </label>
         </div>
 
         <!-- main options -->
         <div id="navbar_toggler">
-          <label for="found" id="found_label">
-            <input id="found" type="checkbox" checked="checked">
-          </label>
           <label for="found_by">
             <select id="found_by" name="found_by" class="form-control">{% for user in users %}
               <option value="{{ user.name }}" color="{{ user.color }}">{{ user.name }}</option>{% endfor %}
             </select>
           </label>
-          <label for="found_on">
-            <input type="text" name="found_on" id="found_on" value="{% now 'd.m.Y' %}">
-          </label>
           <div id="buttons">
-            <button id="show_advanced_options" class="btn btn-secondary">+ Mehr</button>
             <button id="show_add_user" class="btn btn-secondary">+ Name</button>
             <button id="finish_edit" class="btn btn-success">Fertig</button>
+            <button id="show_advanced_options" class="btn btn-outline-primary" aria-controls="navbar_toggler" aria-expanded="false" aria-label="Toggle advanced options"><span class="navbar-toggler-icon"></span></button>
           </div>
-          <button class="navbar_toggler" type="button" data-toggle="collapse" data-target="#navbar_toggler" aria-controls="navbar_toggler" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-          </button>
         </div>
       </nav>