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;
      }
    },
  });
}