From bce8687fb2b32716f18d65d063b42ef0469aff91 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:36:29 +0200
Subject: [PATCH 01/39] added icon to list entries

---
 cont/list.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/cont/list.php b/cont/list.php
index 32fc1c4..35e0a15 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -32,6 +32,7 @@
             print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
             print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
             print_r("<div class='$div_item_name_classes'>$item->Name</div>");
+            print_r("<div class=''><i class='fas fa-angle-right'></i></div>");
         print_r("</div>");
       }
     ?>

From a2fdce434d6943615c6b485e5577187d691431f9 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:39:37 +0200
Subject: [PATCH 02/39] set alignment

---
 cont/list.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 35e0a15..c65b58d 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -15,6 +15,7 @@
       $input_item_checkbox_classes = "checkbox";
       $div_item_quantity_classes = "p-1 col-3";
       $div_item_name_classes = "p-1 font-weight-bold";
+      $div_item_menu = "p-1 align-self-end";
 
       foreach ($shopping->list as $index => $item) {
         if($index%2==0){$color_theme = "bg-primary";}
@@ -32,7 +33,7 @@
             print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
             print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
             print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-            print_r("<div class=''><i class='fas fa-angle-right'></i></div>");
+            print_r("<div class='$div_item_menu'><i class='fas fa-angle-right'></i></div>");
         print_r("</div>");
       }
     ?>

From 75f793ca4691887bb88efab3d71e7b73c8e3a4d4 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:42:07 +0200
Subject: [PATCH 03/39] button?

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index c65b58d..2fd2d11 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -33,7 +33,7 @@
             print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
             print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
             print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-            print_r("<div class='$div_item_menu'><i class='fas fa-angle-right'></i></div>");
+            print_r("<button class='fas fa-angle-right $div_item_menu'></button>");
         print_r("</div>");
       }
     ?>

From cda3c652a21a295256794e61739c2e53e1e599e4 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:42:42 +0200
Subject: [PATCH 04/39] a

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 2fd2d11..bf6d008 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -33,7 +33,7 @@
             print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
             print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
             print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-            print_r("<button class='fas fa-angle-right $div_item_menu'></button>");
+            print_r("<a class='fas fa-angle-right $div_item_menu'></a>");
         print_r("</div>");
       }
     ?>

From 3cc522da14a48d508178d6215cd3e06b3d55ce00 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:43:17 +0200
Subject: [PATCH 05/39] #

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index bf6d008..a52c143 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -33,7 +33,7 @@
             print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
             print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
             print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-            print_r("<a class='fas fa-angle-right $div_item_menu'></a>");
+            print_r("<a href='#' class='fas fa-angle-right $div_item_menu'></a>");
         print_r("</div>");
       }
     ?>

From d5ad8f2fdc2e53bfbc3f584c5a60fc5d2ade33bc Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:44:23 +0200
Subject: [PATCH 06/39] remove classes

---
 cont/list.php | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index a52c143..c9c365c 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -15,7 +15,6 @@
       $input_item_checkbox_classes = "checkbox";
       $div_item_quantity_classes = "p-1 col-3";
       $div_item_name_classes = "p-1 font-weight-bold";
-      $div_item_menu = "p-1 align-self-end";
 
       foreach ($shopping->list as $index => $item) {
         if($index%2==0){$color_theme = "bg-primary";}
@@ -33,7 +32,7 @@
             print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
             print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
             print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-            print_r("<a href='#' class='fas fa-angle-right $div_item_menu'></a>");
+            print_r("<i href='#' class='fas fa-angle-right'></i>");
         print_r("</div>");
       }
     ?>

From 942bdd6918f478cfbed7c6c17fa22804e5640099 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:50:15 +0200
Subject: [PATCH 07/39] add mll-auto to dropdown arrows

---
 cont/list.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index c9c365c..ee34d0c 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -15,6 +15,7 @@
       $input_item_checkbox_classes = "checkbox";
       $div_item_quantity_classes = "p-1 col-3";
       $div_item_name_classes = "p-1 font-weight-bold";
+      $div_item_menu = "ml-auto mr-2";
 
       foreach ($shopping->list as $index => $item) {
         if($index%2==0){$color_theme = "bg-primary";}
@@ -32,7 +33,7 @@
             print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
             print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
             print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-            print_r("<i href='#' class='fas fa-angle-right'></i>");
+            print_r("<i href='#' class='fas fa-angle-right $div_item_menu'></i>");
         print_r("</div>");
       }
     ?>

From cd4b68b8e719ee83bbe4b5d0fa14c57928e42bd9 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:00:18 +0200
Subject: [PATCH 08/39] wrapped i in dic

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index ee34d0c..b12f13c 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -33,7 +33,7 @@
             print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
             print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
             print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-            print_r("<i href='#' class='fas fa-angle-right $div_item_menu'></i>");
+            print_r("<div class='$div_item_menu'><i class='fas fa-angle-right'></i></div>");
         print_r("</div>");
       }
     ?>

From e031f29633d8f98df6e47c159fce0e9477540e3a Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:02:06 +0200
Subject: [PATCH 09/39] formatting added id to icon for dropdown referencing

---
 cont/list.php | 70 ++++++++++++++++++++++++++++-----------------------
 1 file changed, 38 insertions(+), 32 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index b12f13c..62d8246 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -6,36 +6,38 @@
   <form action="api/list/new" method="post" class="d-flex flex-column">
     <button type="button" id="remove" class="btn btn-primary align-self-end mt-4">Auswahl entfernen</button>
     <?php
-      include $_SESSION["docroot"].'/php/classes.list.php';
-      $units = new units;
-      $shopping = new shopping;
+    include $_SESSION["docroot"] . '/php/classes.list.php';
+    $units = new units;
+    $shopping = new shopping;
 
-      $div_item_row_classes = "d-flex flex-row justify-content-start align-items-center rounded-lg mt-1 text-light";
-      $div_item_checkbox_classes = "align-self-center p-1 pl-2";
-      $input_item_checkbox_classes = "checkbox";
-      $div_item_quantity_classes = "p-1 col-3";
-      $div_item_name_classes = "p-1 font-weight-bold";
-      $div_item_menu = "ml-auto mr-2";
+    $div_item_row_classes = "d-flex flex-row justify-content-start align-items-center rounded-lg mt-1 text-light";
+    $div_item_checkbox_classes = "align-self-center p-1 pl-2";
+    $input_item_checkbox_classes = "checkbox";
+    $div_item_quantity_classes = "p-1 col-3";
+    $div_item_name_classes = "p-1 font-weight-bold";
+    $div_item_menu = "ml-auto mr-2";
 
-      foreach ($shopping->list as $index => $item) {
-        if($index%2==0){$color_theme = "bg-primary";}
-        else{$color_theme = "bg-secondary";}
-        if($item->Erledigt){
-          $div_item_row_color_classes = "bg-success";
-          $checked = "checked";
-        }
-        else{
-          $div_item_row_color_classes = $color_theme;
-          $checked = "";
-        }
-
-        print_r("<div class='list-row $div_item_row_classes $div_item_row_color_classes'>");
-            print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
-            print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
-            print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-            print_r("<div class='$div_item_menu'><i class='fas fa-angle-right'></i></div>");
-        print_r("</div>");
+    foreach ($shopping->list as $index => $item) {
+      if ($index % 2 == 0) {
+        $color_theme = "bg-primary";
+      } else {
+        $color_theme = "bg-secondary";
       }
+      if ($item->Erledigt) {
+        $div_item_row_color_classes = "bg-success";
+        $checked = "checked";
+      } else {
+        $div_item_row_color_classes = $color_theme;
+        $checked = "";
+      }
+
+      print_r("<div class='list-row $div_item_row_classes $div_item_row_color_classes'>");
+      print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
+      print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
+      print_r("<div class='$div_item_name_classes'>$item->Name</div>");
+      print_r("<div class='$div_item_menu'><i class='fas fa-angle-right dropdown-toggle' id='dropdownMenuButtonDataID" . $item->ID . "'></i></div>");
+      print_r("</div>");
+    }
     ?>
 
     <div class="input-group mb-3 mt-3" data-id='new'>
@@ -43,18 +45,22 @@
         <input type='number' name='anzahl' value='1' class='w-50'>
         <select class="w-50" name="einheit">
           <?php
-            foreach ($units->list as $index => $unit) {
-              if($unit->Standard){$selected="selected";}else{$selected=NULL;}
-              print_r("<option value='$unit->ID' $selected>$unit->Name</option>");
+          foreach ($units->list as $index => $unit) {
+            if ($unit->Standard) {
+              $selected = "selected";
+            } else {
+              $selected = NULL;
             }
+            print_r("<option value='$unit->ID' $selected>$unit->Name</option>");
+          }
           ?>
         </select>
       </div>
-      <input type="text" name='name' class="form-control" id="nameField" placeholder="Item" aria-label="Item" aria-describedby="button-addon2"  autocomplete='off' required>
+      <input type="text" name='name' class="form-control" id="nameField" placeholder="Item" aria-label="Item" aria-describedby="button-addon2" autocomplete='off' required>
       <div class="input-group-append">
         <button class="btn btn-outline-secondary" type="submit" id="button-addon2"><i class="fas fa-plus"></i></button>
       </div>
     </div>
 
   </form>
-</div>
+</div>
\ No newline at end of file

From 6aae6e38236716751580cecd76e18c1a8475d87d Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:06:54 +0200
Subject: [PATCH 10/39] chamged arrow to pen

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 62d8246..7307b53 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -35,7 +35,7 @@
       print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
       print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
       print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-      print_r("<div class='$div_item_menu'><i class='fas fa-angle-right dropdown-toggle' id='dropdownMenuButtonDataID" . $item->ID . "'></i></div>");
+      print_r("<div class='$div_item_menu'><i class='fas fa-pen dropdown-toggle' id='dropdownMenuButtonDataID" . $item->ID . "'></i></div>");
       print_r("</div>");
     }
     ?>

From a935884f28264e525e1a6b4954352085cd1f3147 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:10:23 +0200
Subject: [PATCH 11/39] added dropdown

---
 cont/list.php | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 7307b53..cd85bb6 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -35,7 +35,12 @@
       print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
       print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
       print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-      print_r("<div class='$div_item_menu'><i class='fas fa-pen dropdown-toggle' id='dropdownMenuButtonDataID" . $item->ID . "'></i></div>");
+      print_r("<div class='$div_item_menu'><i class='fas fa-angle-right' id='dropdownMenuButtonDataID" . $item->ID . "'></i></div>");
+        print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID" . $item->ID . "'>");
+          print_r("<a class='dropdown-item' href='#'>Action</a>");
+          print_r("<a class='dropdown-item' href='#'>Another action</a>");
+          print_r("<a class='dropdown-item' href='#'>Something else here</a>");
+        print_r("</div>");
       print_r("</div>");
     }
     ?>

From c5772e3e502e90915a1c08eafd461b4bb30ae797 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:13:26 +0200
Subject: [PATCH 12/39] fixed dropdown

---
 cont/list.php | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index cd85bb6..32d4a48 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -32,14 +32,16 @@
       }
 
       print_r("<div class='list-row $div_item_row_classes $div_item_row_color_classes'>");
-      print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
-      print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
-      print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-      print_r("<div class='$div_item_menu'><i class='fas fa-angle-right' id='dropdownMenuButtonDataID" . $item->ID . "'></i></div>");
-        print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID" . $item->ID . "'>");
-          print_r("<a class='dropdown-item' href='#'>Action</a>");
-          print_r("<a class='dropdown-item' href='#'>Another action</a>");
-          print_r("<a class='dropdown-item' href='#'>Something else here</a>");
+        print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
+        print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
+        print_r("<div class='$div_item_name_classes'>$item->Name</div>");
+        print_r("<div class='$div_item_menu'>");
+          print_r("<i class='fas fa-angle-right' id='dropdownMenuButtonDataID" . $item->ID . "'></i>");
+          print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID" . $item->ID . "'>");
+            print_r("<button class='dropdown-item'>Action</button>");
+            print_r("<button class='dropdown-item'>Another action</button>");
+            print_r("<button class='dropdown-item'>Something else here</button>");
+          print_r("</div>");
         print_r("</div>");
       print_r("</div>");
     }

From 9af3802612012341fd90cbc5141a515f8657f904 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:13:59 +0200
Subject: [PATCH 13/39] h

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 32d4a48..31382f1 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -36,7 +36,7 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu'>");
-          print_r("<i class='fas fa-angle-right' id='dropdownMenuButtonDataID" . $item->ID . "'></i>");
+          print_r("<i class='fas fa-angle-right dropdown-toggle' id='dropdownMenuButtonDataID" . $item->ID . "'></i>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");
             print_r("<button class='dropdown-item'>Another action</button>");

From e2d2690965185ab21df2ac6818ac2084127fe5a9 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:17:39 +0200
Subject: [PATCH 14/39] button for dropdown

---
 cont/list.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index 31382f1..0c43a24 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -36,8 +36,8 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu'>");
-          print_r("<i class='fas fa-angle-right dropdown-toggle' id='dropdownMenuButtonDataID" . $item->ID . "'></i>");
-          print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID" . $item->ID . "'>");
+          print_r("<button class='dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>more...</button>");
+          print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");
             print_r("<button class='dropdown-item'>Another action</button>");
             print_r("<button class='dropdown-item'>Something else here</button>");

From e8a0d0ce7e283282e32074ea4b0c42b637909b5d Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:18:28 +0200
Subject: [PATCH 15/39] d

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 0c43a24..e5c97ef 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -36,7 +36,7 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu'>");
-          print_r("<button class='dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>more...</button>");
+          print_r("<button class='btn btn-primary dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>more...</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");
             print_r("<button class='dropdown-item'>Another action</button>");

From 4ba89ce9734212cc880ab81c3645272e2882158e Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:19:56 +0200
Subject: [PATCH 16/39] button theme

---
 cont/list.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index e5c97ef..bef7864 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -20,8 +20,10 @@
     foreach ($shopping->list as $index => $item) {
       if ($index % 2 == 0) {
         $color_theme = "bg-primary";
+        $button_theme = "btn-primary";
       } else {
         $color_theme = "bg-secondary";
+        $button_theme = "btn-secondary";
       }
       if ($item->Erledigt) {
         $div_item_row_color_classes = "bg-success";
@@ -36,7 +38,7 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu'>");
-          print_r("<button class='btn btn-primary dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>more...</button>");
+          print_r("<button class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>more...</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");
             print_r("<button class='dropdown-item'>Another action</button>");

From dbc128e984c41d0c96afe639cf6fe286edff57e0 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:20:41 +0200
Subject: [PATCH 17/39] try with space as button text

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index bef7864..32b0116 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -38,7 +38,7 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu'>");
-          print_r("<button class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>more...</button>");
+          print_r("<button class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'> </button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");
             print_r("<button class='dropdown-item'>Another action</button>");

From 21d40c147531f242c0e8301dedeebe4d53dd2a55 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:21:34 +0200
Subject: [PATCH 18/39] ...

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 32b0116..aad9f0e 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -38,7 +38,7 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu'>");
-          print_r("<button class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'> </button>");
+          print_r("<button class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>...</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");
             print_r("<button class='dropdown-item'>Another action</button>");

From 9d44b418132fca2d4ce22092cc3559ff3a2d10bf Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:22:58 +0200
Subject: [PATCH 19/39] add dropdown to surrounding div

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index aad9f0e..69f3529 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -37,7 +37,7 @@
         print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
-        print_r("<div class='$div_item_menu'>");
+        print_r("<div class='$div_item_menu dropdown'>");
           print_r("<button class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>...</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");

From c21a3cdaf8261c22f1079588b37d956056785e6f Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:26:43 +0200
Subject: [PATCH 20/39] a

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 69f3529..74f9632 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -38,7 +38,7 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
-          print_r("<button class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>...</button>");
+          print_r("<a class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>...</a>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");
             print_r("<button class='dropdown-item'>Another action</button>");

From e4e230a244f78bf613ef0ac22560febc9805f0b5 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:30:36 +0200
Subject: [PATCH 21/39] added the fucking properties

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 74f9632..d7b6418 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -38,7 +38,7 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
-          print_r("<a class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "'>...</a>");
+          print_r("<button type='button' class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>...</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");
             print_r("<button class='dropdown-item'>Another action</button>");

From befb8b7c242373b15b43045f09af87ab24c67f96 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:32:05 +0200
Subject: [PATCH 22/39] added some formatting

---
 cont/list.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index d7b6418..1c875b2 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -38,7 +38,9 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
-          print_r("<button type='button' class='btn $button_theme pt-0 pb-0 dropdown-toggle' id='dropdownMenuButtonDataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>...</button>");
+          print_r("<button type='button' class='btn $button_theme pt-0 pb-0' id='dropdownMenuButtonDataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
+            print_r("...");
+          print_r("</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");
             print_r("<button class='dropdown-item'>Another action</button>");

From dd1ee64c6cef40b781067e94f641f6fa0780c70e Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:33:01 +0200
Subject: [PATCH 23/39] added the angle right icon again

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 1c875b2..c7bd267 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -39,7 +39,7 @@
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
           print_r("<button type='button' class='btn $button_theme pt-0 pb-0' id='dropdownMenuButtonDataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
-            print_r("...");
+            print_r("<i class='fas fa-angle-right'></i>");
           print_r("</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'>Action</button>");

From f4dd755552523902a67f0c21d1dc8236b44095a8 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:37:08 +0200
Subject: [PATCH 24/39] added correct messages, and icons

---
 cont/list.php | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index c7bd267..0a7319a 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -39,12 +39,11 @@
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
           print_r("<button type='button' class='btn $button_theme pt-0 pb-0' id='dropdownMenuButtonDataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
-            print_r("<i class='fas fa-angle-right'></i>");
+            print_r("<i class='fas fa-ellipsis-v'></i>");
           print_r("</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
-            print_r("<button class='dropdown-item'>Action</button>");
-            print_r("<button class='dropdown-item'>Another action</button>");
-            print_r("<button class='dropdown-item'>Something else here</button>");
+            print_r("<button class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
+            print_r("<button class='dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
           print_r("</div>");
         print_r("</div>");
       print_r("</div>");

From 673359f89d17e10dcc1cc1a07d85d826754cc1c0 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:38:06 +0200
Subject: [PATCH 25/39] angle-down

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 0a7319a..fd73909 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -39,7 +39,7 @@
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
           print_r("<button type='button' class='btn $button_theme pt-0 pb-0' id='dropdownMenuButtonDataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
-            print_r("<i class='fas fa-ellipsis-v'></i>");
+            print_r("<i class='fas fa-angle-down'></i>");
           print_r("</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");

From 9a87e880072f9b85bb5cdc2061d9aca9a69eea86 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:38:53 +0200
Subject: [PATCH 26/39] alert on delete

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index fd73909..8d167ca 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -43,7 +43,7 @@
           print_r("</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
-            print_r("<button class='dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
+            print_r("<button class='dropdown-item alert alert-danger'><i class='fas fa-trash-alt'></i> Löschen</button>");
           print_r("</div>");
         print_r("</div>");
       print_r("</div>");

From 76b2b40014c633826c1300a4f8bb7fc20dba9584 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:39:59 +0200
Subject: [PATCH 27/39] remove alert, looks shitt<

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 8d167ca..fd73909 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -43,7 +43,7 @@
           print_r("</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
             print_r("<button class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
-            print_r("<button class='dropdown-item alert alert-danger'><i class='fas fa-trash-alt'></i> Löschen</button>");
+            print_r("<button class='dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
           print_r("</div>");
         print_r("</div>");
       print_r("</div>");

From 6416e8011e12a6244ab3059f78266b4754a85337 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:41:54 +0200
Subject: [PATCH 28/39] added type button to button, to prevent submitting form

---
 cont/list.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index fd73909..ae9b466 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -42,8 +42,8 @@
             print_r("<i class='fas fa-angle-down'></i>");
           print_r("</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
-            print_r("<button class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
-            print_r("<button class='dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
+            print_r("<button type='button' class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
+            print_r("<button type='button' class='dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
           print_r("</div>");
         print_r("</div>");
       print_r("</div>");

From 0ac5bffcd9be082aff842532d7214441f2627251 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:49:12 +0200
Subject: [PATCH 29/39] tset, button change color with parent element

---
 cont/list.php | 6 +++---
 js/list.js    | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index ae9b466..4296707 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -34,14 +34,14 @@
       }
 
       print_r("<div class='list-row $div_item_row_classes $div_item_row_color_classes'>");
-        print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
+        print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-buttoncolor='$button_theme' data-color='$color_theme' data-id='$item->ID' $checked></div>");
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
-          print_r("<button type='button' class='btn $button_theme pt-0 pb-0' id='dropdownMenuButtonDataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
+          print_r("<button type='button' class='dropdown-menu-button btn $button_theme pt-0 pb-0' id='dropdown-menu-button-dataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
             print_r("<i class='fas fa-angle-down'></i>");
           print_r("</button>");
-          print_r("<div class='dropdown-menu' aria-labelledby='dropdownMenuButtonDataID-" . $item->ID . "'>");
+          print_r("<div class='dropdown-menu' aria-labelledby='dropdown-menu-button-dataID-" . $item->ID . "'>");
             print_r("<button type='button' class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
             print_r("<button type='button' class='dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
           print_r("</div>");
diff --git a/js/list.js b/js/list.js
index d1ff10c..f39f8f2 100644
--- a/js/list.js
+++ b/js/list.js
@@ -49,15 +49,21 @@ function checkItem() {
     success: function () {
       var dataIdSelector = (`[data-id='${dataId}']`);
       var color = $(dataIdSelector).data("color");
+      var buttoncolor = $(dataIdSelector).data("buttoncolor");
       $(dataIdSelector).parent().parent().removeClass("bg-danger");
+      $(dataIdSelector).parent().parent().find(".dropdown-menu-button").removeClass("btn-danger");
 
       if($(dataIdSelector).prop("checked")){
         $(dataIdSelector).parent().parent().removeClass(color);
         $(dataIdSelector).parent().parent().addClass("bg-success");
+        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").removeClass(buttoncolor);
+        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").addClass("btn-success");
       }
       else{
         $(dataIdSelector).parent().parent().removeClass("bg-success");
         $(dataIdSelector).parent().parent().addClass(color);
+        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").addClass(buttoncolor);
+        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").removeClass("btn-success");
       }
     },
     error: function () {

From 53c4012cb021ba09236fcdd89061623c0b8b23b7 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 18:58:08 +0200
Subject: [PATCH 30/39] butten tests

---
 cont/list.php    | 5 ++++-
 style/helper.css | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 4296707..f0783f5 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -16,6 +16,7 @@
     $div_item_quantity_classes = "p-1 col-3";
     $div_item_name_classes = "p-1 font-weight-bold";
     $div_item_menu = "ml-auto mr-2";
+    $button_dropdown_classes = "dropdown-menu-button btn pt-0 pb-0";
 
     foreach ($shopping->list as $index => $item) {
       if ($index % 2 == 0) {
@@ -27,9 +28,11 @@
       }
       if ($item->Erledigt) {
         $div_item_row_color_classes = "bg-success";
+        $button_dropdown_color_classes = "btn-success";
         $checked = "checked";
       } else {
         $div_item_row_color_classes = $color_theme;
+        $button_dropdown_color_classes = $button_theme;
         $checked = "";
       }
 
@@ -38,7 +41,7 @@
         print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='$div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
-          print_r("<button type='button' class='dropdown-menu-button btn $button_theme pt-0 pb-0' id='dropdown-menu-button-dataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
+          print_r("<button type='button' class='$button_dropdown_classes $button_dropdown_color_classes' id='dropdown-menu-button-dataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
             print_r("<i class='fas fa-angle-down'></i>");
           print_r("</button>");
           print_r("<div class='dropdown-menu' aria-labelledby='dropdown-menu-button-dataID-" . $item->ID . "'>");
diff --git a/style/helper.css b/style/helper.css
index ea7e18e..f824437 100644
--- a/style/helper.css
+++ b/style/helper.css
@@ -8,6 +8,10 @@
     transition: .5s;
 }
 
+.dropdown-menu-button {
+    transition: .5s;
+}
+
 .nav-link-font {
     font-size: 16px !important;
 }
\ No newline at end of file

From fae3c0a9f9af603a0f708e6e8ff0a08a811752ab Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 19:01:43 +0200
Subject: [PATCH 31/39] dropdown alignment

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index f0783f5..62c0e01 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -44,7 +44,7 @@
           print_r("<button type='button' class='$button_dropdown_classes $button_dropdown_color_classes' id='dropdown-menu-button-dataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
             print_r("<i class='fas fa-angle-down'></i>");
           print_r("</button>");
-          print_r("<div class='dropdown-menu' aria-labelledby='dropdown-menu-button-dataID-" . $item->ID . "'>");
+          print_r("<div class='dropdown-menu dropdown-menu-right' aria-labelledby='dropdown-menu-button-dataID-" . $item->ID . "'>");
             print_r("<button type='button' class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
             print_r("<button type='button' class='dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
           print_r("</div>");

From 950a6ac8be10d0c793c244329312e0097a2c9bc0 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 17:27:47 +0000
Subject: [PATCH 32/39] Add form-control to list newitem

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 62c0e01..77e70ea 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -56,7 +56,7 @@
     <div class="input-group mb-3 mt-3" data-id='new'>
       <div class="input-group-prepend col-3 p-0">
         <input type='number' name='anzahl' value='1' class='w-50'>
-        <select class="w-50" name="einheit">
+        <select class="form-control w-50" name="einheit">
           <?php
           foreach ($units->list as $index => $unit) {
             if ($unit->Standard) {

From 079a949dfe1b6fd2fd33106a581c56bffcba0a1b Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 19:40:48 +0200
Subject: [PATCH 33/39] form-control

---
 cont/list.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cont/list.php b/cont/list.php
index 77e70ea..f8578d2 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -55,7 +55,7 @@
 
     <div class="input-group mb-3 mt-3" data-id='new'>
       <div class="input-group-prepend col-3 p-0">
-        <input type='number' name='anzahl' value='1' class='w-50'>
+        <input type='number' name='anzahl' value='1' class='form-control w-50'>
         <select class="form-control w-50" name="einheit">
           <?php
           foreach ($units->list as $index => $unit) {

From 6cc7c7da5a4a4d3d9a42b60a75079c31a3fdbe18 Mon Sep 17 00:00:00 2001
From: Tim Krehan <mail@timkrehan.de>
Date: Sun, 26 May 2019 19:43:27 +0200
Subject: [PATCH 34/39] added margin to form-control

---
 cont/list.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index f8578d2..9c57aad 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -55,8 +55,8 @@
 
     <div class="input-group mb-3 mt-3" data-id='new'>
       <div class="input-group-prepend col-3 p-0">
-        <input type='number' name='anzahl' value='1' class='form-control w-50'>
-        <select class="form-control w-50" name="einheit">
+        <input type='number' name='anzahl' value='1' class='form-control w-50 mr-1'>
+        <select class="form-control w-50 mr-1" name="einheit">
           <?php
           foreach ($units->list as $index => $unit) {
             if ($unit->Standard) {

From 0531f3be61185594b5486fd13a0de24f4a76a750 Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Mon, 27 May 2019 08:50:20 +0200
Subject: [PATCH 35/39] fix sketch theme

---
 style/themes/sketchy.css | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/style/themes/sketchy.css b/style/themes/sketchy.css
index 7a65cd7..6c0bdbd 100644
--- a/style/themes/sketchy.css
+++ b/style/themes/sketchy.css
@@ -7095,26 +7095,27 @@ select.form-control {
 
 [type="checkbox"] {
   position: relative;
+  -webkit-appearance: none;
   appearance: none;
   cursor: pointer; }
   [type="checkbox"]:before {
     content: "";
-    position: absolute;
-    left: -1.2em;
-    top: -0.9em;
+    /* position: absolute; */
+    /* left: -1.2em; */
+    /* top: -0.9em; */
     display: inline-block;
     width: 15px;
     height: 16px;
-    border: 2px solid #333;
+    border: 2px solid #fff;
     border-radius: 2px 8px 2px 4px / 5px 3px 5px 3px; }
   [type="checkbox"]:checked:after {
     content: "x";
     position: absolute;
-    left: -0.64em;
-    top: -0.48em;
+    left: 3px;
+    /* top: -0.48em; */
     font-size: 1.5rem;
     line-height: 0.5;
-    color: #333; }
+    color: #fff; }
   [type="checkbox"]:disabled:before {
     border: 2px solid #aaa; }
 

From 1d1e6cf6a5c24dfdb7034f091cbcaeab312e2af4 Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Mon, 27 May 2019 10:01:18 +0200
Subject: [PATCH 36/39] update readme to shoutout to browserstack (as they give
 opensource free unlimited testing)

---
 README.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/README.md b/README.md
index bd52972..0109ddd 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,9 @@
+# Shoutout!
+We Use BrowserStack for cross browser testing, as it provides full testing capabillities within one application.
+
+[ ![BrowserStack](https://live.browserstack.com/favicon.ico) BrowserStack](https://www.browserstack.com)
+
+
 # Requirements
 
 ## Apache Modules:

From b6b4358157cf220f7f900065f4e9cb90a4bfda91 Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Tue, 28 May 2019 09:12:47 +0200
Subject: [PATCH 37/39] implemented remove item

---
 cont/list.php        |  8 ++++----
 js/list.js           | 31 +++++++++++++++++++++++++++----
 php/classes.list.php |  9 +++++++++
 php/edit-list.php    |  4 ++++
 4 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index 9c57aad..2d87d95 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -38,15 +38,15 @@
 
       print_r("<div class='list-row $div_item_row_classes $div_item_row_color_classes'>");
         print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-buttoncolor='$button_theme' data-color='$color_theme' data-id='$item->ID' $checked></div>");
-        print_r("<div class='$div_item_quantity_classes'>$item->Anzahl $item->Einheit</div>");
-        print_r("<div class='$div_item_name_classes'>$item->Name</div>");
+        print_r("<div class='list-row-amount $div_item_quantity_classes' data-amount='$item->Anzahl' data-unit='$item->Einheit'>$item->Anzahl $item->Einheit</div>");
+        print_r("<div class='list-row-name $div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
           print_r("<button type='button' class='$button_dropdown_classes $button_dropdown_color_classes' id='dropdown-menu-button-dataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
             print_r("<i class='fas fa-angle-down'></i>");
           print_r("</button>");
           print_r("<div class='dropdown-menu dropdown-menu-right' aria-labelledby='dropdown-menu-button-dataID-" . $item->ID . "'>");
-            print_r("<button type='button' class='dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
-            print_r("<button type='button' class='dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
+            print_r("<button type='button' class='edit-listitem dropdown-item'><i class='fas fa-edit'></i> Bearbeiten</button>");
+            print_r("<button type='button' class='del-listitem dropdown-item'><i class='fas fa-trash-alt'></i> Löschen</button>");
           print_r("</div>");
         print_r("</div>");
       print_r("</div>");
diff --git a/js/list.js b/js/list.js
index f39f8f2..ff115a9 100644
--- a/js/list.js
+++ b/js/list.js
@@ -5,6 +5,8 @@ $(document).ready(function () {
   $("#nameField").focus();
   $("#anzahl").on("focus", function () { $(this).select(); });
   $("#nameField").on("focus", function () { $(this).select(); });
+  $(".edit-listitem").click(editItem);
+  $(".del-listitem").click(deleteSingleItem);
 });
 
 function highlightNewEntry(){
@@ -27,16 +29,37 @@ function highlightNewEntry(){
 
 function deleteCheckeditems() {
   $.post({
-    url: "api/list/del",
-    data: {
-      function: "del"
-    },
+    url: "api/list/clear",
     success: function () {
       location.reload();
     }
   });
 }
 
+function deleteSingleItem() {
+  var id = $(this).parent().parent().parent().find("input[type=checkbox]").data("id");
+  $.post({
+    url: "api/list/del",
+    data: {
+      id: id
+    },
+    success: function (data) {
+      location.reload();
+    }
+  });
+}
+
+function editItem(){
+  var row = $(this).parent().parent().parent();
+  var amount = row.find(".list-row-amount").data("amount");
+  var unit = row.find(".list-row-amount").data("unit");
+  var name = row.find(".list-row-name").html();
+  row.find(".list-row-amount").html("");
+  row.find(".list-row-name").html("");
+  row.find(".list-row-amount").append("");
+  row.find(".list-row-name").append('<input type="text" class="form-control" autocomplete="off" value="'+name+'" required>');
+}
+
 function checkItem() {
   var dataId = $(this).data("id");
   $.post({
diff --git a/php/classes.list.php b/php/classes.list.php
index f6c0e3a..74c22f5 100644
--- a/php/classes.list.php
+++ b/php/classes.list.php
@@ -52,6 +52,15 @@
       }
     }
 
+    function removeSingleItem($id){
+      include $_SESSION["docroot"].'/config/config.php';
+      include $_SESSION["docroot"].'/php/connect.php';
+      $deleteQuery = $mysqli->prepare("DELETE FROM `Einkauf` WHERE `Einkauf`.`ID` = ?;");
+      $deleteQuery->bind_param("s", $id);
+      $deleteQuery->execute();
+      $mysqli->close();
+    }
+
     function removeChecked(){
       include $_SESSION["docroot"].'/config/config.php';
       include $_SESSION["docroot"].'/php/connect.php';
diff --git a/php/edit-list.php b/php/edit-list.php
index 76dff09..eb5a4f6 100644
--- a/php/edit-list.php
+++ b/php/edit-list.php
@@ -14,6 +14,10 @@
       break;
 
     case 'del':
+      $shopping->removeSingleItem($_POST["id"]);
+      break;
+
+    case 'clear':
       $shopping->removeChecked();
       break;
 

From 467960037f00bf2b7faef29b19e7601393dd5003 Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Tue, 28 May 2019 12:04:14 +0200
Subject: [PATCH 38/39] edit list entry

---
 cont/list.php    | 12 ++++--------
 js/list.js       | 24 +++++++++++++++++-------
 style/helper.css |  3 +++
 3 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/cont/list.php b/cont/list.php
index 2d87d95..167fa62 100644
--- a/cont/list.php
+++ b/cont/list.php
@@ -16,32 +16,28 @@
     $div_item_quantity_classes = "p-1 col-3";
     $div_item_name_classes = "p-1 font-weight-bold";
     $div_item_menu = "ml-auto mr-2";
-    $button_dropdown_classes = "dropdown-menu-button btn pt-0 pb-0";
+    $button_dropdown_classes = "dropdown-menu-button btn text-light pt-0 pb-0";
 
     foreach ($shopping->list as $index => $item) {
       if ($index % 2 == 0) {
         $color_theme = "bg-primary";
-        $button_theme = "btn-primary";
       } else {
         $color_theme = "bg-secondary";
-        $button_theme = "btn-secondary";
       }
       if ($item->Erledigt) {
         $div_item_row_color_classes = "bg-success";
-        $button_dropdown_color_classes = "btn-success";
         $checked = "checked";
       } else {
         $div_item_row_color_classes = $color_theme;
-        $button_dropdown_color_classes = $button_theme;
         $checked = "";
       }
 
       print_r("<div class='list-row $div_item_row_classes $div_item_row_color_classes'>");
-        print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-buttoncolor='$button_theme' data-color='$color_theme' data-id='$item->ID' $checked></div>");
+        print_r("<div class='$div_item_checkbox_classes'><input type='checkbox' class='$input_item_checkbox_classes' data-color='$color_theme' data-id='$item->ID' $checked></div>");
         print_r("<div class='list-row-amount $div_item_quantity_classes' data-amount='$item->Anzahl' data-unit='$item->Einheit'>$item->Anzahl $item->Einheit</div>");
         print_r("<div class='list-row-name $div_item_name_classes'>$item->Name</div>");
         print_r("<div class='$div_item_menu dropdown'>");
-          print_r("<button type='button' class='$button_dropdown_classes $button_dropdown_color_classes' id='dropdown-menu-button-dataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
+          print_r("<button type='button' class='$button_dropdown_classes' id='dropdown-menu-button-dataID-" . $item->ID . "' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>");
             print_r("<i class='fas fa-angle-down'></i>");
           print_r("</button>");
           print_r("<div class='dropdown-menu dropdown-menu-right' aria-labelledby='dropdown-menu-button-dataID-" . $item->ID . "'>");
@@ -55,7 +51,7 @@
 
     <div class="input-group mb-3 mt-3" data-id='new'>
       <div class="input-group-prepend col-3 p-0">
-        <input type='number' name='anzahl' value='1' class='form-control w-50 mr-1'>
+        <input type='number' name='anzahl' value='1' step=".25" class='form-control w-50 mr-1'>
         <select class="form-control w-50 mr-1" name="einheit">
           <?php
           foreach ($units->list as $index => $unit) {
diff --git a/js/list.js b/js/list.js
index ff115a9..7408391 100644
--- a/js/list.js
+++ b/js/list.js
@@ -54,10 +54,25 @@ function editItem(){
   var amount = row.find(".list-row-amount").data("amount");
   var unit = row.find(".list-row-amount").data("unit");
   var name = row.find(".list-row-name").html();
+
   row.find(".list-row-amount").html("");
+  row.find(".list-row-amount").addClass("d-flex", "flex-row");
+  var options = $("[data-id='new']").find("select").html();
+  row.find(".list-row-amount").append(
+    '<input type="number" class="form-control w-50 mr-1" step=".25" value="' + amount +'" required>'
+  ).append(
+    '<select class="form-control w-50 mr-1">'+options+'</select>'
+  );
+  row.find(".list-row-amount").find("option:selected").attr("selected", false);
+  row.find(".list-row-amount").find("option:contains('"+unit+"')").attr("selected", true);
+
   row.find(".list-row-name").html("");
-  row.find(".list-row-amount").append("");
-  row.find(".list-row-name").append('<input type="text" class="form-control" autocomplete="off" value="'+name+'" required>');
+  row.find(".list-row-name").addClass("w-100");
+  row.find(".list-row-name").append('<input type="text" class="form-control ml-auto" autocomplete="off" value="'+name+'" required>');
+
+  row.find(".dropdown").html("");
+  row.find(".dropdown").addClass("d-flex", "flex-row");
+  row.find(".dropdown").html("<i class='fas fa-check p-1'></i><i class='fas fa-times p-1'></i>");
 }
 
 function checkItem() {
@@ -72,21 +87,16 @@ function checkItem() {
     success: function () {
       var dataIdSelector = (`[data-id='${dataId}']`);
       var color = $(dataIdSelector).data("color");
-      var buttoncolor = $(dataIdSelector).data("buttoncolor");
       $(dataIdSelector).parent().parent().removeClass("bg-danger");
       $(dataIdSelector).parent().parent().find(".dropdown-menu-button").removeClass("btn-danger");
 
       if($(dataIdSelector).prop("checked")){
         $(dataIdSelector).parent().parent().removeClass(color);
         $(dataIdSelector).parent().parent().addClass("bg-success");
-        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").removeClass(buttoncolor);
-        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").addClass("btn-success");
       }
       else{
         $(dataIdSelector).parent().parent().removeClass("bg-success");
         $(dataIdSelector).parent().parent().addClass(color);
-        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").addClass(buttoncolor);
-        $(dataIdSelector).parent().parent().find(".dropdown-menu-button").removeClass("btn-success");
       }
     },
     error: function () {
diff --git a/style/helper.css b/style/helper.css
index f824437..9963fd9 100644
--- a/style/helper.css
+++ b/style/helper.css
@@ -10,6 +10,9 @@
 
 .dropdown-menu-button {
     transition: .5s;
+    background-color: transparent;
+    border-color: transparent;
+    box-shadow: none;
 }
 
 .nav-link-font {

From f3f65c6748a6bbcb3ed61584a8df225527109a7d Mon Sep 17 00:00:00 2001
From: Tim Krehan <Tim.Krehan@brz.eu>
Date: Tue, 28 May 2019 15:55:00 +0200
Subject: [PATCH 39/39] edit inline for single list entries

---
 js/list.js           | 29 +++++++++++++++++++++++++++--
 php/classes.list.php | 43 +++++++++++++++++++++++++++++++++++++++++++
 php/edit-list.php    |  4 ++++
 style/helper.css     | 13 +++++++++++++
 4 files changed, 87 insertions(+), 2 deletions(-)

diff --git a/js/list.js b/js/list.js
index 7408391..89b02e1 100644
--- a/js/list.js
+++ b/js/list.js
@@ -72,7 +72,32 @@ function editItem(){
 
   row.find(".dropdown").html("");
   row.find(".dropdown").addClass("d-flex", "flex-row");
-  row.find(".dropdown").html("<i class='fas fa-check p-1'></i><i class='fas fa-times p-1'></i>");
+  var checkButton = $("<button type='button' class='save-list-row-changes btn p-2'><i class='fas fa-check'></i></button>");
+  var removeButton = $("<button type='button' class='del-list-row-changes btn p-2'><i class='fas fa-times'></i></button>");
+  row.find(".dropdown").append(checkButton);
+  row.find(".dropdown").append(removeButton);
+
+  checkButton.click(changeListItem);
+  removeButton.click(function(){window.location = window.location;});
+}
+
+function changeListItem(){
+  var id = $(this).parent().parent().find("input[type=checkbox]").data("id");
+  var amount = $(this).parent().parent().find("input[type=number]").val();
+  var unit = $(this).parent().parent().find("select option:selected").val();
+  var name = $(this).parent().parent().find("input[type=text]").val();
+  $.post({
+    url: "api/list/change",
+    data: {
+      id: id,
+      anzahl: amount,
+      einheit: unit,
+      name: name
+    },
+    success: function(data){
+      window.location = window.location;
+    }
+  });
 }
 
 function checkItem() {
@@ -80,7 +105,7 @@ function checkItem() {
   $.post({
     url: "api/list/check",
     data: {
-      function: "check",
+      // function: "check",
       id: dataId,
       status: $(this).prop("checked")
     },
diff --git a/php/classes.list.php b/php/classes.list.php
index 74c22f5..2834111 100644
--- a/php/classes.list.php
+++ b/php/classes.list.php
@@ -61,6 +61,49 @@
       $mysqli->close();
     }
 
+    function changeSingleItem($id, $anzahl, $einheit, $name){
+      include $_SESSION["docroot"].'/config/config.php';
+      include $_SESSION["docroot"].'/php/connect.php';
+      $paramCount = "s";
+      $query = "UPDATE `Einkauf` SET";
+      if($anzahl!=""){
+        $paramCount .= "s";
+        $query .= " `Anzahl` = ?";
+      }
+      if($einheit!=""){
+        if(strlen($paramCount)>1){
+          $query .= ",";
+        }
+        $paramCount .= "s";
+        $query .= " `Einheit` = ?";
+      }
+      if($name!=""){
+        if(strlen($paramCount)>1){
+          $query .= ",";
+        }
+        $paramCount .= "s";
+        $query .= " `Name` = ?";
+      }
+      if(strlen($paramCount)>1){
+        $query .= " WHERE `Einkauf`.`ID` = ?;";
+        $updateQuery = $mysqli->prepare($query);
+        if($anzahl!="" && $name!=""){
+          $updateQuery->bind_param($paramCount, $anzahl, $einheit, $name, $id);
+        }
+        elseif($anzahl!="" && $name==""){
+          $updateQuery->bind_param($paramCount, $anzahl, $einheit, $id);
+        }
+        elseif($anzahl=="" && $name!=""){
+          $updateQuery->bind_param($paramCount, $einheit, $name, $id);
+        }
+        elseif($anzahl=="" && $name==""){
+          $updateQuery->bind_param($paramCount, $einheit, $id);
+        }
+        $updateQuery->execute();
+        $mysqli->close();
+      }
+    }
+
     function removeChecked(){
       include $_SESSION["docroot"].'/config/config.php';
       include $_SESSION["docroot"].'/php/connect.php';
diff --git a/php/edit-list.php b/php/edit-list.php
index eb5a4f6..e53a95e 100644
--- a/php/edit-list.php
+++ b/php/edit-list.php
@@ -13,6 +13,10 @@
       $shopping->newItems($_POST["list"]);
       break;
 
+    case 'change':
+      $shopping->changeSingleItem($_POST["id"], $_POST["anzahl"], $_POST["einheit"], $_POST["name"]);
+      break;
+
     case 'del':
       $shopping->removeSingleItem($_POST["id"]);
       break;
diff --git a/style/helper.css b/style/helper.css
index 9963fd9..5b2d0a6 100644
--- a/style/helper.css
+++ b/style/helper.css
@@ -15,6 +15,19 @@
     box-shadow: none;
 }
 
+.save-list-row-changes {
+    color: var(--light);
+}
+.save-list-row-changes:hover {
+    color: var(--success);
+}
+.del-list-row-changes {
+    color: var(--light);
+}
+.del-list-row-changes:hover {
+    color: var(--danger);
+}
+
 .nav-link-font {
     font-size: 16px !important;
 }
\ No newline at end of file