github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-08-19 04:49:36 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #124 from JonnyWong16/edit-users

Browse source 
Add modal confirm box for purging of individual user history
This commit is contained in:
drzoidberg33 2015-08-24 12:32:02 +02:00
commit 35320649db
1 changed files with 49 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

53
data/interfaces/default/edit_user.html
View file

@ -74,6 +74,24 @@ DOCUMENTATION :: END
</div> </div>
</div> </div>
</div> </div>
<div id="confirm-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="confirm-modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
<h4 class="modal-title" id="myModalLabel">Confirm Purge</h4>
</div>
<div class="modal-body" style="text-align: center;">
<p>Are you REALLY sure you want to purge all history for this user?</p>
<p>This is permanent and cannot be undone!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger btn-ok" data-dismiss="modal" id="confirm-purge">Purge</button>
</div>
</div>
</div>
</div>
<script> <script>
// Set new friendly name // Set new friendly name
$("#save_user_name").click(function() { $("#save_user_name").click(function() {
@ -119,9 +137,9 @@ DOCUMENTATION :: END
% endif % endif
}); });
$("#delete-all-history").click(function() { $("#delete-all-history").on('click', function() {
var r = confirm("Are you REALLY REALLY REALLY sure you want to delete all history for this user?"); $('#confirm-modal').modal();
if (r == true) { $('#confirm-modal').one('click', '#confirm-purge', function () {
$.ajax({ $.ajax({
url: 'delete_all_user_history', url: 'delete_all_user_history',
data: {user_id: '${data['user_id']}'}, data: {user_id: '${data['user_id']}'},
@ -131,7 +149,34 @@ DOCUMENTATION :: END
location.reload(); location.reload();
} }
}); });
} });
});
$(document).ready(function() {
// Move #confirm-modal to parent container
if(!($('#edit-user-modal').next().is('#confirm-modal'))) {
$('#confirm-modal').appendTo($('#edit-user-modal').parent()); }
$('#edit-user-modal > #confirm-modal').remove();
$('#edit-user-modal').css('z-index', '1050');
$('.modal-backdrop').not('.modal-backdrop-stack').css('z-index', '1049');
$('.modal-backdrop').not('.modal-backdrop-stack').addClass('modal-backdrop-stack');
$('#confirm-modal').on('show.bs.modal', function () {
// Fix position to match parent modal
var currentPadding = parseInt($('body').css('padding-right'));
$(this).children('.modal-dialog').css('left', -currentPadding/2);
$('#edit-user-modal').css('overflow-y', 'hidden');
});
$('#confirm-modal').on('shown.bs.modal', function () {
$(this).css('z-index', '1060');
$('.modal-backdrop').not('.modal-backdrop-stack').css('z-index', '1059');
$('.modal-backdrop').not('.modal-backdrop-stack').addClass('modal-backdrop-stack');
});
$('#confirm-modal').on('hidden.bs.modal', function() {
$('body').addClass('modal-open');
$('#edit-user-modal').css('overflow-y', 'auto');
});
}); });
</script> </script>