diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css index ebbc2489..8b75c1db 100644 --- a/data/interfaces/default/css/plexpy.css +++ b/data/interfaces/default/css/plexpy.css @@ -1823,7 +1823,8 @@ a .home-platforms-instance-list-oval:hover, .button-bar { float: right; } -.colvis-button-bar { +.colvis-button-bar, +.refresh-users-button { float: right; } .nav-settings, diff --git a/data/interfaces/default/js/tables/users.js b/data/interfaces/default/js/tables/users.js index 8a5154df..0e9719db 100644 --- a/data/interfaces/default/js/tables/users.js +++ b/data/interfaces/default/js/tables/users.js @@ -1,3 +1,5 @@ +var users_to_purge = []; + users_list_table_options = { "language": { "search": "Search: ", @@ -187,6 +189,11 @@ users_list_table_options = { "preDrawCallback": function(settings) { var msg = "
 Fetching rows...
"; showMsg(msg, false, false, 0) + }, + "rowCallback": function (row, rowData) { + if ($.inArray(rowData['user_id'], users_to_purge) !== -1) { + $(row).find('button[data-id="' + rowData['user_id'] + '"]').toggleClass('btn-warning').toggleClass('btn-danger'); + } } } @@ -271,9 +278,11 @@ $('#users_list_table').on('click', 'td.edit-control > .edit-user-toggles > butto var row = users_list_table.row(tr); var rowData = row.data(); - if ($(this).hasClass('active')) { - $(this).toggleClass('btn-warning').toggleClass('btn-danger'); + var index = $.inArray(rowData['user_id'], users_to_purge); + if (index === -1) { + users_to_purge.push(rowData['user_id']); } else { - $(this).toggleClass('btn-danger').toggleClass('btn-warning'); + users_to_purge.splice(index, 1); } + $(this).toggleClass('btn-warning').toggleClass('btn-danger'); }); \ No newline at end of file diff --git a/data/interfaces/default/users.html b/data/interfaces/default/users.html index df36a858..fe35f072 100644 --- a/data/interfaces/default/users.html +++ b/data/interfaces/default/users.html @@ -12,12 +12,11 @@ All Users
- -   - - + +   +
@@ -85,20 +84,19 @@ clearSearchButton('users_list_table', users_list_table); - var users_to_purge = []; $('#row-edit-mode').on('click', function () { - $('#purge-message').popover(); + $('#row-edit-mode-alert').fadeIn(200); + $('#users-to-delete').html(''); if ($(this).hasClass('active')) { - users_to_purge = []; - ul = $('#users-to-delete'); - ul.html(''); - $('.edit-control button.btn-danger').map(function () { - users_to_purge.push($(this).attr('data-id')); - ul.append('
  • ' + $('div[data-id=' + $(this).attr('data-id') + '] > input').val() + '
  • ') - }); if (users_to_purge.length > 0) { - $('#users-to-delete').append + $('.edit-control').each(function () { + $(this).find('button.btn-danger').toggleClass('btn-warning').toggleClass('btn-danger'); + }); + + for (var i = 0; i < users_to_purge.length; i++) { + $('#users-to-delete').append('
  • ' + $('div[data-id=' + users_to_purge[i] + '] > input').val() + '
  • '); + } $('#confirm-modal').modal(); $('#confirm-modal').one('click', '#confirm-purge', function () { for (var i = 0; i < users_to_purge.length; i++) { @@ -118,35 +116,16 @@ } $('.edit-control').each(function () { - $(this).find('button.btn-danger').toggleClass('btn-warning').toggleClass('btn-danger'); $(this).addClass('hidden'); - }); - $('.edit-user-control > .edit-user-name').each(function () { - a = $(this).children('a'); - input = $(this).children('input'); - a.text(input.val()); - a.removeClass('hidden'); - input.addClass('hidden'); + $('#row-edit-mode-alert').fadeOut(200); }); } else { + users_to_purge = []; $('.edit-control').each(function () { + $(this).find('button.btn-danger').toggleClass('btn-warning').toggleClass('btn-danger'); $(this).removeClass('hidden'); }); - $('.edit-user-control > .edit-user-name').each(function () { - $(this).children('a').addClass('hidden'); - $(this).children('input').removeClass('hidden'); - }); - - } - }); - - $(window).resize(function () { - if ($('.popover').popover().is(':visible')) { - var popover = $('.popover'); - popover.addClass("noTransition"); - $('#purge-message').popover('show'); - popover.removeClass("noTransition"); } }); });