☰

v2ex user tag

v2ex用户标记

  1. // ==UserScript==
  2. // @name         v2ex user tag
  3. // @namespace    https://greasyfork.org/zh-CN/scripts/437891-v2ex-user-tag
  4. // @version      0.2
  5. // @description  v2ex用户标记
  6. // @author       yatzh
  7. // @match        *://*.v2ex.com/*
  8. // @grant GM_setValue
  9. // @grant GM_getValue
  10. // @grant GM_deleteValue
  11. // @license MIT
  12. // ==/UserScript==
  13.  
  14. (function () {
  15.     'use strict';
  16.  
  17.     // store key | 加上版本号，方便后续更改存储格式
  18.     const TAG_JSON_STR_STORE_KEY = 'plugin.user_tag.tag_json_str.v0.1';
  19.     const TAG_STYLE = 'border: 1px solid #FF1744;color:#FF1744;border-radius:3px;padding:1px 3px;margin:1px 3px';
  20.     const TAG_EDIT_CONTAINER_STYLE = 'background:#7e57c2; padding:5px; border-radius:10px';
  21.     const TAG_EDIT_LABEL_STYLE = 'color:white;font-size:16px;margin:5px;';
  22.     
  23.     function getTagMap() {
  24.         let tagJsonStr = GM_getValue(TAG_JSON_STR_STORE_KEY, "{}");
  25.         return JSON.parse(tagJsonStr);
  26.         // return {"zw1one" : "标签A,标签B", "Jooooooooo" : "", "Illusionary": "112"};
  27.     }
  28.  
  29.     function saveTagMap(tagMap) {
  30.         GM_setValue(TAG_JSON_STR_STORE_KEY, JSON.stringify(tagMap));
  31.     }
  32.  
  33.     function tagUserName(username, tagMap) {
  34.         if (tagMap[username.innerText]) {
  35.             let tagValue = tagMap[username.innerText];
  36.             let userTags = tagValue.split(',');
  37.             for (let userTag of userTags) {
  38.                 let oneTag = document.createElement('span');
  39.                 oneTag.textContent = userTag;
  40.                 oneTag.setAttribute('style', TAG_STYLE);
  41.                 username.parentElement.insertBefore(oneTag, username)
  42.             }
  43.         }
  44.     }
  45.  
  46.     // let url = document.URL;
  47.     let path = location.pathname
  48.     let tagMap = getTagMap();
  49.  
  50.     if (path == '/' || path.startsWith('/go/') || path.startsWith('/tag/')) {
  51.         // 首页及类首页
  52.         let home_list = document.getElementsByClassName('topic_info');
  53.         let len = home_list.length;
  54.         for (let i = 0; i < len; i++) {
  55.             let username = path === '/' || path.startsWith('/tag/') ? home_list[i].children[2] : home_list[i].children[0];
  56.             tagUserName(username, tagMap);
  57.         }
  58.     } else if (path.startsWith('/t/')) {
  59.         // 帖子详情页
  60.  
  61.         // 主题
  62.         let opUsername = document.getElementsByTagName('small')[0].children[0];
  63.         tagUserName(opUsername, tagMap);
  64.         // 回复
  65.         let comments = document.getElementsByClassName('cell');
  66.         for (let i = 0; i < comments.length; i++) {
  67.             if (comments[i].id.substring(0, 2) != 'r_') {
  68.                 continue;
  69.             }
  70.             let username = comments[i].getElementsByTagName('strong')[0];
  71.             tagUserName(username, tagMap);
  72.         }
  73.     } else if (path.startsWith('/member/')) {
  74.         // 个人主页
  75.         let username = document.getElementsByTagName('h1')[0];
  76.         tagUserName(username, tagMap);
  77.  
  78.         // 标签编辑
  79.         let usernameStr = username.innerText;
  80.         let editContainer = document.createElement('div');
  81.         editContainer.setAttribute('style', TAG_EDIT_CONTAINER_STYLE);
  82.  
  83.         let editLabel = document.createElement('span');
  84.         editLabel.setAttribute('style', TAG_EDIT_LABEL_STYLE);
  85.         editLabel.innerText = "标签编辑：";
  86.         editContainer.appendChild(editLabel);
  87.  
  88.         let editTagContent = document.createElement('textarea');
  89.         editTagContent.setAttribute('id', 'editTagContent');
  90.         editTagContent.setAttribute('style', 'width:90%; height:50px');
  91.         editTagContent.setAttribute('placeholder', '标签，英文逗号分割，如： sb,zz');
  92.         editTagContent.value = tagMap[usernameStr] ? tagMap[usernameStr] : "";
  93.         editContainer.appendChild(editTagContent);
  94.         
  95.         let saveBtn = document.createElement('input');
  96.         saveBtn.setAttribute('type', 'button');
  97.         saveBtn.setAttribute('id', 'saveBtn');
  98.         saveBtn.setAttribute('value', '保存标签');
  99.         saveBtn.setAttribute('class', 'normal button');
  100.         editContainer.appendChild(saveBtn);
  101.  
  102.         document.getElementsByTagName('h1')[0].parentElement.appendChild(editContainer);
  103.         document.getElementById('saveBtn').onclick = function() {
  104.             let newTagContent = editTagContent.value;
  105.             if (confirm('确认要保存？[' + usernameStr + ']的标签[' + newTagContent + ']？')) {
  106.                 tagMap[usernameStr] = newTagContent;
  107.                 saveTagMap(tagMap);
  108.                 location.reload();
  109.             }
  110.         };
  111.     }
  112. })();