$(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"));
    });
});