60 lines
2.0 KiB
JavaScript
60 lines
2.0 KiB
JavaScript
$(document).ready(function() {
|
|
refresh();
|
|
|
|
$(document).on("click", ".btn_detail", function() {
|
|
window.location.replace("/shoppinglist/" + $(this).closest("tr").attr("id"));
|
|
});
|
|
|
|
$(".btn_add").click(function() {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/shoppinglist",
|
|
data: {
|
|
name: $(".name").val(),
|
|
description: $(".description").val()
|
|
}, success(result) {
|
|
refresh();
|
|
}
|
|
});
|
|
});
|
|
|
|
$(document).on("click", ".btn_delete", function() {
|
|
$.ajax({
|
|
type: "DELETE",
|
|
url: "/shoppinglist",
|
|
data: {
|
|
sl_id: $(this).closest("tr").attr("id")
|
|
}, success(result) {
|
|
refresh();
|
|
}
|
|
});
|
|
});
|
|
|
|
function refresh() {
|
|
|
|
$("tbody").empty();
|
|
|
|
$.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>"
|
|
+ "<td><a class='btn-floating btn-large waves-effect waves-light red btn_delete'><i class='material-icons'>clear</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>");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}); |