text: function my_collect_init() {
    my_collect_list();
    collect_add_dlg_init("collect_add_div");
  }
  function my_collect_list() {
    $.get(
      "../article/collect_list.php",
      {
        userid: getCookie("userid"),
        setting: "",
      },
      function (data, status) {
        if (status == "success") {
          try {
            let html = "";
            let result = JSON.parse(data);
            let key = 1;
            for (const iterator of result) {
              html += '<div class="file_list_row" style="padding:5px;">';
              html +=
                '<div style="max-width:2em;flex:1;"><input type="checkbox" /></div>';
              html += "<div style='flex:1;'>" + key++ + "</div>";
              html += "<div style='flex:2;'>" + iterator.title + "</div>";
              html +=
                "<div style='flex:2;'>" +
                render_status(iterator.status) +
                "</div>";
              html += "<div style='flex:1;'>Copy Link</div>";
              html +=
                "<div style='flex:1;'><a href='../article/my_collect_edit.php?id=" +
                iterator.id +
                "'>Edit</a></div>";
              html +=
                "<div style='flex:1;'><a href='../article/?collect=" +
                iterator.id +
                "' target='_blank'>Preview</a></div>";
              html += "<div style='flex:1;'>15</div>";
              html += "</div>";
            }
            $("#article_list").html(html);
          } catch (e) {
            console.error(e);
          }
        } else {
          console.error("ajex error");
        }
      }
    );
  }
  var _arrArticleList;
  var _arrArticleOrder = new Array();
  function my_collect_edit(id) {
    $.get(
      "../article/collect_get.php",
      {
        id: id,
        setting: "",
      },
      function (data, status) {
        if (status == "success") {
          try {
            let html = "";
            let result = JSON.parse(data);
            $("#article_collect").attr("a_id", result.id);
            html += '<div class="" style="padding:5px;">';
            html += '<div style="max-width:2em;flex:1;"></div>';
            html += "<input type='hidden' name='id' value='" + result.id + "'/>";
            html +=
              "<input type='hidden' name='subtitle' value='" +
              result.subtitle +
              "'/>";
            html +=
              "<input type='hidden' name='summary' value='" +
              result.summary +
              "'/>";
            html +=
              "<input type='hidden' name='status' value='" +
              result.status +
              "'/>";
            html +=
              "<input type='hidden' name='lang' value='" + result.lang + "'/>";
            html +=
              "<input id='form_article_list' type='hidden' name='article_list' value='" +
              result.article_list +
              "'/>";
            html += "</div>";
            html += "<div style='display:flex;'>";
            html += "<div style='flex:4;'>";
  
            _arrArticleList = JSON.parse(result.article_list);
            html += "<ul id='ul_article_list'>";
            for (let index = 0; index < _arrArticleList.length; index++) {
              const element = _arrArticleList[index];
              html += my_collect_render_article(index, element);
              _arrArticleOrder.push(index);
            }
  
            html += "</ul>";
  
            html += "</div>";
  
            html += "<div id='preview_div'>";
            html += "<div id='preview_inner' ></div>";
            html += "</div>";
  
            html += "</div>";
  
            $("#article_list").html(html);
            $("#collect_title").val(result.title);
  
            $("#ul_article_list").sortable({
              update: function (event, ui) {
                let sortedIDs = $("#ul_article_list").sortable("toArray");
                _arrArticleOrder = new Array();
                for (const iSorted of sortedIDs) {
                  let newindex = parseInt($("#" + iSorted).attr("article_index"));
                  _arrArticleOrder.push(_arrArticleList[newindex]);
                }
                $("#form_article_list").val(JSON.stringify(_arrArticleOrder));
              },
            });
  
            $("#aritcle_status").html(render_status(result.status));
            let html_title =
              "<input id='input_article_title' type='input' name='title' value='" +
              result.title +
              "' />";
            $("#article_title").html(html_title);
          } catch (e) {
            console.error(e);
          }
        } else {
          console.error("ajex error");
        }
      }
    );
  }
  
  function my_collect_render_article(index, article) {
    let html = "";
    html +=
      "<li id='article_item_" +
      index +
      "' article_index='" +
      index +
      "' class='file_list_row'>";
    html += "<span style='flex:1;'>";
    html += "<select>";
    let selected = "";
    for (let i = 1; i < 9; i++) {
      if (parseInt(article.level) == i) {
        selected = "selected";
      } else {
        selected = "";
      }
      html += "<option " + selected + " value='" + i + "' >H " + i + "</option>";
    }
    html += "</select>";
    html += "</span>";
    html += "<span style='flex:3;'>";
    html +=
      "<a href='../article/my_article_edit.php?id=" + article.article + "'>";
    html += article.title;
    html += "</a>";
    html += "</span>";
    html +=
      "<span style='flex:1;' onclick=\"article_preview('" +
      article.article +
      "')\">";
    html += "Preview";
    html += "</span>";
    html += "</li>";
    return html;
  }
  
  function article_preview(id) {
    $.get(
      "../article/get.php",
      {
        id: id,
        setting: "",
      },
      function (data, status) {
        if (status == "success") {
          try {
            let html = "";
            let result = JSON.parse(data);
            $("#preview_inner").html(note_init(result.content));
            note_refresh_new();
          } catch (e) {
            console.error(e.message);
          }
        }
      }
    );
  }
  
  function my_collect_save() {
    $.ajax({
      type: "POST", //方法类型
      dataType: "json", //预期服务器返回的数据类型
      url: "../article/my_collect_post.php", //url
      data: $("#collect_edit").serialize(),
      success: function (result) {
        console.log(result); //打印服务端返回的数据(调试用)
  
        if (result.status == 0) {
          alert("保存成功");
        } else {
          alert("error:" + result.message);
        }
      },
      error: function (data, status) {
        alert("异常！" + data.responseText);
        switch (status) {
          case "timeout":
            break;
          case "error":
            break;
          case "notmodified":
            break;
          case "parsererror":
            break;
          default:
            break;
        }
      },
    });
  }
  