More jQuery to native (including bootstrap.js)

This commit is contained in:
djmaze 2020-08-30 10:30:50 +02:00
parent bdb36ec128
commit 69fcc240e9
39 changed files with 496 additions and 344 deletions

View file

@ -99,23 +99,13 @@ class AccountsUserSettings {
}
onBuild(oDom) {
const self = this;
oDom.addEventListener('click', event => {
let el = event.target.closestWithin('.accounts-list .account-item .e-action', oDom);
el && ko.dataFor(el) && this.editAccount(ko.dataFor(el));
oDom
.on('click', '.accounts-list .account-item .e-action', function() {
// eslint-disable-line prefer-arrow-callback
const account = ko.dataFor(this); // eslint-disable-line no-invalid-this
if (account) {
self.editAccount(account);
}
})
.on('click', '.identities-list .identity-item .e-action', function() {
// eslint-disable-line prefer-arrow-callback
const identity = ko.dataFor(this); // eslint-disable-line no-invalid-this
if (identity) {
self.editIdentity(identity);
}
});
el = event.target.closestWithin('.identities-list .identity-item .e-action', oDom);
el && ko.dataFor(el) && this.editIdentity(ko.dataFor(el));
});
}
}

View file

@ -180,14 +180,9 @@ class FiltersUserSettings {
}
onBuild(oDom) {
const self = this;
oDom.on('click', '.filter-item .e-action', function() {
// eslint-disable-line prefer-arrow-callback
const filter = ko.dataFor(this); // eslint-disable-line no-invalid-this
if (filter) {
self.editFilter(filter);
}
oDom.addEventListener('click', event => {
const el = event.target.closestWithin('.filter-item .e-action', oDom);
el && ko.dataFor(el) && this.editFilter(ko.dataFor(el));
});
}

View file

@ -70,19 +70,13 @@ class FoldersUserSettings {
}
onBuild(oDom) {
oDom
.on('mouseover', '.delete-folder-parent', () => {
this.folderListHelp(i18n('SETTINGS_FOLDERS/HELP_DELETE_FOLDER'));
})
.on('mouseover', '.subscribe-folder-parent', () => {
this.folderListHelp(i18n('SETTINGS_FOLDERS/HELP_SHOW_HIDE_FOLDER'));
})
.on('mouseover', '.check-folder-parent', () => {
this.folderListHelp(i18n('SETTINGS_FOLDERS/HELP_CHECK_FOR_NEW_MESSAGES'));
})
.on('mouseout', '.subscribe-folder-parent, .check-folder-parent, .delete-folder-parent', () => {
this.folderListHelp('');
});
oDom.addEventListener('mouseover', event => {
const eqs = s => event.target.closestWithin(s, oDom);
eqs('.delete-folder-parent') && this.folderListHelp(i18n('SETTINGS_FOLDERS/HELP_DELETE_FOLDER'));
eqs('.subscribe-folder-parent') && this.folderListHelp(i18n('SETTINGS_FOLDERS/HELP_SHOW_HIDE_FOLDER'));
eqs('.check-folder-parent') && this.folderListHelp(i18n('SETTINGS_FOLDERS/HELP_CHECK_FOR_NEW_MESSAGES'));
});
oDom.addEventListener('mouseout', () => this.folderListHelp(''));
}
createFolder() {

View file

@ -58,14 +58,9 @@ class TemplatesUserSettings {
}
onBuild(oDom) {
const self = this;
oDom.on('click', '.templates-list .template-item .e-action', function() {
// eslint-disable-line prefer-arrow-callback
const template = ko.dataFor(this); // eslint-disable-line no-invalid-this
if (template) {
self.editTemplate(template);
}
oDom.addEventListener('click', event => {
const el = event.target.closestWithin('.templates-list .template-item .e-action', oDom);
el && ko.dataFor(el) && this.editTemplate(ko.dataFor(el));
});
this.reloadTemplates();