diff --git a/client/css/style.css b/client/css/style.css index bedb73ce..912603fc 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -1666,6 +1666,23 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ color: #2ecc40; } +#settings #change-password .see-pw { + font: normal normal normal 14px/1 FontAwesome; + font-size: 16px; + color: #cdd3da; + position: absolute; + top: 13px; + right: 25px; +} + +#settings #change-password .see-pw::before { + content: "\f06e"; +} + +#settings #change-password .see-pw.visible::before { + content: "\f070"; +} + #settings .error { color: #e74c3c; margin-top: 0.2em; diff --git a/client/js/socket-events/configuration.js b/client/js/socket-events/configuration.js index 54232f50..842a8931 100644 --- a/client/js/socket-events/configuration.js +++ b/client/js/socket-events/configuration.js @@ -29,6 +29,19 @@ socket.on("configuration", function(data) { pop.play(); }); + $(".see-pw").on("click", function() { + const $this = $(this); + const input = $this.closest("div").find("input"); + + if (input.attr("type") === "password") { + input.attr("type", "text"); + } else { + input.attr("type", "password"); + } + + $this.toggleClass("visible"); + }); + options.initialize(); webpush.initialize(); diff --git a/client/views/windows/settings.tpl b/client/views/windows/settings.tpl index 821a9512..383a6385 100644 --- a/client/views/windows/settings.tpl +++ b/client/views/windows/settings.tpl @@ -190,14 +190,17 @@
+
+
+