scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-05 07:03:51 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add show icon for password [SCI-6791]

Browse source
This commit is contained in:
Anton 2022-05-06 16:14:21 +02:00
parent 98efcc04b5
commit 3856fd9cf1
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/assets/javascripts/sitewide/show_password.js Normal file
View file

@ -0,0 +1,17 @@
$(document).on('turbolinks:load', function() {
$.each($('input[type="password"]'), function(i, e) {
$('<i class="fas fa-eye show-password" style="cursor: pointer; z-index: 10"></i>').insertAfter(e);
$(e).parent().addClass('right-icon');
});
});
$(document).on('click', '.show-password', function() {
let $icon = $(this);
if ($icon.hasClass('fa-eye')) {
$icon.removeClass('fa-eye').addClass('fa-eye-slash');
$icon.parent().find('input[type=password]').attr('type', 'text');
} else {
$icon.removeClass('fa-eye-slash').addClass('fa-eye');
$icon.parent().find('input[type=text]').attr('type', 'password');
}
});