sl bearbeiten

express-server/public/javascripts/ajax.js

@@ -125,6 +125,7 @@ function eigeneEinkaufslisten() {
                                         ${userinfo}</span>
                                         <button class="btn edit"><i class="fas fa-pencil-alt "></i></button>
                                         <button class="btn trash"><i class="far fa-trash-alt"></i></button>
+                                        <button class="btn sledit"><i class="far fa-edit"></i></button>
                                     </div>
                                     
                                     <div class="card-body">
@@ -134,6 +135,7 @@ function eigeneEinkaufslisten() {
                                 </div></div>`)
                                             }
                                             console.log("Eigene Einkaufslisten");
+                                            slbearbeiten();
                                             loeschen();
                                             Detail();
                                             // groupHinzufügen()
@@ -172,6 +174,7 @@ function geteilteEinkaufslisten() {
                     },
                     success(res) {
                         console.log("Geteilte Einkaufslisten");
+                        // $(".shared-cards").append(`<div class="col-md-6 col-lg-4 shoplisteid">${res}</div>`);
                     },
                     error(err) {
                         console.error("/sharedshoppinglists error:", err);
@@ -493,4 +496,39 @@ function groupdelete() {
         });
 
     });
-};
+};
+
+function slbearbeiten(){
+$(".sledit").click(function(){
+    $('#editsl').modal('show');
+    let slid = $(this).closest(".card").attr('id');
+    let desc = $(this).closest('div').siblings().find('p.card-text').text();
+    let name = $(this).closest('div').siblings().find('h5.card-title').text();
+    $(".editmodal").prop("id",`${slid}`);
+    $("#editname").val(name);
+    $("#editbeschreibung").val(desc);
+});    
+};
+
+$(".update").click(function(){
+    let name = $("#editname").val();
+    let desc = $("#editbeschreibung").val();
+    let id = $(this).closest(".editmodal").attr('id');
+    $.ajax({
+        type: "PUT",
+        url: "/shoppinglist",
+        data: {
+            sl_id: id,
+            name: name,
+            description: desc
+        },
+        success(res){
+            $("#editname").val("");
+            $("#editbeschreibung").val("");
+            $('#editsl').modal('hide');
+        },
+        error(err){
+
+        }
+    });
+});

express-server/public/stylesheets/style.css

@@ -33,6 +33,12 @@
     margin-top:-7px;
 }
 
+.sledit{
+    background: transparent;
+    position: absolute;
+    margin-top: -7px;
+}
+
 .groupadd{
     background: transparent;
     position: absolute;