// ==UserScript==
// @name         千图网收藏夹整理工具
// @namespace    https://www.52pojie.cn/home.php?mod=space&uid=508077
// @version      1.2
// @description  解决收藏管理操作繁琐的问题
// @author       未知的动力
// @match        *://*.58pic.com/c/*
// @match        *://*.58pic.com/u/*/c/create
// @run-at      document-end
// @grant       GM_setValue
// @grant       GM_getValue
// @grant       GM_deleteValue
// @grant       GM_xmlhttpRequest
// @grant       GM_addStyle
// @grant       GM_registerMenuCommand
// @grant       GM_unregisterMenuCommand
// @downloadURL none
// ==/UserScript==

!(function () {
  const e = "https://www.58pic.com/index.php?m=user&a=ajaxFav";
  function n(e) {}
  function t(e) {
    (window.wzddl_ele_msgBox.style.opacity = "1"), window.wzddl_ele_msgBox.classList.add("wzddl-ani-tipsShow"), "" == e && (window.wzddl_ele_msgBox_text.textContent = "操作完成");
  }
  function o() {
    GM_addStyle(
      '\n  .works-nav {\n    background-color: #00bb77;\n  }\n  .works-nav .works-nav-row .icon-box {\n    color: #fff !important;\n  }\n  .wzddl-fav-frame {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    border-top: 1px solid #ccc;\n    border-bottom: 1px solid #ccc;\n    flex-wrap: wrap;\n    padding: 10px 20px;\n    box-sizing: border-box;\n    border-radius: 2px;\n  }\n  .wzddl-fav-frame .item {\n    padding: 0 10px;\n    height: 35px;\n    line-height: 35px;\n    width: 12.5%;\n    min-width: 50px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    transition: all 0.25s;\n    display: flex;\n    align-items: center;\n  }\n  .wzddl-fav-frame .item label {\n    display: flex;\n    color: #fff;\n    font-size: 15px;\n    font-weight: 700;\n    flex-direction: row;\n    align-items: center;\n    position: relative;\n  }\n  .wzddl-fav-frame .item label input[type="radio"] {\n    position: absolute;\n  }\n  .wzddl-fav-frame .item label input[type="radio"]::after {\n    content: "";\n    background-color: #fff;\n    border-radius: 50%;\n    width: 12px;\n    height: 12px;\n    display: inline-block;\n    position: absolute;\n    top: -2px;\n    border: 2px solid #00bb77;\n  }\n  .wzddl-fav-frame .item label input[type="radio"]:checked::after {\n    background-color: #363636;\n    border: 2px solid #fff;\n  }\n  .wzddl-fav-frame .item label span {\n    margin-left: 20px;\n  }\n  .wzddl-fav-frame .item:hover {\n    cursor: pointer;\n    background-color: #363636;\n    transform: scale(1.1);\n    box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.2);\n    border-radius: 2px;\n  }\n  .wzddl-fav-frame .item:hover label {\n    cursor: pointer;\n  }\n  .wzddl-fav-frame .item:hover label input[type="radio"]::after {\n    border: 2px solid #363636;\n  }\n  .wzddl-fav-frame .item:hover label input[type="radio"]:checked::after {\n    border: 2px solid #00bb77;\n  }\n'
    ),
      GM_addStyle(
        "\n  .qt-card-box {\n    overflow: hidden;\n  }\n  .qt-card-box:hover .wzddl-favBox-control-frame {\n    transform: translateY(0px) !important;\n  }\n  .wzddl-favBox-control-frame {\n    width: 50px;\n    height: auto;\n    display: flex;\n    flex-direction: column;\n    box-sizing: border-box;\n    position: absolute;\n    left: 10px;\n    top: 10px;\n    transition: all 0.25s;\n    transform: translateY(-100px);\n  }\n  .wzddl-favBox-control-frame .wzddl-favBox-controlBtn {\n    width: 100%;\n    height: 25px;\n    line-height: 25px;\n    z-index: 999;\n    cursor: pointer;\n    margin-top: 5px;\n    background-color: rgba(0, 0, 0, 0.25);\n    text-align: center;\n    font-size: 14px;\n    color: #fff;\n    border-radius: 3px;\n    user-select: none;\n    transition: all 0.25s;\n  }\n  .wzddl-favBox-control-frame .wzddl-favBox-controlBtn:hover {\n    background-color: #00bb77;\n    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.25);\n  }\n  \n"
      ),
      GM_addStyle(
        "\n  .wzddl-control-tipsBox {\n    width: 360px;\n    height: 56px;\n    position: absolute;\n    background-color: rgba(0, 0, 0, 0.75);\n    border-radius: 3px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    padding: 0 15px;\n    left: 50%;\n    transform: translateX(-50%);\n    top: 80px;\n    z-index: 99999;\n    color: #fff;\n    user-select: none;\n    opacity: 0;\n  }\n  .wzddl-control-tipsBox span {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .wzddl-control-tipsBox .icon-tips {\n    font-size: 20px;\n  }\n  .wzddl-control-tipsBox span.tips {\n    max-width: 270px;\n    margin-left: 12px;\n  }\n  .wzddl-ani-tipsShow {\n    animation: wzddl-Ani-ShowTips 0.25s;\n  }\n  .wzddl-ani-tipsHidden {\n    animation: wzddl-Ani-HideTips 0.25s;\n  }\n  @keyframes wzddl-Ani-ShowTips {\n    0% {\n      top: -80px;\n    }\n    100% {\n      top: 80px;\n    }\n  }\n  @keyframes wzddl-Ani-HideTips {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n"
      );
  }
  function d() {
    const e = document.querySelector(".works-list-row .works-nav");
    if (!e) return;
    e.style.height = "auto";
    const n = GM_getValue("wzddl_userFav_dir", null),
      o = GM_getValue("wzddl_userFav_lastSelected", null);
    if (null == n) return void t("用户没有收藏夹数据，需要更新");
    const d = document.createElement("div");
    d.classList.add("wzddl-fav-frame");
    for (let e = 0; e < n.length; e++) {
      const t = document.createElement("div"),
        a = document.createElement("label"),
        r = document.createElement("span"),
        i = document.createElement("input");
      t.classList.add("item"),
        t.setAttribute("data-userFav-id", n[e].id),
        a.setAttribute("for", `item-${e}`),
        (r.textContent = `${n[e].name}`),
        (i.type = "radio"),
        (i.name = "moveTo"),
        (i.id = `item-${e}`),
        (i.value = `${n[e]}`),
        i.addEventListener("click", l, !1),
        o && n[e].id == o.id && ((i.checked = !0), (window.wzddl_userFav_userSelected_currentPage = n[e].id)),
        a.append(i, r),
        t.append(a),
        d.append(t);
    }
    if ((e.append(d), !o)) {
      document.querySelector(".wzddl-fav-frame .item:nth-of-type(1) label input").checked = !0;
      const e = document.querySelector(".wzddl-fav-frame .item:nth-of-type(1)"),
        n = e && e.getAttribute("data-userFav-id");
      GM_setValue("wzddl_userFav_lastSelected", { id: n }), (window.wzddl_userFav_userSelected_currentPage = n);
    }
    const a = document.querySelector(".qt-new-header"),
      r = document.querySelector(".works-list-row .works-head"),
      i = document.querySelector(".works-list-row .works-nav"),
      s = document.querySelector(".works-list");
    let c = null;
    if (a && r && i) {
      const e = parseFloat(window.getComputedStyle(a).height),
        n = parseFloat(window.getComputedStyle(r).height),
        t = parseFloat(window.getComputedStyle(i).height);
      c = e + n;
      const o = parseFloat(window.getComputedStyle(s).paddingTop);
      document.addEventListener(
        "scroll",
        function () {
          window.requestAnimationFrame(() => {
            window.scrollY >= c - 10
              ? ((i.style.position = "fixed"), (i.style.top = "0px"), (i.style["z-index"] = 999), (s.style.paddingTop = `${o + t}px`))
              : ((i.style.position = "relative"), (i.style.top = "auto"), (s.style.paddingTop = `${o}px`));
          });
        },
        !1
      );
    }
  }
  function a(e) {
    const n = window.location.href;
    let t = /.+?:\/\/.+.58pic.com\/c\/(\d+)/;
    t.lastIndex = 0;
    const o = t.exec(n);
    o && o[1] && (window.wzddl_dirID_currentPage = o[1]);
    const d = document.querySelectorAll("#favorAnalytics .list-box .qt-card-box");
    if (d)
      for (let n = 0; n < d.length; n++) {
        const t = d[n].querySelector("a"),
          o = t && t.getAttribute("data-id");
        let a = document.createElement("div");
        a.classList.add("wzddl-favBox-control-frame");
        let r = document.createElement("span"),
          l = document.createElement("span");
        r.classList.add("wzddl-favBox-controlBtn", "move-asset"),
          l.classList.add("wzddl-favBox-controlBtn", "copy-asset"),
          (r.textContent = "移动"),
          "PAGE_FAV" == e ? (l.textContent = "复制") : "PAGE_FAV_ANOTHER" == e && (l.textContent = "收藏"),
          (r.wzddl_assetID = o),
          (l.wzddl_assetID = o),
          r.addEventListener("click", i.bind(this, { controlType: "move", currentFavBox: d[n] }), !1),
          l.addEventListener("click", i.bind(this, { controlType: "copy", currentFavBox: d[n] }), !1),
          "PAGE_FAV" == e ? a.append(r, l) : "PAGE_FAV_ANOTHER" == e && a.append(l),
          d[n].append(a);
      }
  }
  function r() {
    const e = document.createElement("div");
    e.classList.add("wzddl-control-tipsBox");
    const n = document.createElement("span"),
      t = document.createElement("span");
    n.classList.add("icon-tips", "icon", "icon-yuanxingxuanzhong"), t.classList.add("tips"), e.append(n, t);
    const o = document.querySelector(".works-nav");
    o ? o.append(e) : document.body.append(e),
      e.addEventListener(
        "animationend",
        function () {
          window.setTimeout(() => {
            (this.style.opacity = "0"), this.classList.remove("wzddl-ani-tipsShow");
          }, 1e3);
        },
        !1
      ),
      (window.wzddl_ele_msgBox = e),
      (window.wzddl_ele_msgBox_text = t);
  }
  function i(n, o) {
    const d = o.target.wzddl_assetID,
      a = window.wzddl_userFav_userSelected_currentPage,
      r = window.wzddl_dirID_currentPage;
    GM_xmlhttpRequest({
      method: "post",
      url: `${e}`,
      headers: { "Content-Type": "application/x-www-form-urlencoded" },
      data: `action=addFav&picid=${d}&page_id=${a}&version=3`,
      onload: (o) => {
        JSON.parse(o.response).info;
        "move" == n.controlType &&
          GM_xmlhttpRequest({
            method: "post",
            url: `${e}`,
            headers: { "Content-Type": "application/x-www-form-urlencoded" },
            data: `action=rFav&picid=${d}&page_id=${r}&version=3`,
            onload: (e) => {
              t(JSON.parse(e.response).info), n.currentFavBox.remove();
            },
          });
      },
    });
  }
  function l(e) {
    const n = e.target.parentElement.parentElement,
      t = n && n.getAttribute("data-userFav-id");
    t && (GM_setValue("wzddl_userFav_lastSelected", { id: t }), (window.wzddl_userFav_userSelected_currentPage = t));
  }
  function s() {
    let e = [];
    c()
      .then((t) => {
        const o = JSON.parse(t.response);
        if (1 != o.status) throw new Error("错误E1: 千图收藏夹目录API异常");
        e = [...e, ...o.data.favor_pages];
        const d = o.data.totalpage;
        if (d > 1) {
          let t = 1;
          return new Promise(function (o, a) {
            for (let a = 2; a <= d; a++)
              c(a)
                .then((n) => {
                  const a = JSON.parse(n.response);
                  if (1 != a.status) throw new Error("错误E1: 千图收藏夹目录API异常2");
                  (e = [...e, ...a.data.favor_pages]), t++, t == d && o(e);
                })
                .catch(n);
          });
        }
        return e;
      })
      .then((e) => {
        let n = [];
        e.forEach((e) => {
          n.push({ id: e.id, name: e.name });
        }),
          GM_deleteValue("wzddl_userFav_dir"),
          GM_setValue("wzddl_userFav_dir", n);
      })
      .catch(n);
  }
  function c(e = 1) {
    return new Promise(function (n, t) {
      GM_xmlhttpRequest({
        method: "post",
        url: "https://www.58pic.com/index.php?m=userHomePage&a=favoritePageList",
        headers: { "Content-Type": "application/x-www-form-urlencoded" },
        data: `type=&page=${e}`,
        onload: (e) => {
          n(e);
        },
      });
    });
  }
  GM_registerMenuCommand("更新收藏目录数据", () => {
    s();
  });
  switch (
    (function () {
      const e = window.location.href;
      let n = /.+?:\/\/.+.58pic.com\/u\/\d+\/c\/create/,
        t = /.+?:\/\/.+.58pic.com\/c\/\d+/;
      (n.lastIndex = 0), (t.lastIndex = 0);
      const o = n.test(e),
        d = t.test(e);
      let a = !1;
      if (d) {
        const e = document.querySelector(".works-head .works-head-row .text-box .logo .follow-box.qtw-card-designer button"),
          n = document.querySelector('input[type="hidden"]#uid');
        if (e) {
          e.getAttribute("data-uid") == n.value && (a = !0);
        }
      }
      return o ? "PAGE_DIR" : d && a ? "PAGE_FAV" : d && !a ? "PAGE_FAV_ANOTHER" : void 0;
    })()
  ) {
    case "PAGE_DIR":
      s();
      break;
    case "PAGE_FAV":
      o(), d(), a("PAGE_FAV"), r();
      break;
    case "PAGE_FAV_ANOTHER":
      o(), d(), a("PAGE_FAV_ANOTHER"), r();
      break;
  }
})();