adding disabled toggle for related hosts

to match the mockup

awx/ui/client/src/inventories/related-hosts/main.js

@@ -19,4 +19,4 @@ angular.module('relatedHost', [
         relatedGroupsLabels.name
     ])
     .factory('RelatedHostsFormDefinition', relatedHostsFormDefinition)
-    .value('RelatedHostsListDefinition', relatedHostsListDefinition);
+    .factory('RelatedHostsListDefinition', relatedHostsListDefinition);

awx/ui/client/src/inventories/related-hosts/related-groups-labels/relatedGroupsLabelsList.block.less

@@ -1,6 +1,3 @@
-/** @define LabelList */
-// @import "./client/src/shared/branding/colors.default.less";
-
 .RelatedGroupsLabelsCell{
     width:100%;
 }

awx/ui/client/src/inventories/related-hosts/related-host.list.js

@@ -4,7 +4,8 @@
  * All Rights Reserved
  *************************************************/
 
-export default {
+export default ['i18n', function(i18n) {
+    return {
         name: 'hosts',
         iterator: 'host',
         editTitle: '{{ selected_group }}',
@@ -19,6 +20,22 @@ export default {
         basePath:  'api/v2/inventories/{{$stateParams.inventory_id}}/hosts/',
 
         fields: {
+            toggleHost: {
+                ngDisabled: 'host.has_inventory_sources',
+                label: '',
+                columnClass: 'List-staticColumn--toggle',
+                type: "toggle",
+                ngClick: "toggleHost($event, host)",
+                awToolTip: "<p>" +
+                    i18n._("Indicates if a host is available and should be included in running jobs.") +
+                    "</p><p>" +
+                    i18n._("For hosts that are part of an external" +
+                           " inventory, this flag cannot be changed. It will be" +
+                           " set by the inventory sync process.") +
+                    "</p>",
+                dataPlacement: "right",
+                nosort: true,
+            },
             active_failures: {
                 label: '',
                 iconOnly: true,
@@ -140,5 +157,5 @@ export default {
                 dataPlacement: "top",
             }
         }
-
+    };
-};
+}];