mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-08-30 20:49:20 +03:00
Move some knockoutjs bindings, extenders and functions to Admin and User specific areas
This commit is contained in:
parent
95e88af017
commit
9c18126843
8 changed files with 368 additions and 344 deletions
68
dev/External/Admin/ko.js
vendored
Normal file
68
dev/External/Admin/ko.js
vendored
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
import { SaveSettingsStep } from 'Common/Enums';
|
||||
|
||||
const ko = window.ko;
|
||||
|
||||
ko.bindingHandlers.saveTrigger = {
|
||||
init: (element) => {
|
||||
element.saveTriggerType = element.matches('input[type=text],input[type=email],input[type=password],select,textarea')
|
||||
? 'input' : 'custom';
|
||||
|
||||
if ('custom' === element.saveTriggerType) {
|
||||
element.append(
|
||||
' ',
|
||||
Element.fromHTML('<i class="icon-spinner animated"></i>'),
|
||||
Element.fromHTML('<i class="icon-remove error"></i>'),
|
||||
Element.fromHTML('<i class="icon-ok success"></i>')
|
||||
);
|
||||
element.classList.add('settings-saved-trigger');
|
||||
} else {
|
||||
element.classList.add('settings-saved-trigger-input');
|
||||
}
|
||||
},
|
||||
update: (element, fValueAccessor) => {
|
||||
const value = parseInt(ko.unwrap(fValueAccessor()),10);
|
||||
if ('custom' === element.saveTriggerType) {
|
||||
element.querySelector('.animated').hidden = value !== SaveSettingsStep.Animate;
|
||||
element.querySelector('.success').hidden = value !== SaveSettingsStep.TrueResult;
|
||||
element.querySelector('.error').hidden = value !== SaveSettingsStep.FalseResult;
|
||||
} else if (value !== SaveSettingsStep.Animate) {
|
||||
element.classList.toggle('success', value === SaveSettingsStep.TrueResult);
|
||||
element.classList.toggle('error', value === SaveSettingsStep.FalseResult);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
ko.extenders.idleTrigger = (target) => {
|
||||
target.trigger = ko.observable(SaveSettingsStep.Idle);
|
||||
return target;
|
||||
};
|
||||
|
||||
ko.extenders.posInterer = (target, defaultVal) => {
|
||||
const Utils = require('Common/Utils'),
|
||||
result = ko.computed({
|
||||
read: target,
|
||||
write: (newValue) => {
|
||||
let val = Utils.pInt(newValue.toString(), defaultVal);
|
||||
if (0 >= val) {
|
||||
val = defaultVal;
|
||||
}
|
||||
|
||||
if (val === target() && '' + val !== '' + newValue) {
|
||||
target(val + 1);
|
||||
}
|
||||
|
||||
target(val);
|
||||
}
|
||||
});
|
||||
|
||||
result(target());
|
||||
return result;
|
||||
};
|
||||
|
||||
// functions
|
||||
|
||||
ko.observable.fn.idleTrigger = function() {
|
||||
return this.extend({ 'idleTrigger': true });
|
||||
};
|
||||
|
||||
export default ko;
|
||||
Loading…
Add table
Add a link
Reference in a new issue