Updated: animated spinner logic

plugins/dynamix/NotificationsArchive.page

@@ -4,8 +4,8 @@ Icon="icon-archive"
 Tag="archive"
 ---
 <?PHP
-/* Copyright 2005-2018, Lime Technology
- * Copyright 2012-2018, Bergware International.
+/* Copyright 2005-2020, Lime Technology
+ * Copyright 2012-2020, Bergware International.
  * Copyright 2012, Andrew Hamer-Adams, http://www.pixeleyes.co.nz.
  *
  * This program is free software; you can redistribute it and/or
@@ -44,6 +44,10 @@ function resize(bind) {
 <?endif;?>
 function archiveList(init) {
   $.get('/webGui/include/NotificationsArchive.php',{filter:'<?=addslashes(htmlspecialchars($_GET['filter']))?>'},function(data) {
+    if (init) {
+      clearTimeout(timers.archive);
+      $('div.spinner.fixed').hide('slow');
+    }
     if (data) $('#archive_list').html(data);
     if (init) {
 <?if ($display['resize']):?>
@@ -72,6 +76,7 @@ function openClose(row) {
   }
 }
 $(function(){
+  timers.archive = setTimeout(function(){$('div.spinner.fixed').show('slow');},150);
   archiveList(true);
 <?if ($display['resize']):?>
   $(window).bind('resize',function(){resize(true);});
@@ -82,6 +87,6 @@ $(function(){
 </script>
 <table class="tablesorter left shift" id="archive_table">
 <thead><tr><th>Time</th><th>Event</th><th>Subject</th><th>Description</th><th>Importance</th><th><?if ($files):?><a href="#" onclick="askConfirmation();return false" title="Delete all notifications"><i class="fa fa-trash"></i></a><?endif;?></th></tr></thead>
-<tbody id="archive_list"><tr><td></td><td colspan="4"><div class="spinner"></div></td><td></td></tr></tbody>
+<tbody id="archive_list"><tr><td colspan="6"></td></tr></tbody>
 </table>
 <input type="button" value="Done" onclick="done()">