2021-01-02 06:54:59 +13:00
|
|
|
(function (window) {
|
|
|
|
"use strict";
|
2021-01-01 10:30:14 +13:00
|
|
|
|
2021-01-02 06:54:59 +13:00
|
|
|
window.ls.container.get("view").add({
|
|
|
|
selector: "data-forms-show-secret",
|
|
|
|
controller: function (element, document) {
|
|
|
|
let button = document.createElement("a");
|
|
|
|
button.type = "button";
|
|
|
|
button.className = "icon-eye";
|
|
|
|
button.innerHTML = "show/hide";
|
|
|
|
button.style.cursor = "pointer";
|
|
|
|
button.style.fontSize = "10px";
|
|
|
|
|
|
|
|
if (element.attributes.getNamedItem("data-forms-show-secret-above")) {
|
2021-01-01 10:30:14 +13:00
|
|
|
element.insertAdjacentElement("beforebegin", button);
|
2021-01-02 06:54:59 +13:00
|
|
|
} else {
|
|
|
|
element.parentNode.insertBefore(button, element.nextSibling);
|
2021-01-01 10:30:14 +13:00
|
|
|
}
|
2021-01-02 06:54:59 +13:00
|
|
|
|
|
|
|
const toggle = function (event) {
|
|
|
|
switch (element.type) {
|
|
|
|
case "password":
|
|
|
|
element.type = "text";
|
|
|
|
break;
|
|
|
|
case "text":
|
|
|
|
element.type = "password";
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
console.warn(
|
|
|
|
"data-forms-show-secret: element.type NOT text NOR password"
|
|
|
|
);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
button.addEventListener("click", toggle);
|
|
|
|
},
|
|
|
|
});
|
|
|
|
})(window);
|