99 lines
2.7 KiB
JavaScript
99 lines
2.7 KiB
JavaScript
$(document).ready(function () {
|
|
refresh();
|
|
|
|
userinfo();
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/group",
|
|
data: {
|
|
sl_id: "0",
|
|
name: "testgroup",
|
|
color: "orangered",
|
|
hidden: false
|
|
}
|
|
});
|
|
|
|
$(".btn_invite").click(function () {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/invite",
|
|
data: {
|
|
sl_id: 'gKrNZiA3'
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
$(document).on("click", ".btn_detail", function () {
|
|
window.location.replace("/shoppinglist_json/" + $(this).closest("tr").attr("id"));
|
|
});
|
|
|
|
$(".btn_add").click(function () {
|
|
$.ajax({
|
|
type: "POST",
|
|
url: "/shoppinglist",
|
|
data: {
|
|
name: $(".name").val(),
|
|
description: $(".description").val(),
|
|
color: "red"
|
|
},
|
|
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>");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function userinfo() {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/userinfo_json",
|
|
success(data) {
|
|
$(".userinfo").empty();
|
|
$(".userinfo").append("Logged in as: " + data.profile.displayName);
|
|
$(".user_img").attr("src", data.profile.photos[0].value);
|
|
}
|
|
});
|
|
} |