mint/app/article/add_to_collect_dlg.js

function add_to_collect_dlg_init() {
  $("[vui='collect-dlg']").each(function () {
    $(this).css("position", "relative");
    $(this).html(
      "<button class='button_add_to_collect icon_btn' title='" + gLocal.gui.add_to + gLocal.gui.anthology + "'><svg class='icon'><use xlink:href='../studio/svg/icon.svg#add_to_anthology'></use></svg></button><div class='float_dlg'></div>"
    );
  });

  $(".button_add_to_collect").click(function () {
    let html = "";
    let article_id = $(this).parent().attr("a_id");
    html += "<div id='add_to_collect_dlg_" + article_id + "'>";
    html += "<div >";
    html += "<input type='input'  placeholder='搜索文集' />";
    html += "</div>";
    html += "<div>";
    html += "<div class='exist'>";
    html += "</div>";
    html += "<div class='others'>";
    html += "</div>";
    html += "</div>";
    html += "<div style='display:flex;'>";
    html += "<button onclick='collect_new()'>New Collect</button>";
    html +=
      "<button onclick=\"article_add_to_collect_ok('" +
      article_id +
      "')\">Finish</button>";
    html +=
      "<button onclick=\"article_add_to_collect_cancel('" +
      article_id +
      "')\">Cancel</button>";
    html += "</div>";
    html += "</div>";
    $(this).siblings(".float_dlg").first().html(html);
    $(this).siblings(".float_dlg").first().show();
    $.get(
      "../article/list_article_in_collect.php",
      {
        id: article_id,
      },
      function (data, status) {
        let collect_list = JSON.parse(data);

        let id = collect_list.article_id;
        let html_exist = "";
        for (const iterator of collect_list.exist) {
          html_exist +=
            "<div><input type='checkbox' class='collect' collect_id='" +
            iterator.id +
            "' checked />";
          html_exist += iterator.title;
          html_exist += "</div>";
        }
        $("#add_to_collect_dlg_" + id)
          .find(".exist")
          .first()
          .html(html_exist);

        if (collect_list.others) {
          let html_others = "";
          for (const iterator of collect_list.others) {
            html_others +=
              "<div><input type='checkbox' class='collect' collect_id='" +
              iterator.id +
              "' />";
            html_others += iterator.title;
            html_others += "</div>";
          }
          $("#add_to_collect_dlg_" + id)
            .find(".others")
            .first()
            .html(html_others);
        }
      }
    );
  });
}

function article_add_to_collect_ok(article_id) {
  let obj = document.querySelectorAll(".collect");
  let collect_id = new Array();
  for (const iterator of obj) {
    if (iterator.checked == true) {
      collect_id.push(iterator.getAttributeNode("collect_id").value);
    }
  }
  $.post(
    "../article/add_article_to_collect.php",
    {
      id: article_id,
      title: $("#input_article_title").val(),
      data: JSON.stringify(collect_id),
    },
    function (data) {
      let result = JSON.parse(data);
      if (result.status > 0) {
        alert(result.message);
      } else {
        add_to_collect_dlg_close(result.id);
      }
    }
  );
}

function article_add_to_collect_cancel(article_id) {
  add_to_collect_dlg_close(article_id);
}

function add_to_collect_dlg_close(article_id) {
  $("#add_to_collect_dlg_" + article_id)
    .parent()
    .hide();
}