// json解析，解析格式为：key.key.key
// 根据每个key去获取对应的值
async function deal_json_parser(url, key, fields) {
    return await fetch(key_replace(url, key))
        .then((response) => response.json())
        .then((data) => {
            rowdata = [key];
            for (i in fields) {
                tmpdata = data;
                fields[i]["data_parser"].split(".").map((fieldkey) => {
                    tmpdata = tmpdata[fieldkey];
                });
                if (
                    Object.prototype.toString.call(tmpdata) ===
                    "[object Object]"
                ) {
                    rowdata.push(JSON.stringify(tmpdata));
                } else {
                    rowdata.push(tmpdata || "");
                }
            }
            return rowdata;
        });
}

// 正则解析，将字符串正则匹配到获取到的原始数据，返回第二个值
// 也就是(.*?)的部分
async function deal_text_parser(url, key, fields) {
    return await fetch(key_replace(url, key))
        .then((res) => res.text())
        .then((data) => {
            rowdata = [key];
            for (i in fields) {
                rowdata.push(
                    data.match(new RegExp(fields[i]["data_parser"]))[1]
                );
            }
            return rowdata;
        });
}

// 渲染主页的数据，使用异步
async function render(data) {
    $(".mainbody").html("");
    $(".table_head").html(data["table_name"]);
    headstr = "<tr>";
    headstr += "<td>主键</td>";
    data["fields"].map(
        (field) => (headstr += "<td>" + field["field_name"] + "</td>")
    );
    headstr += "<td>操作</td></tr>";
    $(".mainhead").html(headstr);
    for (key in data["keys"]) {
        let row;
        try {
            if (data["data_type"] === "json") {
                row = await deal_json_parser(
                    data["data_url"],
                    data["keys"][key],
                    data["fields"]
                );
            } else {
                row = await deal_text_parser(
                    data["data_url"],
                    data["keys"][key],
                    data["fields"]
                );
            }
        } catch (e) {
            row = [data["keys"][key]];
            data["fields"].map((field) => row.push(""));
        }
        htmlstr = "<tr>";
        row.map((value) => (htmlstr += "<td>" + value + "</td>"));
        htmlstr +=
            "<td><a href='#' id='move_up' key='" +
            key +
            "'>上移</a> <a href='#' id='delete_value' key='" +
            key +
            "'>删除</a></td>";
        htmlstr += "</tr>";
        $(".mainbody").append(htmlstr);
    }
}