Update status label to reflect instance node states.

awx/ui/src/components/StatusIcon/StatusIcon.js

@@ -22,6 +22,13 @@ const colors = {
   disabled: gray,
   canceled: orange,
   changed: orange,
+  /* Instance statuses */
+  ready: green,
+  installed: blue,
+  provisioning: gray,
+  deprovisioning: gray,
+  'provision-fail': red,
+  'deprovision-fail': red,
 };
 
 function StatusIcon({ status, ...props }) {

awx/ui/src/components/StatusIcon/icons.js

@@ -7,6 +7,7 @@ import {
   ClockIcon,
   MinusCircleIcon,
   InfoCircleIcon,
+  PlusCircleIcon,
 } from '@patternfly/react-icons';
 
 const Spin = keyframes`
@@ -40,5 +41,12 @@ const icons = {
   skipped: MinusCircleIcon,
   canceled: ExclamationTriangleIcon,
   changed: ExclamationTriangleIcon,
+  /* Instance statuses */
+  ready: CheckCircleIcon,
+  installed: ClockIcon,
+  provisioning: PlusCircleIcon,
+  deprovisioning: MinusCircleIcon,
+  'provision-fail': ExclamationCircleIcon,
+  'deprovision-fail': ExclamationCircleIcon,
 };
 export default icons;

awx/ui/src/components/StatusLabel/StatusLabel.js

@@ -24,6 +24,13 @@ const colors = {
   disabled: 'grey',
   canceled: 'orange',
   changed: 'orange',
+  /* Instance statuses */
+  ready: 'green',
+  installed: 'blue',
+  provisioning: 'gray',
+  deprovisioning: 'gray',
+  'provision-fail': 'red',
+  'deprovision-fail': 'red',
 };
 
 export default function StatusLabel({ status, tooltipContent = '', children }) {
@@ -45,6 +52,13 @@ export default function StatusLabel({ status, tooltipContent = '', children }) {
     disabled: t`Disabled`,
     canceled: t`Canceled`,
     changed: t`Changed`,
+    /* Instance statuses */
+    ready: t`Ready`,
+    installed: t`Installed`,
+    provisioning: t`Provisioning`,
+    deprovisioning: t`Deprovisioning`,
+    'provision-fail': t`Provisioning fail`,
+    'deprovision-fail': t`Deprovisioning fail`,
   };
   const label = upperCaseStatus[status] || status;
   const color = colors[status] || 'grey';
@@ -88,5 +102,11 @@ StatusLabel.propTypes = {
     'disabled',
     'canceled',
     'changed',
+    'ready',
+    'installed',
+    'provisioning',
+    'deprovisioning',
+    'provision-fail',
+    'deprovision-fail',
   ]).isRequired,
 };

awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js

@@ -136,7 +136,7 @@ function InstanceListItem({
               </div>
             }
           >
-            <StatusLabel status={instance.errors ? 'error' : 'healthy'} />
+            <StatusLabel status={instance.node_state} />
           </Tooltip>
         </Td>
         <Td dataLabel={t`Node Type`}>{instance.node_type}</Td>

awx/ui/src/screens/Instances/InstanceList/InstanceListItem.js

@@ -143,7 +143,7 @@ function InstanceListItem({
               </div>
             }
           >
-            <StatusLabel status={instance.errors ? 'error' : 'healthy'} />
+            <StatusLabel status={instance.node_state} />
           </Tooltip>
         </Td>
 

awx/ui/src/screens/Instances/InstancePeers/InstancePeerListItem.js

@@ -144,7 +144,7 @@ function InstancePeerListItem({
               </div>
             }
           >
-            <StatusLabel status={peerInstance.errors ? 'error' : 'healthy'} />
+            <StatusLabel status={peerInstance.node_state} />
           </Tooltip>
         </Td>