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'] = { ko.bindingHandlers['visible'] = {
'update': (element, valueAccessor) => { 'update': (element, valueAccessor) =>
var value = ko.utils.unwrapObservable(valueAccessor()); element.hidden = !ko.utils.unwrapObservable(valueAccessor())
var isCurrentlyVisible = !(element.style.display == "none");
if (value && !isCurrentlyVisible)
element.style.display = "";
else if ((!value) && isCurrentlyVisible)
element.style.display = "none";
}
}; };
ko.bindingHandlers['hidden'] = { ko.bindingHandlers['hidden'] = {
'update': (element, valueAccessor) => 'update': (element, valueAccessor) =>
ko.bindingHandlers['visible']['update'](element, () => !ko.utils.unwrapObservable(valueAccessor()) ) element.hidden = !!ko.utils.unwrapObservable(valueAccessor())
}; };