einkaufslisten übersicht, detailansicht

express-server/public/javascripts/ajax.js

@@ -28,9 +28,4 @@ $(document).ready(function() {
 
         });    
     });
-
-
-
-
-
 });

express-server/public/javascripts/test.js

@@ -0,0 +1,27 @@
+$(document).ready(function() {
+    $.ajax({
+        type: "GET",
+        url: "/myshoppinglists",
+        success(data) {
+            for(let item of data) {
+                $(".tb_myshoppinglists").append("<tr id='" + item.sl_id +"'><td>" + item.name + "</td><td>" + item.description +
+                 "</td><td> <a class='btn-floating btn-large waves-effect waves-light red btn_detail'><i class='material-icons'>forward</i></a></td></tr>");
+            }
+        }
+    });
+
+    $.ajax({
+        type: "GET",
+        url: "/sharedshoppinglists",
+        success(data) {
+            for(let item of data) {
+                $(".tb_sharedshoppinglists").append("<tr id='" + item.sl_id +"'><td>" + item.name + "</td><td>" + item.description +
+                "</td><td> <a class='btn-floating btn-large waves-effect waves-light red btn_detail'><i class='material-icons'>forward</i></a></td></tr>");
+            }
+        }
+    });
+
+    $(document).on("click", ".btn_detail", function() {
+        window.location.replace("/shoppinglist/" + $(this).closest("tr").attr("id"));
+    });
+});