diff --git a/js/background.js b/js/background.js
index 639ee61..84112b0 100644
--- a/js/background.js
+++ b/js/background.js
@@ -1,6 +1,27 @@
const API = require('./api');
const Storage = require('./storage');
+// Inject the content script into all User Plex URLs
+chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
+ Storage.load()
+ .then(options => {
+ const isInUserList = (url) => {
+ for(let u in options.plexUrls) {
+ if(url.indexOf(options.plexUrls[u]) > -1) {
+ return true;
+ }
+ }
+
+ return false;
+ };
+
+ if(changeInfo.status == 'complete' && isInUserList(tab.url)) {
+ chrome.tabs.insertCSS(tabId, { file: 'css/style.css' })
+ chrome.tabs.executeScript(tabId, { file: 'js/content.js' });
+ }
+ });
+});
+
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
if(request.options) {
return chrome.tabs.create({ 'url': 'chrome://extensions/?options=' + chrome.runtime.id });
diff --git a/js/content.js b/js/content.js
index dc04bfc..94211b8 100644
--- a/js/content.js
+++ b/js/content.js
@@ -8,6 +8,13 @@ injectShow(Page.openPage);
const wait = () => {
window.setTimeout(() => {
if(document.querySelector('.nav-bar-right') != null) {
+ var ob = new MutationObserver(e => {
+ if(e[0].removedNodes) {
+ window.setTimeout(init, 500);
+ }
+ });
+ ob.observe(document.querySelector('.nav-bar-right'), { childList: true });
+
window.setTimeout(init, 500);
} else {
wait();
diff --git a/js/navbar.js b/js/navbar.js
index b74f529..1b87c4a 100644
--- a/js/navbar.js
+++ b/js/navbar.js
@@ -1,6 +1,11 @@
const Navbar = {
create: (pageToggle) => {
const navbar = document.querySelector('.nav-bar-right');
+
+ if(navbar.querySelector('.sonarr-btn')) {
+ return;
+ }
+
const existingBtn = navbar.querySelector('.activity-btn').parentNode;
const btn = existingBtn.cloneNode(true);
btn.classList.remove('active');
diff --git a/js/options.js b/js/options.js
index d19d4e9..148b166 100644
--- a/js/options.js
+++ b/js/options.js
@@ -17,6 +17,44 @@ Storage.load()
}
}
+ const plexUrlList = document.querySelector('#plex-url-list');
+ const plexUrls = {
+ list: options.plexUrls,
+ add: (url) => {
+ plexUrls.list.push(url);
+ plexUrls.update();
+ },
+ remove: (url) => {
+ const index = plexUrls.list.indexOf(url);
+ if(index > -1) {
+ plexUrls.list.splice(index, 1);
+ }
+ plexUrls.update();
+ },
+ update: () => {
+ while(plexUrlList.hasChildNodes()) {
+ plexUrlList.removeChild(plexUrlList.lastChild);
+ }
+ for(let u in plexUrls.list) {
+ const item = document.createElement('li');
+ item.textContent = options.plexUrls[u];
+ const removeBtn = document.createElement('button');
+ removeBtn.textContent = 'x';
+ removeBtn.addEventListener('click', plexUrls.remove.bind(null, plexUrls.list[u]));
+ item.appendChild(removeBtn);
+ plexUrlList.appendChild(item);
+ }
+ }
+ };
+ plexUrls.update();
+
+ const newPlexUrl = document.querySelector('#new-plex-url');
+ const plexUrlBtn = document.querySelector('#add-plex-url');
+ plexUrlBtn.addEventListener('click', () => {
+ plexUrls.add(newPlexUrl.value);
+ newPlexUrl.value = '';
+ });
+
submit.addEventListener('click', e => {
for(let name in inputs) {
options.api[name] = inputs[name].value;
diff --git a/js/storage.js b/js/storage.js
index 1a12cfd..e8dd823 100644
--- a/js/storage.js
+++ b/js/storage.js
@@ -4,7 +4,8 @@ let options = {
base: 'http://localhost:8989',
sonarr_base: '',
poll: 60
- }
+ },
+ plexUrls: []
};
const Storage = {