import { DOMUtils, log, pops } from "@/env";
import { UISwitch } from "@components/setting/components/ui-switch";
import { UISelect } from "@components/setting/components/ui-select";
import type { PopsPanelContentConfig } from "@whitesev/pops/dist/types/src/components/panel/types/index.js";
import { UIButton } from "@components/setting/components/ui-button";
import { UIOwn } from "@components/setting/components/ui-own";
import { MTUtils } from "@/utils/MTUtils";
import { MTDyncmicAvatar } from "@/main/MTDyncmicAvatar";
import Utils from "@whitesev/utils";
import { MTAutoSignIn } from "@/main/sign/MTAutoSignIn";
import Qmsg from "qmsg";

export const Component_Common: PopsPanelContentConfig = {
  id: "component-common",
  title: "通用",
  views: [
    {
      text: "",
      type: "container",
      views: [
        {
          text: "Toast配置",
          type: "deepMenu",
          views: [
            {
              text: "",
              type: "container",
              views: [
                UISelect(
                  "Toast位置",
                  "qmsg-config-position",
                  "bottom",
                  [
                    {
                      value: "topleft",
                      text: "左上角",
                    },
                    {
                      value: "top",
                      text: "顶部",
                    },
                    {
                      value: "topright",
                      text: "右上角",
                    },
                    {
                      value: "left",
                      text: "左边",
                    },
                    {
                      value: "center",
                      text: "中间",
                    },
                    {
                      value: "right",
                      text: "右边",
                    },
                    {
                      value: "bottomleft",
                      text: "左下角",
                    },
                    {
                      value: "bottom",
                      text: "底部",
                    },
                    {
                      value: "bottomright",
                      text: "右下角",
                    },
                  ],
                  (isSelectedInfo) => {
                    log.info("设置当前Qmsg弹出位置" + isSelectedInfo.text);
                  },
                  "Toast显示在页面九宫格的位置"
                ),
                UISelect(
                  "最多显示的数量",
                  "qmsg-config-maxnums",
                  3,
                  [
                    {
                      value: 1,
                      text: "1",
                    },
                    {
                      value: 2,
                      text: "2",
                    },
                    {
                      value: 3,
                      text: "3",
                    },
                    {
                      value: 4,
                      text: "4",
                    },
                    {
                      value: 5,
                      text: "5",
                    },
                  ],
                  void 0,
                  "限制Toast显示的数量"
                ),
                UISwitch("逆序弹出", "qmsg-config-showreverse", false, void 0, "修改Toast弹出的顺序"),
              ],
            },
          ],
        },
        // {
        // 	text: "Cookie配置",
        // 	type: "deepMenu",
        // 	views: [
        // 		{
        // 			text: "",
        // 			type: "container",
        // 			views: [
        // 				UISwitch(
        // 					"启用",
        // 					"httpx-use-cookie-enable",
        // 					false,
        // 					void 0,
        // 					"启用后，将根据下面的配置进行添加cookie"
        // 				),
        // 				UISwitch(
        // 					"使用document.cookie",
        // 					"httpx-use-document-cookie",
        // 					false,
        // 					void 0,
        // 					"自动根据请求的域名来设置对应的cookie"
        // 				),
        // 				UITextArea(
        // 					"bbs.binmt.cc",
        // 					"httpx-cookie-bbs.binmt.cc",
        // 					"",
        // 					void 0,
        // 					void 0,
        // 					"Cookie格式：xxx=xxxx;xxx=xxxx"
        // 				),
        // 			],
        // 		},
        // 	],
        // },
      ],
    },
    {
      text: "",
      type: "container",
      views: [
        {
          text: "功能",
          type: "deepMenu",
          views: [
            {
              text: "",
              type: "container",
              views: [
                UISwitch("新增【最新发表】", "mt-addLatestPostBtn", true, void 0, "便于快捷跳转"),
                UISwitch(
                  "文本转超链接",
                  "mt-link-text-to-hyperlink",
                  true,
                  void 0,
                  "自动把符合超链接格式的文字转为超链接"
                ),
                UISwitch("延长登录Cookie过期时间", "mt-extend-cookie-expire", false, void 0, "减少频繁登录账号的问题"),
              ],
            },
          ],
        },
        {
          type: "deepMenu",
          text: "自动签到",
          views: [
            {
              text: "",
              type: "container",
              views: [
                UISwitch("启用", "mt-auto-sign", true, void 0, "自动请求签到"),
                UISwitch("使用fetch请求", "mt-auto-sign-useFetch", false, void 0, ""),
                UIButton(
                  "签到信息",
                  `上次签到时间：${(() => {
                    let signInfo = MTAutoSignIn.getHostNameSignInfo(window.location.hostname);
                    if (signInfo) {
                      return Utils.formatTime(signInfo.time);
                    } else {
                      return "尚未签到";
                    }
                  })()}`,
                  "清空信息",
                  void 0,
                  void 0,
                  void 0,
                  "primary",
                  (event) => {
                    let $click = event.composedPath()[0] as HTMLElement;
                    let $desc = $click.closest("li")!.querySelector<HTMLElement>(".pops-panel-item-left-desc-text")!;
                    pops.confirm({
                      title: {
                        text: "提示 ",
                        position: "center",
                      },
                      content: {
                        text: "<p>是否清空脚本签到记录的时间?</p>",
                        html: true,
                      },
                      btn: {
                        ok: {
                          enable: true,
                          callback: (event) => {
                            let hostName = window.location.hostname;
                            MTAutoSignIn.clearSignInfo(hostName);
                            Qmsg.success("删除成功");
                            DOMUtils.text(
                              $desc,
                              `上次签到时间：${(() => {
                                let signInfo = MTAutoSignIn.getHostNameSignInfo(hostName);
                                if (signInfo) {
                                  return Utils.formatTime(signInfo.time);
                                } else {
                                  return "尚未签到";
                                }
                              })()}`
                            );
                            event.close();
                          },
                        },
                      },
                      width: "300px",
                      height: "200px",
                    });
                  }
                ),
              ],
            },
          ],
        },
        {
          text: "头像",
          type: "deepMenu",
          views: [
            {
              text: "<a href='https://ezgif.com/resize' target='_blank'>Resize Image</a>",
              type: "container",
              views: [
                UIOwn(
                  ($li) => {
                    const $left = DOMUtils.createElement("div", {
                      className: "pops-panel-item-left-text",
                      innerHTML: /*html*/ `
											<p class="pops-panel-item-left-main-text">头像（有缓存）</p>
											<p class="pops-panel-item-left-desc-text">小、中、大</p>
											`,
                    });
                    const $right = DOMUtils.createElement("div", {
                      className: "pops-panel-avatar-img",
                      innerHTML: /*html*/ `
											<img 
												src="/uc_server/avatar.php?uid=${MTUtils.getCurrentUID()}&size=small"
												class="avatar-img" data-size="small">
											<img 
												src="/uc_server/avatar.php?uid=${MTUtils.getCurrentUID()}&size=middle"
												class="avatar-img" data-size="middle">
											<img 
												src="/uc_server/avatar.php?uid=${MTUtils.getCurrentUID()}&size=big"
												class="avatar-img" data-size="big">
											`,
                    });
                    const $style = DOMUtils.createElement("style", {
                      innerHTML: /*css*/ `
											.avatar-img {
												width: 30px;
												height: 30px;
												border-radius: 50%;
												overflow: hidden;
											}
										`,
                    });
                    const $small = $right.querySelector<HTMLImageElement>(".avatar-img[data-size='small']")!;
                    const $middle = $right.querySelector<HTMLImageElement>(".avatar-img[data-size='middle']")!;
                    const $big = $right.querySelector<HTMLImageElement>(".avatar-img[data-size='big']")!;
                    $li.appendChild($left);
                    $li.appendChild($right);
                    $li.appendChild($style);
                    return $li;
                  },
                  void 0,
                  {
                    text: "头像（有缓存）",
                    desc: "小、中、大",
                  }
                ),
                UIOwn(
                  ($li) => {
                    const $left = DOMUtils.createElement("div", {
                      className: "pops-panel-item-left-text",
                      innerHTML: /*html*/ `
											<p class="pops-panel-item-left-main-text">头像</p>
											<p class="pops-panel-item-left-desc-text">小、中、大</p>
											`,
                    });
                    const $right = DOMUtils.createElement("div", {
                      className: "pops-panel-avatar-img",
                      innerHTML: /*html*/ `
											<img 
												src="/uc_server/avatar.php?uid=${MTUtils.getCurrentUID()}&size=small&ts=${Date.now()}"
												class="avatar-img" data-size="small">
											<img 
												src="/uc_server/avatar.php?uid=${MTUtils.getCurrentUID()}&size=middle&ts=${Date.now()}"
												class="avatar-img" data-size="middle">
											<img 
												src="/uc_server/avatar.php?uid=${MTUtils.getCurrentUID()}&size=big&ts=${Date.now()}"
												class="avatar-img" data-size="big">
											`,
                    });
                    $li.appendChild($left);
                    $li.appendChild($right);
                    return $li;
                  },
                  void 0,
                  {
                    text: "头像",
                    desc: "小、中、大",
                  }
                ),
                UIButton(
                  "修改头像",
                  `可以上传gif图片，注意图片最大限制为${Utils.formatByteToSize(
                    MTDyncmicAvatar.$data.avatarInfo.maxSize
                  )}`,
                  "上传",
                  void 0,
                  false,
                  false,
                  "primary",
                  () => {
                    MTDyncmicAvatar.init();
                  }
                ),
              ],
            },
          ],
        },
      ],
    },
  ],
};