From af85d3676293d4af56c342af04741a2a1aa96405 Mon Sep 17 00:00:00 2001
From: Jonathan Wong <Jonny.Wong.16@gmail.com>
Date: Mon, 24 Aug 2015 14:38:54 -0700
Subject: [PATCH] Also remember state on user history and info pages

---
 data/interfaces/default/info.html | 17 +++++++----------
 data/interfaces/default/user.html | 17 +++++++----------
 2 files changed, 14 insertions(+), 20 deletions(-)

diff --git a/data/interfaces/default/info.html b/data/interfaces/default/info.html
index 4a85a3d4..5dfc51dc 100644
--- a/data/interfaces/default/info.html
+++ b/data/interfaces/default/info.html
@@ -185,7 +185,7 @@ DOCUMENTATION :: END
                     <span>Watch History for <strong>${data['title']}</strong></span>
                 </div>
                 <div class="button-bar">
-                    <span data-toggle="popover" data-placement="left" data-content="Data deleting does not occur until after exiting delete mode." id="delete-message">
+                    <span data-toggle="popover" data-placement="left" data-content="Select rows to delete. Data is deleted upon exiting delete mode." id="delete-message">
                         <button class="btn btn-danger" data-toggle="button" aria-pressed="false" autocomplete="off" id="row-edit-mode">
                             <i class="fa fa-trash-o"></i> Delete mode
                         </button>&nbsp
@@ -226,7 +226,7 @@ DOCUMENTATION :: END
                             <h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
                         </div>
                         <div class="modal-body" style="text-align: center;">
-                            <p>Are you REALLY sure you want to delete this history?</p>
+                            <p>Are you REALLY sure you want to delete <strong><span id="deleteCount"></span></strong> history item(s)?</p>
                             <p>This is permanent and cannot be undone!</p>
                         </div>
                         <div class="modal-footer">
@@ -303,22 +303,18 @@ DOCUMENTATION :: END
         
         clearSearchButton('history_table', history_table);
 
-        var history_to_purge = [];
         $('#row-edit-mode').on('click', function() {
             $('#delete-message').popover();
 
             if ($(this).hasClass('active')) {
-                history_to_purge = [];
-                $('.delete-control button.btn-danger').map(function () {
-                    history_to_purge.push($(this).attr('data-id'));
-                });
-                if (history_to_purge.length > 0) {
+                if (history_to_delete.length > 0) {
+                    $('#deleteCount').text(history_to_delete.length);
                     $('#confirm-modal').modal();
                     $('#confirm-modal').one('click', '#confirm-delete', function () {
-                        for (var i = 0; i < history_to_purge.length; i++) {
+                        for (var i = 0; i < history_to_delete.length; i++) {
                             $.ajax({
                                 url: 'delete_history_rows',
-                                data: { row_id: history_to_purge[i] },
+                                data: { row_id: history_to_delete[i] },
                                 async: true,
                                 success: function (data) {
                                     var msg = "User history purged";
@@ -336,6 +332,7 @@ DOCUMENTATION :: END
                 });
 
             } else {
+                history_to_delete = [];
                 $('.delete-control').each(function() {
                     $(this).removeClass('hidden');
                 });
diff --git a/data/interfaces/default/user.html b/data/interfaces/default/user.html
index 979b8113..d2e94e75 100644
--- a/data/interfaces/default/user.html
+++ b/data/interfaces/default/user.html
@@ -155,7 +155,7 @@ from plexpy import helpers
                             </strong></span>
                         </div>
                         <div class="button-bar">
-                            <span data-toggle="popover" data-placement="left" data-content="Data deleting does not occur until after exiting delete mode." id="delete-message">
+                            <span data-toggle="popover" data-placement="left" data-content="Select rows to delete. Data is deleted upon exiting delete mode." id="delete-message">
                                 <button class="btn btn-danger" data-toggle="button" aria-pressed="false" autocomplete="off" id="row-edit-mode">
                                     <i class="fa fa-trash-o"></i> Delete mode
                                 </button>&nbsp
@@ -239,7 +239,7 @@ from plexpy import helpers
                     <h4 class="modal-title" id="myModalLabel">Confirm Delete</h4>
                 </div>
                 <div class="modal-body" style="text-align: center;">
-                    <p>Are you REALLY sure you want to delete this history?</p>
+                    <p>Are you REALLY sure you want to delete <strong><span id="deleteCount"></span></strong> history item(s)?</p>
                     <p>This is permanent and cannot be undone!</p>
                 </div>
                 <div class="modal-footer">
@@ -390,22 +390,18 @@ from plexpy import helpers
             });
         });
 
-        var history_to_purge = [];
         $('#row-edit-mode').on('click', function() {
             $('#delete-message').popover();
 
             if ($(this).hasClass('active')) {
-                history_to_purge = [];
-                $('.delete-control button.btn-danger').map(function () {
-                    history_to_purge.push($(this).attr('data-id'));
-                });
-                if (history_to_purge.length > 0) {
+                if (history_to_delete.length > 0) {
+                    $('#deleteCount').text(history_to_delete.length);
                     $('#confirm-modal').modal();
                     $('#confirm-modal').one('click', '#confirm-delete', function () {
-                        for (var i = 0; i < history_to_purge.length; i++) {
+                        for (var i = 0; i < history_to_delete.length; i++) {
                             $.ajax({
                                 url: 'delete_history_rows',
-                                data: { row_id: history_to_purge[i] },
+                                data: { row_id: history_to_delete[i] },
                                 async: true,
                                 success: function (data) {
                                     var msg = "User history purged";
@@ -423,6 +419,7 @@ from plexpy import helpers
                 });
 
             } else {
+                history_to_delete = [];
                 $('.delete-control').each(function() {
                     $(this).removeClass('hidden');
                 });