avm99963 | cbea314 | 2019-03-28 00:48:15 +0100 | [diff] [blame] | 1 | var mutationObserver, intersectionObserver, options; |
| 2 | |
avm99963 | af7860e | 2019-06-04 03:33:26 +0200 | [diff] [blame] | 3 | function parseUrl(url) { |
| 4 | var forum_a = url.match(/forum\/([0-9]+)/i); |
| 5 | var thread_a = url.match(/thread\/([0-9]+)/i); |
| 6 | |
| 7 | if (forum_a === null || thread_a === null) { |
| 8 | return false; |
| 9 | } |
| 10 | |
| 11 | return { |
avm99963 | b69eb3d | 2020-08-20 02:03:44 +0200 | [diff] [blame] | 12 | 'forum': forum_a[1], |
| 13 | 'thread': thread_a[1], |
avm99963 | af7860e | 2019-06-04 03:33:26 +0200 | [diff] [blame] | 14 | }; |
| 15 | } |
| 16 | |
avm99963 | 943b849 | 2020-08-31 23:40:43 +0200 | [diff] [blame] | 17 | function addProfileHistoryLink(node, type, query) { |
| 18 | var urlpart = encodeURIComponent('query=' + query); |
| 19 | var container = document.createElement('div'); |
| 20 | container.style.margin = '3px 0'; |
| 21 | |
| 22 | var link = document.createElement('a'); |
| 23 | link.setAttribute( |
| 24 | 'href', 'https://support.google.com/s/community/search/' + urlpart); |
| 25 | link.innerText = chrome.i18n.getMessage('inject_previousposts_' + type); |
| 26 | |
| 27 | container.appendChild(link); |
avm99963 | 0616775 | 2020-09-08 00:50:36 +0200 | [diff] [blame] | 28 | node.appendChild(container); |
avm99963 | 943b849 | 2020-08-31 23:40:43 +0200 | [diff] [blame] | 29 | } |
| 30 | |
avm99963 | 847ee63 | 2019-03-27 00:57:44 +0100 | [diff] [blame] | 31 | function mutationCallback(mutationList, observer) { |
| 32 | mutationList.forEach((mutation) => { |
avm99963 | b69eb3d | 2020-08-20 02:03:44 +0200 | [diff] [blame] | 33 | if (mutation.type == 'childList') { |
| 34 | mutation.addedNodes.forEach(function(node) { |
| 35 | if (typeof node.classList !== 'undefined') { |
| 36 | if (options.thread && node.classList.contains('load-more-bar')) { |
| 37 | intersectionObserver.observe( |
| 38 | node.querySelector('.load-more-button')); |
avm99963 | d075725 | 2019-03-30 20:13:00 +0100 | [diff] [blame] | 39 | } |
| 40 | |
avm99963 | b69eb3d | 2020-08-20 02:03:44 +0200 | [diff] [blame] | 41 | if (options.threadall && node.classList.contains('load-more-bar')) { |
| 42 | intersectionObserver.observe( |
| 43 | node.querySelector('.load-all-button')); |
avm99963 | 6d9c5fe | 2019-06-04 00:35:53 +0200 | [diff] [blame] | 44 | } |
| 45 | |
avm99963 | b69eb3d | 2020-08-20 02:03:44 +0200 | [diff] [blame] | 46 | if (options.history && ('parentNode' in node) && |
| 47 | node.parentNode !== null && ('tagName' in node.parentNode) && |
| 48 | node.parentNode.tagName == 'EC-USER') { |
| 49 | var nameElement = node.querySelector('.name span'); |
avm99963 | d075725 | 2019-03-30 20:13:00 +0100 | [diff] [blame] | 50 | if (nameElement !== null) { |
avm99963 | 943b849 | 2020-08-31 23:40:43 +0200 | [diff] [blame] | 51 | var forumId = |
| 52 | location.href.split('/forum/')[1].split('/')[0] || '0'; |
| 53 | |
avm99963 | 14116b0 | 2020-11-02 14:04:14 +0100 | [diff] [blame] | 54 | var name = escapeUsername(nameElement.textContent); |
avm99963 | 943b849 | 2020-08-31 23:40:43 +0200 | [diff] [blame] | 55 | var query1 = encodeURIComponent( |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 56 | '(creator:"' + name + '" | replier:"' + name + |
| 57 | '") forum:' + forumId); |
avm99963 | 943b849 | 2020-08-31 23:40:43 +0200 | [diff] [blame] | 58 | var query2 = encodeURIComponent( |
avm99963 | ad65e75 | 2020-09-01 00:13:59 +0200 | [diff] [blame] | 59 | '(creator:"' + name + '" | replier:"' + name + |
| 60 | '") forum:any'); |
avm99963 | 0616775 | 2020-09-08 00:50:36 +0200 | [diff] [blame] | 61 | |
| 62 | var container = document.createElement('div'); |
| 63 | container.classList.add('TWPT-previous-posts'); |
| 64 | |
| 65 | var badge = document.createElement('div'); |
| 66 | badge.classList.add('TWPT-badge'); |
| 67 | badge.setAttribute( |
| 68 | 'title', |
| 69 | chrome.i18n.getMessage( |
| 70 | 'inject_extension_badge_helper', |
| 71 | [chrome.i18n.getMessage('appName')])); |
| 72 | |
| 73 | var badgeI = document.createElement('i'); |
| 74 | badgeI.classList.add( |
| 75 | 'material-icon-i', 'material-icons-extended'); |
| 76 | badgeI.textContent = 'repeat'; |
| 77 | |
| 78 | badge.appendChild(badgeI); |
| 79 | container.appendChild(badge); |
| 80 | |
| 81 | var linkContainer = document.createElement('div'); |
| 82 | linkContainer.classList.add('TWPT-previous-posts--links'); |
| 83 | |
| 84 | addProfileHistoryLink(linkContainer, 'forum', query1); |
| 85 | addProfileHistoryLink(linkContainer, 'all', query2); |
| 86 | |
| 87 | container.appendChild(linkContainer); |
| 88 | |
| 89 | node.querySelector('.main-card-content').appendChild(container); |
avm99963 | d075725 | 2019-03-30 20:13:00 +0100 | [diff] [blame] | 90 | } |
| 91 | } |
| 92 | } |
avm99963 | 847ee63 | 2019-03-27 00:57:44 +0100 | [diff] [blame] | 93 | }); |
| 94 | } |
| 95 | }); |
| 96 | } |
| 97 | |
avm99963 | adf9086 | 2020-04-12 13:27:45 +0200 | [diff] [blame] | 98 | function intersectionCallback(entries, observer) { |
avm99963 | 847ee63 | 2019-03-27 00:57:44 +0100 | [diff] [blame] | 99 | entries.forEach(entry => { |
| 100 | if (entry.isIntersecting) { |
| 101 | entry.target.click(); |
| 102 | } |
| 103 | }); |
| 104 | }; |
| 105 | |
| 106 | var observerOptions = { |
| 107 | childList: true, |
| 108 | attributes: true, |
avm99963 | b69eb3d | 2020-08-20 02:03:44 +0200 | [diff] [blame] | 109 | subtree: true, |
avm99963 | 847ee63 | 2019-03-27 00:57:44 +0100 | [diff] [blame] | 110 | } |
| 111 | |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 112 | var intersectionOptions = { |
| 113 | root: document.querySelector('.scrollable-content'), |
| 114 | rootMargin: '0px', |
| 115 | threshold: 1.0, |
| 116 | }; |
avm99963 | 847ee63 | 2019-03-27 00:57:44 +0100 | [diff] [blame] | 117 | |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 118 | chrome.storage.sync.get(null, function(items) { |
| 119 | options = items; |
avm99963 | cbea314 | 2019-03-28 00:48:15 +0100 | [diff] [blame] | 120 | |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 121 | mutationObserver = new MutationObserver(mutationCallback); |
| 122 | mutationObserver.observe( |
| 123 | document.querySelector('.scrollable-content'), observerOptions); |
avm99963 | cbea314 | 2019-03-28 00:48:15 +0100 | [diff] [blame] | 124 | |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 125 | intersectionObserver = |
| 126 | new IntersectionObserver(intersectionCallback, intersectionOptions); |
avm99963 | 122dc9b | 2019-03-30 18:44:18 +0100 | [diff] [blame] | 127 | |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 128 | if (options.fixedtoolbar) { |
| 129 | injectStyles( |
avm99963 | 0bc113a | 2020-09-07 13:02:11 +0200 | [diff] [blame] | 130 | 'ec-bulk-actions{position: sticky; top: 0; background: var(--TWPT-primary-background, #fff); z-index: 96;}'); |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 131 | } |
avm99963 | ae6a26d | 2020-04-12 14:03:51 +0200 | [diff] [blame] | 132 | |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 133 | if (options.increasecontrast) { |
avm99963 | 0bc113a | 2020-09-07 13:02:11 +0200 | [diff] [blame] | 134 | injectStyles( |
| 135 | '.thread-summary.read{background: var(--TWPT-thread-read-background, #ecedee)!important;}'); |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 136 | } |
avm99963 | 0f9503f | 2020-07-27 13:56:52 +0200 | [diff] [blame] | 137 | |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 138 | if (options.stickysidebarheaders) { |
| 139 | injectStyles( |
avm99963 | 0bc113a | 2020-09-07 13:02:11 +0200 | [diff] [blame] | 140 | 'material-drawer .main-header{background: var(--TWPT-drawer-background, #fff)!important; position: sticky; top: 0; z-index: 1;}'); |
| 141 | } |
| 142 | |
| 143 | if (options.ccdarktheme && options.ccdarktheme_mode == 'switch') { |
| 144 | injectStylesheet( |
| 145 | chrome.runtime.getURL('injections/ccdarktheme_switch.css')); |
| 146 | |
| 147 | var darkThemeSwitch = document.createElement('material-button'); |
| 148 | darkThemeSwitch.classList.add('TWPT-dark-theme'); |
| 149 | darkThemeSwitch.setAttribute('button', ''); |
| 150 | darkThemeSwitch.setAttribute( |
| 151 | 'title', chrome.i18n.getMessage('inject_ccdarktheme_helper')); |
| 152 | |
| 153 | darkThemeSwitch.addEventListener('click', e => { |
| 154 | chrome.storage.sync.get(null, currentOptions => { |
| 155 | currentOptions.ccdarktheme_switch_status = |
| 156 | !options.ccdarktheme_switch_status; |
| 157 | chrome.storage.sync.set(currentOptions, _ => { |
| 158 | location.reload(); |
| 159 | }); |
| 160 | }); |
| 161 | }); |
| 162 | |
| 163 | var switchContent = document.createElement('div'); |
| 164 | switchContent.classList.add('content'); |
| 165 | |
| 166 | var icon = document.createElement('material-icon'); |
| 167 | |
| 168 | var i = document.createElement('i'); |
| 169 | i.classList.add('material-icon-i', 'material-icons-extended'); |
| 170 | i.textContent = 'brightness_4'; |
| 171 | |
| 172 | icon.appendChild(i); |
| 173 | switchContent.appendChild(icon); |
| 174 | darkThemeSwitch.appendChild(switchContent); |
| 175 | |
avm99963 | 0616775 | 2020-09-08 00:50:36 +0200 | [diff] [blame] | 176 | var badgeContent = document.createElement('div'); |
| 177 | badgeContent.classList.add('TWPT-badge'); |
| 178 | badgeContent.setAttribute( |
| 179 | 'title', chrome.i18n.getMessage('inject_extension_badge_helper', [ |
| 180 | chrome.i18n.getMessage('appName') |
| 181 | ])); |
| 182 | |
| 183 | var badgeI = document.createElement('i'); |
| 184 | badgeI.classList.add('material-icon-i', 'material-icons-extended'); |
| 185 | badgeI.textContent = 'repeat'; |
| 186 | |
| 187 | badgeContent.appendChild(badgeI); |
| 188 | darkThemeSwitch.appendChild(badgeContent); |
| 189 | |
avm99963 | 0bc113a | 2020-09-07 13:02:11 +0200 | [diff] [blame] | 190 | var rightControl = document.querySelector('header .right-control'); |
| 191 | rightControl.style.width = |
| 192 | (parseInt(window.getComputedStyle(rightControl).width) + 58) + 'px'; |
| 193 | rightControl.insertAdjacentElement('afterbegin', darkThemeSwitch); |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 194 | } |
avm99963 | 129942f | 2020-09-08 02:07:18 +0200 | [diff] [blame] | 195 | |
| 196 | if (options.ccforcehidedrawer) { |
| 197 | var drawer = document.querySelector('material-drawer'); |
| 198 | if (drawer !== null && drawer.classList.contains('mat-drawer-expanded')) { |
| 199 | document.querySelector('.material-drawer-button').click(); |
| 200 | } |
| 201 | } |
avm99963 | 129fb50 | 2020-08-28 05:18:53 +0200 | [diff] [blame] | 202 | }); |