Add some test monitoring pages for debugging.

Update the new users table along with the old one.

data/interfaces/default/history_new.html

@@ -0,0 +1,80 @@
+<%inherit file="base.html"/>
+<%!
+from plexpy import helpers
+%>
+
+<%def name="headIncludes()">
+<link rel="stylesheet" href="interfaces/default/css/plexwatch-tables.css">
+<link rel="stylesheet" href="interfaces/default/css/dataTables.responsive.css">
+</%def>
+
+<%def name="body()">
+
+<div class="container-fluid">
+    <div class="row-fluid">
+        <div class="span12">
+            <div class="wellheader-bg">
+                <div class="dashboard-wellheader-no-chevron">
+                    <h2><i class="fa fa-history"></i> History</h2>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class='container-fluid'>
+    <div class='row-fluid'>
+        <div class='span12'>
+            <div class='table-card-back'>
+                <table class="display" id="history_table" width="100%">
+                    <thead>
+                    <tr>
+                        <th class="never" align='left' id="id">ID</th>
+                        <th class="all" align='left' id="time">Time</th>
+                        <th class="all" align='left' id="friendly_name">User</th>
+                        <th class="desktop" align='left' id="platform">Platform</th>
+                        <th class="desktop" align='left' id="ip_address">IP Address</th>
+                        <th class="min-tablet" align='left' id="title">Title</th>
+                        <th class="min-tablet" align='left' id="started">Started</th>
+                        <th class="desktop" align='left' id="paused_counter">Paused</th>
+                        <th class="desktop" align='left' id="stopped">Stopped</th>
+                        <th class="desktop" align='left' id="duration">Duration</th>
+                        <th class="desktop" align='left' id="percent_complete">Completed</th>
+                        <th class="never" align='left' id="grandparent_rating_key">grandparentRatingKey</th>
+                        <th class="never" align='left' id="rating_key">RatingKey</th>
+                        <th class="never" align='left' id="user"></th>
+                        <th class="never" align='left' id="media_type"></th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    </tbody>
+                </table>
+                <div id="info-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="info-modal"
+                     aria-hidden="true">
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+</%def>
+
+
+<%def name="javascriptIncludes()">
+
+<script src="interfaces/default/js/jquery.dataTables.min.js"></script>
+<script src="interfaces/default/js/dataTables.responsive.js"></script>
+<script src="interfaces/default/js/jquery.dataTables.bootstrap.pagination.integration.js"></script>
+<script src="interfaces/default/js/moment-with-locale.js"></script>
+<script src="interfaces/default/js/tables/history_table_new.js"></script>
+<script>
+    $(document).ready(function() {
+        history_table_options.ajax = {
+            "url": "get_history_new"
+        }
+
+        history_table = $('#history_table').DataTable(history_table_options);
+    });
+
+</script>
+
+</%def>