Sabnzbd: refresh table content on tab-click

History tab and warnings tab.

Queue and diskspace is auto refreshed every 5 seconds.

Author: styxit

interfaces/default/html/sabnzbd.html

@@ -19,8 +19,8 @@ <h1 class="page-header page-title">
         </form>
         <ul class="nav nav-tabs">
             <li class="active"><a href="#active" data-toggle="tab">Active</a></li>
-            <li><a href="#history" data-toggle="tab">History</a></li>
-            <li><a href="#warnings" data-toggle="tab">Warnings</a></li>
+            <li><a href="#history" data-toggle="tab" id="tab-history">History</a></li>
+            <li><a href="#warnings" data-toggle="tab" id="tab-warnings">Warnings</a></li>
             <li><a href="#sabnzbd-stats" data-toggle="tab">Stats</a></li>
         </ul>
         <div class="tab-content">

interfaces/default/js/sabnzbd.js

@@ -43,6 +43,14 @@ $(document).ready(function () {
     }, 5000);
     loadHistory();
     loadWarnings();
+
+    // reload tab content on tab click
+    $('#tab-history').click(function() {
+        loadHistory();
+    })
+    $('#tab-warnings').click(function() {
+        loadWarnings();
+    })
 });
 
 function removeHistoryItem(id) {
@@ -75,10 +83,11 @@ function retryHistoryItem(id) {
 
 function loadHistory() {
     $.ajax({
-        url: WEBDIR + 'sabnzbd/GetHistory?limit=20',
+        url: WEBDIR + 'sabnzbd/GetHistory?limit=30',
         type: 'get',
         dataType: 'json',
         success: function (data) {
+            $('#history_table_body').empty();
             if (data.status == false) {
                 $('#notification_area').addClass('alert alert-error');
                 $('#notification_area').html('<strong>Error</strong> Could not connect to SABnzbd, go to <a href="' + WEBDIR + 'settings">settings</a>');
@@ -272,6 +281,7 @@ function loadWarnings() {
         type: 'get',
         dataType: 'json',
         success: function (data) {
+            $('#warning_table_body').empty();
             if (data.warnings == 0) {
                 var row = $('<tr>')
                 row.append($('<td>').html('No warnings'));