password reveal toggling
Squashed commit of the following: commit fde3cc16310062842ccc676a7c33ebfe9b7a3372 Author: Mark Moser <MarkAMoser@gmail.com> Date: Sun Sep 11 19:51:32 2016 -0500 icons commit f4765d24073cdc7e790e9d6fbb73155ba96ac414 Author: Mark Moser <MarkAMoser@gmail.com> Date: Sun Sep 11 19:22:14 2016 -0500 view toggling commit 0929b005981a34e46aa0ad6e59d315d5203eed02 Author: Mark Moser <MarkAMoser@gmail.com> Date: Sun Sep 11 10:21:03 2016 -0500 controller xhr commit 859e1dff28f17feb43f9facc57f887f24e9e8fed Author: Mark Moser <MarkAMoser@gmail.com> Date: Sun Sep 11 09:18:57 2016 -0500 wip
This commit is contained in:
@ -13,4 +13,4 @@
|
||||
//= require jquery
|
||||
//= require jquery_ujs
|
||||
//= require turbolinks
|
||||
//= require_tree .
|
||||
//= require main
|
||||
|
30
app/assets/javascripts/main.js
Normal file
30
app/assets/javascripts/main.js
Normal file
@ -0,0 +1,30 @@
|
||||
function getPassword($container, password) {
|
||||
$container.data('password', password);
|
||||
$container.find('span').html(password);
|
||||
$container.find('a').detach();
|
||||
$container.prepend('<i class="fa fa-unlock fa-lg"></i>');
|
||||
}
|
||||
|
||||
function hidePassword($src){
|
||||
$src.siblings('span').html('********');
|
||||
$src.removeClass('fa-unlock').addClass('fa-lock');
|
||||
}
|
||||
|
||||
function revealPassword($src){
|
||||
$src.siblings('span').html($src.parent().data('password'));
|
||||
$src.removeClass('fa-lock').addClass('fa-unlock');
|
||||
}
|
||||
|
||||
$(function(){
|
||||
$("[data-id=passwd]").on("ajax:success", "a", function(e, data){
|
||||
getPassword($(e.target).parent(), data.hash);
|
||||
});
|
||||
|
||||
$("[data-id=passwd]").on('click', 'i', function(){
|
||||
if($(this).hasClass('fa-unlock')){
|
||||
hidePassword($(this));
|
||||
} else {
|
||||
revealPassword($(this));
|
||||
}
|
||||
});
|
||||
});
|
Reference in New Issue
Block a user