ui: add action to declare/cancel host as degraded (#8327)

ui/public/locales/en.json

@@ -404,6 +404,7 @@
 "label.cachemode": "Write-cache type",
 "label.cancel": "Cancel",
 "label.cancelmaintenance": "Cancel maintenance",
+"label.cancel.host.as.degraded": "Cancel host as degraded",
 "label.capacity": "Capacity",
 "label.capacitybytes": "Capacity bytes",
 "label.capacityiops": "IOPS total",
@@ -570,6 +571,7 @@
 "label.db.usage.metrics": "DB/Usage server",
 "label.dbislocal": "The db runs locally",
 "label.dc.name": "DC name",
+"label.declare.host.as.degraded": "Declare host as degraded",
 "label.decline.invitation": "Decline invitation",
 "label.dedicate": "Dedicate",
 "label.dedicate.cluster": "Dedicate cluster",

ui/src/config/section/infra/hosts.js

@@ -290,6 +290,26 @@ export default {
         }
       }
     },
+    {
+      api: 'declareHostAsDegraded',
+      icon: 'exception-outlined',
+      label: 'label.declare.host.as.degraded',
+      message: 'label.declare.host.as.degraded',
+      dataView: true,
+      show: (record) => {
+        return record.resourcestate !== 'Degraded' && (record.state === 'Alert' || record.state === 'Disconnected')
+      }
+    },
+    {
+      api: 'cancelHostAsDegraded',
+      icon: 'file-done-outlined',
+      label: 'label.cancel.host.as.degraded',
+      message: 'label.cancel.host.as.degraded',
+      dataView: true,
+      show: (record) => {
+        return record.resourcestate === 'Degraded'
+      }
+    },
     {
       api: 'deleteHost',
       icon: 'delete-outlined',

ui/src/core/lazy_lib/icons_use.js

@@ -72,10 +72,12 @@ import {
   DragOutlined,
   EditOutlined,
   EnvironmentOutlined,
+  ExceptionOutlined,
   ExclamationCircleOutlined,
   EyeInvisibleOutlined,
   EyeOutlined,
   FieldTimeOutlined,
+  FileDoneOutlined,
   FileProtectOutlined,
   FilterOutlined,
   FilterTwoTone,
@@ -226,10 +228,12 @@ export default {
     app.component('DragOutlined', DragOutlined)
     app.component('EditOutlined', EditOutlined)
     app.component('EnvironmentOutlined', EnvironmentOutlined)
+    app.component('ExceptionOutlined', ExceptionOutlined)
     app.component('ExclamationCircleOutlined', ExclamationCircleOutlined)
     app.component('EyeInvisibleOutlined', EyeInvisibleOutlined)
     app.component('EyeOutlined', EyeOutlined)
     app.component('FieldTimeOutlined', FieldTimeOutlined)
+    app.component('FileDoneOutlined', FileDoneOutlined)
     app.component('FileProtectOutlined', FileProtectOutlined)
     app.component('FilterOutlined', FilterOutlined)
     app.component('FilterTwoTone', FilterTwoTone)