dergeorg/SmartShopper
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Get,Add,Delete eigener shoppinglisten

Browse Source
This commit is contained in:
InesSuess
2018-11-29 23:53:54 +01:00
parent d5606c4115
commit 9e28c0fa32
150 changed files with 37901 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
express-server/public/javascripts/ajax.js
View File

@ -1,26 +1,32 @@
$(document).ready(function() {
$("#iconadd").click(function(){
$(".modal").modal();
$("#addmodal").modal('open');
// alert("sadcfghj");
});
bekommen();
// loeschen();
$(".add").click(function(){
let name = $("#einkaufslistenname").val();
let beschreibung = $("#einkaufslistenbeschreibung").val();
// let name = $("#einkaufslistenname").val();
// let beschreibung = $("#einkaufslistenbeschreibung").val();
$.ajax({
type: "POST",
url: "/shoppinglist",
data: {
name: name,
description: beschreibung
name: $("#einkaufslistenname").val(),
description: $("#einkaufslistenbeschreibung").val()
},
success(res){
console.log("funktioniert");
console.log("add funktioniert");
$("#mySmallModalLabel").modal("hide");
// $(".listen-ausgabe").append(`<div class="col-md-12 karten">
// <div class="card border-light mb-3" style="max-width: 18rem;">
// <div class="card-header"><span>Username...</span><button class="btn trash r"><i class="far fa-trash-alt"></i></button></div>
// <div class="card-body">
// <h5 class="card-title">`+ $("#einkaufslistenname").val() +`</h5>
// <p class="card-text">`+ $("#einkaufslistenbeschreibung").val() +`</p>
// </div>
// </div></div>`
// )
},
error(err){
console.log("error");
@ -28,4 +34,59 @@ $(document).ready(function() {
});
});
});
});
function bekommen(){
$.ajax({
type: "GET",
url: "/myshoppinglists",
success(data){
console.log("get funktioniert");
for(let i = 0; i < data.length; i++){
const el = data[i];
$(".listen-ausgabe").append(`<div class="col-md-12 karten">
<div class="card border-light mb-3" style="max-width: 18rem;" id="${el.sl_id}">
<div class="card-header"><span>Username...</span><button class="btn trash r"><i class="far fa-trash-alt"></i></button></div>
<div class="card-body">
<h5 class="card-title">${el.name}</h5>
<p class="card-text">${el.description}</p>
</div>
</div></div>`
)
}
loeschen();
},
error(err){
console.log("error");
}
});
}
function loeschen(){
$(".trash").click(function(){
let card = $(this).closest(".card");
let id = card.attr("id");
// console.log(id);
$.ajax({
type: "DELETE",
url: "/shoppinglist",
data: {
sl_id: id},
success(res){
console.log("card gelöscht");
// bekommen();
card.remove();
},
error(err){
}
});
});
}