code cosmetics: entry id prefix => named constant
This commit is contained in:
parent
65d625fddf
commit
1aa5c11b10
13
manage.js
13
manage.js
|
@ -7,6 +7,9 @@ const filtersSelector = {
|
|||
unhide: '',
|
||||
};
|
||||
|
||||
const ENTRY_ID_PREFIX_RAW = 'style-';
|
||||
const ENTRY_ID_PREFIX = '#' + ENTRY_ID_PREFIX_RAW;
|
||||
|
||||
const newUI = {
|
||||
enabled: prefs.get('manage.newUI'),
|
||||
favicons: prefs.get('manage.newUI.favicons'),
|
||||
|
@ -175,7 +178,7 @@ function createStyleElement({style, name}) {
|
|||
parts.homepage.href = parts.homepage.title = style.url || '';
|
||||
|
||||
const entry = parts.entry.cloneNode(true);
|
||||
entry.id = 'style-' + style.id;
|
||||
entry.id = ENTRY_ID_PREFIX_RAW + style.id;
|
||||
entry.styleId = style.id;
|
||||
entry.styleNameLowerCase = name || style.name.toLocaleLowerCase();
|
||||
entry.styleMeta = getStyleWithNoCode(style);
|
||||
|
@ -400,7 +403,7 @@ Object.assign(handleEvent, {
|
|||
|
||||
function handleUpdate(style, {reason, method} = {}) {
|
||||
let entry;
|
||||
let oldEntry = $('#style-' + style.id);
|
||||
let oldEntry = $(ENTRY_ID_PREFIX + style.id);
|
||||
if (oldEntry && method == 'styleUpdated') {
|
||||
handleToggledOrCodeOnly();
|
||||
}
|
||||
|
@ -449,7 +452,7 @@ function handleUpdate(style, {reason, method} = {}) {
|
|||
|
||||
|
||||
function handleDelete(id) {
|
||||
const node = $('#style-' + id);
|
||||
const node = $(ENTRY_ID_PREFIX + id);
|
||||
if (node) {
|
||||
node.remove();
|
||||
if (node.matches('.can-update')) {
|
||||
|
@ -519,7 +522,7 @@ function switchUI({styleOnly} = {}) {
|
|||
if (missingFavicons) {
|
||||
getStylesSafe().then(styles => {
|
||||
for (const style of styles) {
|
||||
const entry = $('#style-' + style.id);
|
||||
const entry = $(ENTRY_ID_PREFIX + style.id);
|
||||
if (entry) {
|
||||
createStyleTargetsElement({entry, style, postponeFavicons: true});
|
||||
}
|
||||
|
@ -621,7 +624,7 @@ function checkUpdate(entry, {single = true} = {}) {
|
|||
|
||||
|
||||
function reportUpdateState(state, style, details) {
|
||||
const entry = $('#style-' + style.id);
|
||||
const entry = $(ENTRY_ID_PREFIX + style.id);
|
||||
entry.classList.remove('checking-update');
|
||||
switch (state) {
|
||||
case BG.updater.UPDATED:
|
||||
|
|
15
popup.js
15
popup.js
|
@ -5,6 +5,9 @@ let installed;
|
|||
let tabURL;
|
||||
const handleEvent = {};
|
||||
|
||||
const ENTRY_ID_PREFIX_RAW = 'style-';
|
||||
const ENTRY_ID_PREFIX = '#' + ENTRY_ID_PREFIX_RAW;
|
||||
|
||||
getActiveTabRealURL().then(url => {
|
||||
tabURL = URLS.supported.test(url) ? url : '';
|
||||
Promise.all([
|
||||
|
@ -215,7 +218,7 @@ function createStyleElement({
|
|||
const entry = template.style.cloneNode(true);
|
||||
entry.setAttribute('style-id', style.id);
|
||||
Object.assign(entry, {
|
||||
id: 'style-' + style.id,
|
||||
id: ENTRY_ID_PREFIX_RAW + style.id,
|
||||
styleId: style.id,
|
||||
className: entry.className + ' ' + (style.enabled ? 'enabled' : 'disabled'),
|
||||
onmousedown: handleEvent.maybeEdit,
|
||||
|
@ -223,7 +226,7 @@ function createStyleElement({
|
|||
|
||||
const checkbox = $('.checker', entry);
|
||||
Object.assign(checkbox, {
|
||||
id: 'style-' + style.id,
|
||||
id: ENTRY_ID_PREFIX_RAW + style.id,
|
||||
checked: style.enabled,
|
||||
onclick: handleEvent.toggle,
|
||||
});
|
||||
|
@ -236,7 +239,7 @@ function createStyleElement({
|
|||
|
||||
const styleName = $('.style-name', entry);
|
||||
Object.assign(styleName, {
|
||||
htmlFor: 'style-' + style.id,
|
||||
htmlFor: ENTRY_ID_PREFIX_RAW + style.id,
|
||||
onclick: handleEvent.name,
|
||||
});
|
||||
styleName.checkbox = checkbox;
|
||||
|
@ -248,7 +251,7 @@ function createStyleElement({
|
|||
|
||||
invokeOrPostpone(!postponeDetect, detectSloppyRegexps, {entry, style});
|
||||
|
||||
const oldElement = $('#style-' + style.id);
|
||||
const oldElement = $(ENTRY_ID_PREFIX + style.id);
|
||||
if (oldElement) {
|
||||
oldElement.parentNode.replaceChild(entry, oldElement);
|
||||
} else {
|
||||
|
@ -368,7 +371,7 @@ Object.assign(handleEvent, {
|
|||
|
||||
|
||||
function handleUpdate(style) {
|
||||
if ($('#style-' + style.id)) {
|
||||
if ($(ENTRY_ID_PREFIX + style.id)) {
|
||||
createStyleElement({style});
|
||||
return;
|
||||
}
|
||||
|
@ -381,7 +384,7 @@ function handleUpdate(style) {
|
|||
|
||||
|
||||
function handleDelete(id) {
|
||||
$$('#style-' + id).forEach(el => el.remove());
|
||||
$$(ENTRY_ID_PREFIX + id).forEach(el => el.remove());
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user