☰

Add lgtms-link

Qiitaの自分のアイコンのドロップアウト欄に「LGTMした記事一覧」を追加します。

目前为 2020-09-10 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Add lgtms-link
  3. // @namespace    https://greasyfork.org/users/684688
  4. // @version      0.1.2
  5. // @description  Qiitaの自分のアイコンのドロップアウト欄に「LGTMした記事一覧」を追加します。
  6. // @author       0ga0takash1
  7. // @match        https://qiita.com/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. {
  12.     // class名が「st-Header_dropdown」であるものの中のaタグをリストで収集
  13.     const links = Array.from(
  14.         document.querySelectorAll(".st-Header_dropdown > a")
  15.     );
  16.  
  17.     // usernameを検知する用
  18.     const my_page_url = links.find((element) => element.innerText === "マイページ").href;
  19.     const mu_page_url_English = links.find((element) => element.innerText === "Profile").href;
  20.  
  21.     // リストから一つ前の要素を検出し、before_elementに代入
  22.     const before_element = links.find(
  23.         (element) => element.innerText === "編集リクエスト一覧"
  24.     );
  25.  
  26.     // 挿入する要素lgtmsを作る
  27.     const lgtms = document.createElement("a");
  28.     lgtms.href = `${my_page_url}/lgtms`;
  29.     lgtms.className = "st-Header_dropdownItem";
  30.     if ( mu_page_url_English === null ) {
  31.         lgtms.innerHTML = "LGTMした記事一覧";
  32.     } else {
  33.         lgtms.innerHTML = "my LGTM items";        
  34.     }
  35.  
  36.     // 挿入する
  37.     before_element.parentNode.insertBefore(lgtms, before_element.nextElementSibling);
  38. }