Workflowy computable values

Compute things with sublists and display values on an item name.

当前为 2016-08-18 提交的版本,查看 最新版本

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/22313/142566/Workflowy%20computable%20values.js

  1. var parseSelector = window.Parser.parse
  2.  
  3. window.funcs = []
  4. window.nodeCache = {}
  5. var observer
  6.  
  7. // observe dom mutations to make it run every time an item is opened / closed
  8. function start () {
  9. GM_addStyle(`
  10. .project .content {
  11. display: inline-block !important;
  12. padding-right: 14px;
  13. }
  14.  
  15. .project .result {
  16. display: inline;
  17. color: blue;
  18. margin-left: 10px;
  19. }
  20. `)
  21.  
  22.  
  23. document.body.addEventListener('click', function (e) {
  24. if (e.target.id === 'expandButton') {
  25. setTimeout(itemOpenedOrClosed, 1000)
  26. }
  27. })
  28.  
  29. window.addEventListener('hashchange', throttle(itemOpenedOrClosed, 2000))
  30.  
  31. itemOpenedOrClosed()
  32. }
  33.  
  34. function throttle (callback, limit) {
  35. var wait = false
  36. return function () {
  37. if (!wait) {
  38. wait = true
  39. setTimeout(function () {
  40. callback.call()
  41. wait = false
  42. }, limit)
  43. }
  44. }
  45. }
  46.  
  47. function itemOpenedOrClosed () {
  48. for (let i = 0; i < funcs.length; i++) {
  49. let script = funcs[i]
  50. execScript(script)
  51. }
  52. }
  53.  
  54. function execScript ({script, selector, id, color}) {
  55. let items = findItems(selector)
  56. for (let i = 0; i < items.length; i++) {
  57. let item = items[i]
  58. execForItem(item, script, id, color)
  59. }
  60. }
  61.  
  62. function execForItem (item, fun, id, color) {
  63. var children = []
  64. let par = item.querySelector('.children')
  65. for (let p = 0; p < par.children.length; p++) {
  66. if (par.children[p].classList.contains('project')) {
  67. children.push(par.children[p])
  68. }
  69. }
  70.  
  71. var args = []
  72. for (let i = 0; i < children.length; i++) {
  73. let child = children[i]
  74. arg = nodeToArg(child)
  75. args.push(arg)
  76. }
  77.  
  78. var result = item.querySelector('.result.script-' + id)
  79. if (!result) {
  80. let content = item.querySelector('.name .content')
  81. result = document.createElement('span')
  82. result.className = 'result script-' + id
  83. result.title = id
  84. result.style.color = color
  85. content.parentNode.insertBefore(result, content.nextSibling)
  86. }
  87. let resultvalue = fun(args, nodeToArg(item))
  88. result.innerHTML = (resultvalue || '').toString()
  89. }
  90.  
  91. function nodeToArg (node) {
  92. let name = node.querySelector('.name .content').innerText.trim()
  93. let note = node.querySelector('.notes').innerText.trim()
  94.  
  95. var arg = {name, note}
  96.  
  97. let results = node.querySelector('.name').querySelectorAll('.result')
  98. for (let r = 0; r < results.length; r++) {
  99. let result = results[r]
  100. arg[result.classList.item(1)] = result.innerText.trim()
  101. }
  102.  
  103. return arg
  104. }
  105.  
  106. function findItems (selector) {
  107. let parsed = parseSelector(selector)
  108. var items = null
  109. for (let l = 0; l < parsed.length; l++) {
  110. let layer = parsed[l]
  111. items = select(layer, items)
  112. }
  113. return items || []
  114. }
  115.  
  116. function select (layer, base) {
  117. if (!base) {
  118. base = document.querySelectorAll('.mainTreeRoot')
  119. }
  120.  
  121. let [connector, selector] = layer
  122. return getChildren(base, selector, connector === 'directchild')
  123. }
  124.  
  125. function getChildren (base, selector, onlydirect=false) {
  126. var filter
  127. switch (selector.type) {
  128. case 'id':
  129. filter = node =>
  130. node.getAttribute('projectid') === selector.val ||
  131. node.querySelector('.bullet').href.split('#/')[1] === selector.val
  132. break
  133. case 'regex':
  134. filter = node =>
  135. node.querySelector('.name .content').innerText.search(selector.val) !== -1
  136. break
  137. case 'name':
  138. filter = node =>
  139. node.querySelector('.name .content').innerText.trim() === selector.val
  140. break
  141. case 'any':
  142. filter = () => true
  143. break
  144. default:
  145. throw new Error('INVALID SELECTOR: ', selector)
  146. }
  147.  
  148. var children = []
  149. for (let i = 0; i < base.length; i++) {
  150. if (onlydirect) {
  151. let par = base[i].querySelector('.children')
  152. for (let p = 0; p < par.children.length; p++) {
  153. if (par.children[p].classList.contains('project') && par.children[p].classList.contains('open')) {
  154. children.push(par.children[p])
  155. }
  156. }
  157. } else {
  158. let all = base[i].querySelectorAll('.children > .project.open')
  159. for (let i = 0; i < all.length; i++) {
  160. children.push(all[i])
  161. }
  162. }
  163. }
  164.  
  165. return children.filter(filter)
  166. }
  167.  
  168. function registerScript (s) {
  169. funcs.push(s)
  170. }
  171.  
  172. function waitFor (selector, callback) {
  173. let res = document.querySelector(selector)
  174. if (res) return callback()
  175.  
  176. setTimeout(() => {
  177. waitFor(selector, callback)
  178. }, 1000)
  179. }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址