SOLR-11897: Add toggle to disable auto-refresh of Logging page in the UI

solr/CHANGES.txt

@@ -279,9 +279,11 @@ Other Changes
 
 * SOLR-11067: REPLACENODE should identify appropriate nodes if targetNode is not provided (noble)
 
-* SOLR-11848: Update Ref Guide to include info on grouping operations and using curl for large files. (Dariusz Wojtas via Cassandra Targett)
+* SOLR-11848: Update Ref Guide to include info on grouping operations and using curl for large files. (Dariusz Wojtas
+  via Cassandra Targett)
 
-* SOLR-11613: Make message for missing dataimport config in UI more explicit. (Shawn Heisey, Amrit Sarkar via Cassandra Targett)
+* SOLR-11613: Make message for missing dataimport config in UI more explicit. (Shawn Heisey, Amrit Sarkar via 
+  Cassandra Targett)
 
 * SOLR-11933: Make DIH UI page safer by not default checking the clean checkbox (Eric Pugh via Tomás Fernández Löbbe)
 
@@ -296,6 +298,9 @@ Other Changes
 
 * SOLR-6057: Change highlight color in UI Analysis screen (Cassandra Targett)
 
+* SOLR-11897: Add toggle to disable auto-refresh of Logging page in the UI (Tommy Marshment-Howell via
+  Cassandra Targett)
+
 ==================  7.2.1 ==================
 
 Consult the LUCENE_CHANGES.txt file for additional, low level, changes in this release.

solr/webapp/web/css/angular/logging.css

@@ -84,6 +84,20 @@ limitations under the License.
   color: #333;
 }
 
+#content #logging #viewer #refresh-toggle {
+  background-position: 0 50%;
+  padding-left: 21px;
+  width:45%;
+}
+
+#content #logging #viewer #refresh-toggle.active {
+  background-image: url( ../../img/ico/cross-button.png );
+}
+
+#content #logging #viewer #refresh-toggle.stopped {
+  background-image: url( ../../img/ico/arrow-circle.png ) ;
+}
+
 #content #logging #viewer table
 {
   border-collapse: collapse;

solr/webapp/web/js/angular/controllers/logging.js

@@ -78,7 +78,15 @@ solrAdminApp.controller('LoggingController',
       });
     };
     $scope.refresh();
-
+    $scope.toggleRefresh = function() {
+      if(!$scope.stopped) {
+        $scope.stopped = true;
+        $timeout.cancel($scope.timeout);
+      } else {
+        $scope.stopped = false;
+        $scope.timeout = $timeout($scope.refresh, 10000);
+      }
+    };
     $scope.toggleTimezone = function() {
       $scope.timezone = ($scope.timezone=="Local") ? "UTC":"Local";
       $cookies.logging_timezone = $scope.timezone;

solr/webapp/web/partials/logging.html

@@ -51,6 +51,7 @@ limitations under the License.
     <div id="footer" class="clearfix">
       <div id="state">Last Check: {{sinceDisplay}}</div>
       <div id="date-format" ng-click="toggleTimezone()"><a ng-class="{on: timezone=='UTC'}">Show dates in UTC</a></div>
+      <a id="refresh-toggle" ng-class="{'active': !stopped, 'stopped': stopped}" ng-click="toggleRefresh()">Auto-Refresh</a>
     </div>
   </div>
 </div>