flomo > 显示标签下的卡片数量

这个小东西可以让您直观的看到每个标签下的卡片数量。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         flomo > 显示标签下的卡片数量
// @namespace    [email protected]
// @version      1.1
// @description  这个小东西可以让您直观的看到每个标签下的卡片数量。
// @author       丹丹泽子
// @match        https://flomoapp.com/*
// @license      MIT
// @grant        none
// ==/UserScript==

window.onload = function() {

  // 计算卡片数量
  function calculateCard() {
    const numberOfTag = {};
    const cards = document.querySelectorAll("span.tag")
    for (let i = 0; i < cards.length; i++) {
      const card = cards[i];
      const cardTagRaw = card.innerHTML; // #标签/标签
      const cardTagRawRemoveShape = cardTagRaw.substring(1); // 去除“#”号
      const cardTagRawRemovedSlash = cardTagRawRemoveShape.split('/'); // 去除"/”号
      const cardTag = cardTagRawRemovedSlash.pop(); // 去掉父标签，留下自己
      if (cardTag in numberOfTag) {
        numberOfTag[cardTag]++;
      } else {
        numberOfTag[cardTag] = 1;
      }
    }
    return numberOfTag;
  }
  const numberOfTag = calculateCard();

  // 将数量插入页面
  function insertNumberToPage() {
    const a = document.querySelectorAll("i[title='更改图标']");
    for (let i = 0; i < a.length; i++) {
      const tagNode = a[i].parentElement;
      const tagName = tagNode.innerText.split(" ").pop();
      if (tagName in numberOfTag) {
        tagNode.innerHTML += `  +${numberOfTag[tagName]}`
      }
    }
  }
  insertNumberToPage();

}
欢迎访问Greasy Fork镜像
