33 lines
1 KiB
JavaScript
33 lines
1 KiB
JavaScript
|
(function(window) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
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";
|
||
|
|
|
||
|
|
element.insertAdjacentElement("beforebegin", button);
|
||
|
|
|
||
|
|
const toggle = function(event) {
|
||
|
|
switch (element.type) { //TODO@kodumbeats: add closed-eye icon to public/styles/icons.less and toggle onClick
|
||
|
|
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);
|