☰

TJ User Tagging

3/29/2020, 5:46:18 PM

  1. // ==UserScript==
  2. // @name        TJ User Tagging
  3. // @namespace   Violentmonkey Scripts
  4. // @match       https://tjournal.ru/*
  5. // @grant       none
  6. // @version     1.11
  7. // @license     CC0
  8. // @author      -
  9. // @description 3/29/2020, 5:46:18 PM
  10. // ==/UserScript==
  11.  
  12. function setTag(userId) {
  13.   let tags = JSON.parse(localStorage.userTags || '{}');
  14.   let oldColor = '#' + ((tags[userId] ? tags[userId].split('#')[1] : null) || '888888');
  15.   let newTag = prompt('Тег, или тег#цвет:', tags[userId] ? tags[userId].split('#')[0] : '');
  16.   if (newTag == null) return;
  17.   
  18.   localStorage.userTags = JSON.stringify(Object.assign(tags, { [userId]: newTag }), (k, v) => v ? v : void 0);
  19.   tagsUpdate();
  20.   
  21.   if (newTag && newTag.indexOf('#') === -1){
  22.     with (document.body.appendChild(document.createElement('input'))){
  23.       type = 'color';
  24.       value = oldColor;
  25.       style.display = 'none';
  26.       onchange = function(){
  27.         localStorage.userTags = JSON.stringify(Object.assign(tags, { [userId]: newTag + this.value }), (k, v) => v ? v : void 0);
  28.         tagsUpdate();
  29.         document.body.removeChild(this);
  30.       };
  31.       click();
  32.     }
  33.   }
  34. }
  35.  
  36. function addTagButton() {
  37.   let target = document.querySelector('.etc_control[data-subsite-url]');
  38.   if (target && !document.querySelector('._tg')) {
  39.     with (target.insertAdjacentElement('afterend', document.createElement('div'))) {
  40.       onclick = () => /\/(\d+)-/.test(location.href) && setTag(RegExp.$1);
  41.       className = '_tg ui-button ui-button--5 l-ml-12 lm-ml-0 lm-mr-12';
  42.       innerHTML = '<span></span>'
  43.     }
  44.   }
  45.   setTimeout(addTagButton, 500);
  46. }
  47.  
  48. function isColorDark(color) {
  49.   return !color || (color.length == 6 ? parseInt(color.substr(2, 2), 16) : parseInt(color[1], 16) * 16) < 200;
  50. }
  51.  
  52. function tagsUpdate() {
  53.   let tags = JSON.parse(localStorage.userTags || '{}');
  54.   (window._tgStyle || (window._tgStyle = document.body.appendChild(document.createElement('style')))).innerHTML = `
  55.   .user_name:after, .content-header-author:after, .vote__users__item .vote__users__item__name:after, .live__item__user:after { 
  56.     display:inline-block; padding:2px 4px 3px 4px; margin:-2px 4px -3px 4px; border-radius:2px; font-weight:normal; font-size:small; 
  57.   }
  58.   .vote__users__item .vote__users__item__name:after { 
  59.     padding:0 4px 0 4px; margin:-2px 4px -3px 4px;
  60.   }
  61.   .etc_control[data-subsite-url] + ._tg { 
  62.     content:"Тег"; height:34px; line-height:34px; font-size:15px; padding:0 20px; border-radius:4px; 
  63.     display:inline-block; font-weight:normal; margin-left:8px; cursor:pointer; 
  64.   }
  65.   .etc_control[data-subsite-url] + ._tg span:after { 
  66.     content:"Тег";
  67.   }
  68.   ` + Object.keys(tags).filter(x => tags[x]).map(x => 
  69.     `a[href*="/${x}-"] .user_name:after, 
  70.     .vote__users__item[href*="/${x}-"] .vote__users__item__name:after, 
  71.     .content-header-author[href*="/${x}-"]:after, 
  72.     .live__item__user[href*="/${x}-"]:after, 
  73.     .etc_control[data-subsite-url*="/${x}-"] + ._tg,
  74.     .etc_control[data-subsite-url*="/${x}-"] + ._tg span:after { 
  75.       content: "${tags[x].split('#')[0]}"; 
  76.       background: #${tags[x].split('#')[1] || '888'} !important; color: #${isColorDark(tags[x].split('#')[1]) ? 'fff' : '000'} !important; 
  77.     }`).join('\n');
  78. }
  79.  
  80. addTagButton();
  81. tagsUpdate();