Merge pull request #18823 from Sanskar531/ui-logs-disabled-message

UI: Show message for when log collection is disabled

.changelog/18823.txt

@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Adds a warning message to pages in the Web UI when logs are disabled
+```

ui/app/components/task-log.js

@@ -34,6 +34,7 @@ export default class TaskLog extends Component {
 
   // When true, logs cannot be fetched from either the client or the server
   noConnection = false;
+  logsDisabled = false;
 
   clientTimeout = 1000;
   serverTimeout = 5000;
@@ -82,6 +83,11 @@ export default class TaskLog extends Component {
         timeout(timing),
       ]).then(
         (response) => {
+          // whenever the log files 404, it is due to log collection
+          // being disabled.
+          if (response.status === 404) {
+            this.set('logsDisabled', true);
+          }
           return response;
         },
         (error) => {

ui/app/templates/components/task-log.hbs

@@ -16,6 +16,19 @@
     </div>
   </div>
 {{/if}}
+{{#if this.logsDisabled}}
+  <div data-test-connection-error class="notification is-error">
+    <div class="columns">
+      <div class="column">
+        <h3 class="title is-4">Cannot fetch logs</h3>
+        <p>Logs unavailable. Log collection may be disabled.</p>
+      </div>
+      <div class="column is-centered is-minimum">
+        <button data-test-connection-error-dismiss class="button is-danger" onclick={{action (mut this.logsDisabled) false}} type="button">Okay</button>
+      </div>
+    </div>
+  </div>
+{{/if}}
 <div class="boxed-section-head task-log-head">
   <span>
     <button data-test-log-action="stdout" class="button {{if (eq this.mode "stdout") "is-info"}}" {{action "setMode" "stdout"}} type="button">stdout</button>