☰

Basecamp Keyword Highlighter

Highlights predefined list of keywords in the Basecamp task list at the beginning of task description

当前为 2017-02-14 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        Basecamp Keyword Highlighter
  3. // @description Highlights predefined list of keywords in the Basecamp task list at the beginning of task description
  4. // @include     https://*.basecamphq.com/projects/*/todo_lists
  5. // @grant       none
  6. // @version     0.5.2
  7. // @namespace https://greasyfork.org/users/32141
  8. // ==/UserScript==
  9.  
  10. // Here you can add your own keywords:
  11. var keywordsColors = {
  12.     // red
  13.     'bf0303': ['error', 'bug'],
  14.  
  15.     // green
  16.     '008c00': ['todo', 'feature'],
  17.  
  18.     // purple
  19.     '5a00b3': ['postponed'],
  20.  
  21.     // pink
  22.     'cc00ba': ['high']
  23. };
  24.  
  25. function createKeywordStyles() {
  26.     var color,
  27.         style = document.createElement('style'),
  28.         innerHtml = '.keyword {color: #fff; border-radius: 3px; padding: 0px 2px 0px 2px; }\n';
  29.  
  30.     for (color in keywordsColors) {
  31.         innerHtml += '.keyword-' + color + ' { background-color: #' + color + '; }\n';
  32.     }
  33.  
  34.     style.type = 'text/css';
  35.     style.innerHTML = innerHtml;
  36.  
  37.     document.getElementsByTagName('head')[0].appendChild(style);
  38. }
  39.  
  40. function processTodoLists(rootEl) {
  41.     var el,
  42.         color,
  43.         regexps = {},
  44.         keywords,
  45.         tasksContent;
  46.  
  47.     function getType(obj) {
  48.         return Object.prototype.toString.call(obj).replace('[object ', '').replace(']', '').toLowerCase();
  49.     }
  50.  
  51.     function findElements(rootEl, tagName, param) {
  52.         var result = [],
  53.             elements = rootEl.getElementsByTagName(tagName),
  54.             paramType = getType(param);
  55.  
  56.         for (var i = 0; i < elements.length; i++) {
  57.             if (paramType == 'string' && elements[i].id.indexOf(param) === 0) {
  58.                 result.push(elements[i]);
  59.             } else if (paramType == 'regexp' && param.test(elements[i].id)) {
  60.                 result.push(elements[i]);
  61.             }
  62.         }
  63.  
  64.         return result;
  65.     }
  66.  
  67.     function formatTask(el, color, word) {
  68.         el.innerHTML = el.innerHTML.replace(word, '<span class="keyword keyword-' + color + '">' + word + '</span>');
  69.     }
  70.  
  71.     tasksContent = findElements(rootEl, 'span', /^item_wrap_/);
  72.     for (var i = 0; i < tasksContent.length; i++) {
  73.         el = tasksContent[i];
  74.  
  75.         if (el.nodeName && el.nodeName.toLowerCase() == 'span' &&
  76.             el.classList && el.classList.contains('keyword')) {
  77.             continue;
  78.         }
  79.  
  80.         var text = tasksContent[i].textContent;
  81.         for (color in keywordsColors) {
  82.             if (!keywordsColors.hasOwnProperty(color)) {
  83.                 continue;
  84.             }
  85.  
  86.             keywords = keywordsColors[color];
  87.             if (!regexps[color]) {
  88.                 regexps[color] = new RegExp('^((?:' + keywords.join('|') + ')[^:^\s]*).*', 'i');
  89.             }
  90.  
  91.             var regexp = regexps[color];
  92.             if (regexp.test(text)) {
  93.                 formatTask(tasksContent[i], color, regexp.exec(text)[1]);
  94.                 break;
  95.             }
  96.         }
  97.     }
  98. }
  99.  
  100. createKeywordStyles();
  101.  
  102. document.observe("dom:modified", function(ev) {
  103.     processTodoLists(ev.target);
  104. });
  105. processTodoLists(document);