-
Notifications
You must be signed in to change notification settings - Fork 1
/
options.js
47 lines (44 loc) · 1.69 KB
/
options.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
function createConfig(main, name = '', prefix = '', url = '') {
const section = document.createElement('section')
main.append(section)
;[[name, 'URL Content (regex)'], [prefix, 'Search string (regex)'], [url, 'SaaS url (opt: $1 placeholder)']].forEach(([value, placeholder]) => {
const field = document.createElement('input')
field.placeholder = placeholder
field.value = value
section.append(field)
})
}
document.addEventListener('DOMContentLoaded', () => {
chrome.storage.sync.get(
{ items: [] },
({ items }) => {
const main = document.querySelector('main')
items.forEach(({name, prefix, url}) => createConfig(main, name, prefix, url))
}
);
});
document.getElementById('add').addEventListener('click', () => {
const main = document.querySelector('main')
if (main.querySelector('section:last-of-type')?.childNodes.values().some(({ value }) => value === '')) {
return;
}
createConfig(main)
})
document.getElementById('save').addEventListener('click', () => {
const items = document.querySelectorAll('main > section').values()
.filter((section) => section.childNodes.values().every(({ value }) => value !== ''))
.map((section) => {
const [name, prefix, url] = section.childNodes.values().map(({ value }) => value)
return { name, prefix, url }
}).toArray()
chrome.storage.sync.set(
{ items },
() => {
const status = document.getElementById('status');
status.textContent = 'Options saved.';
setTimeout(() => {
status.textContent = '';
}, 750);
}
);
});