Knockout visibleHidden to HTML5

This commit is contained in:
the-djmaze 2020-10-11 00:27:45 +02:00 committed by GitHub
parent 267426b07d
commit 52e6b9b0ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,15 +1,9 @@
ko.bindingHandlers['visible'] = {
'update': (element, valueAccessor) => {
var value = ko.utils.unwrapObservable(valueAccessor());
var isCurrentlyVisible = !(element.style.display == "none");
if (value && !isCurrentlyVisible)
element.style.display = "";
else if ((!value) && isCurrentlyVisible)
element.style.display = "none";
}
'update': (element, valueAccessor) =>
element.hidden = !ko.utils.unwrapObservable(valueAccessor())
};
ko.bindingHandlers['hidden'] = {
'update': (element, valueAccessor) =>
ko.bindingHandlers['visible']['update'](element, () => !ko.utils.unwrapObservable(valueAccessor()) )
element.hidden = !!ko.utils.unwrapObservable(valueAccessor())
};