$(function() {
    var defaultPage = 0;
    var defaultSize = 10;
    var currentPage = defaultPage;
    var currentSize = defaultSize;
    var tableFirstLoad = true;
    layui.use(["form", "table", "laypage", "layer"], function() {
        var table = layui.table;
        var laypage = layui.laypage;
        var layer = layui.layer;
        var title = $("#realName");
        var searchTitleKey = "";


        function loadAirList(page, size, searchTitle) {
            if (page === null || page === undefined) page = defaultPage;
            if (size === null || size === undefined) size = defaultSize;

            var tableOption = {
                elem: "#outLineList",
                height: "full-81",
                limit: size,
                cols: [
                    [{
                            field: "card_name",
                            title: "卡片名",
                            templet: '#type',
                            align: "center"
                        },

                        {
                            fixed: "right",
                            title: "操作",
                            toolbar: "#operationToolbar",
                            align: "center"
                        }

                    ]
                ]
            };


            if (searchTitle === null || searchTitle === undefined || searchTitle === "") {
                var url = "api/card/listpage?page=" + (page + 1) + "&size=" + size;
                fetchJSON(url, {}, "get", function(data) {
                    if (data.status === 0) {
                        if (tableFirstLoad) {
                            tableFirstLoad = false;
                            laypage.render({
                                curr: page + 1,
                                elem: "pagination",
                                count: data.data.total,
                                layout: ["count", "prev", "page", "next", "limit", "refresh", "skip"],
                                jump: function(obj, first) {
                                    if (first) return;
                                    currentPage = obj.curr - 1;
                                    currentSize = obj.limit;
                                    loadAirList(currentPage, currentSize, searchTitleKey);
                                }
                            });
                        }
                        // console.log(data.data)
                        tableOption.data = data.data.list;
                        table.render(tableOption);
                    } else {
                        showMsg(data.msg, 2, 2000);
                    }
                });
            } else {
                // var url = ;
                fetchJSON("api/card/getByName?name=" + searchTitle + "&page=" + (page + 1) + "&size=" + size, {}, "get", function(data) {
                    if (data.status === 0) {
                        if (tableFirstLoad) {
                            tableFirstLoad = false;
                            laypage.render({
                                curr: page + 1,
                                elem: "pagination",
                                count: data.data.total,
                                layout: ["count", "prev", "page", "next", "limit", "refresh", "skip"],
                                jump: function(obj, first) {
                                    if (first) return;
                                    currentPage = obj.curr - 1;
                                    currentSize = obj.limit;
                                    loadAirList(currentPage, currentSize, searchTitleKey);
                                }
                            });
                        }
                        // console.log(data.data)
                        tableOption.data = data.data.list;
                        table.render(tableOption);
                    } else {
                        showMsg(data.msg, 2, 2000);
                    }
                });
            }
        }
        loadAirList();

        $("#searchArticle").on("click", function(e) {
            e.preventDefault();
            tableFirstLoad = true;
            searchTitleKey = title.val().trim();
            if (searchTitleKey === "")
                loadAirList(0, currentSize);
            else
                loadAirList(0, currentSize, searchTitleKey);
        });


        $("#keyword").on("keyup", function(e) {
            e.preventDefault();
            if (e.keyCode === 13) {
                $("#searchArticle").click();
            }
        });


        // 监听表内工具条
        table.on("tool(outLineList)", function(obj) {
            var data = obj.data;
            console.log(data)
            if (obj.event === "edit") {
                x_admin_show(
                    "在线预览",
                    encodeURI(
                        "../admin/Ucard-edit.html?card_name=" + data.card_name + "&file_path=" + data.file_path
                    ),
                    1350,
                    700,
                    function() {
                        loadAirList(currentPage, currentSize);
                    }
                );
                var data = obj.data.file_path
                flie = urlBase + data
                console.log(flie)
                sessionStorage.setItem("url", flie)


            }
        });




    });
});