Display Tower instance group as read-only

awx/ui/client/lib/components/input/_index.less

@@ -261,4 +261,12 @@
             width: 16px;
         }
     }
+
+    input[type=range][disabled] {
+        &::-webkit-slider-thumb {
+            background: @at-color-disabled;
+            border: solid 1px @at-color-disabled;
+            cursor: not-allowed;
+        }
+    }
 }

awx/ui/client/lib/components/input/lookup.partial.html

@@ -21,7 +21,8 @@
                 ng-disabled="state._disabled || form.disabled">
 
             <span class="form-control Form-textInput Form-textInput--variableHeight LabelList-lookupTags"
-                ng-if="state._lookupTags">
+                ng-if="state._lookupTags"
+                ng-disabled="state._disabled || form.disabled">
                 <div class="LabelList-tagContainer" ng-repeat="tag in state._value track by $index">
                     <div class="LabelList-tag LabelList-tag--deletable">
                         <span ng-if="tag.hostname" class="LabelList-name">{{ tag.hostname }}</span>

awx/ui/client/lib/components/input/slider.partial.html

@@ -6,7 +6,8 @@
                     ng-model="state._value"
                     min="0"
                     max="100"
-                    ng-change="vm.slide(state._value)"/>
+                    ng-change="vm.slide(state._value)"
+                    ng-disabled="state._disabled || form.disabled"/>
             <p>{{ state._value }}%</p>
         </div>
     </div>

awx/ui/client/lib/theme/_global.less

@@ -13,6 +13,7 @@
 
     &[disabled] {
         background: @at-color-disabled;
+        border-color: @at-color-disabled;
     }
 }
 

awx/ui/client/lib/theme/_variables.less

@@ -115,7 +115,7 @@
 @at-color-success: @at-green;
 @at-color-success-hover: @at-green-hover;
 
-@at-color-disabled: @at-gray-d7;
+@at-color-disabled: @at-gray-b7;
 
 @at-color-body-background-dark: @at-gray-70;
 @at-color-body-background-light: @at-gray-eb;
@@ -138,7 +138,7 @@
 
 @at-color-input-background: @at-gray-fc;
 @at-color-input-border: @at-gray-b7;
-@at-color-input-button: @at-gray-fc;
+@at-color-input-button: @at-white;
 @at-color-input-button-hover: @at-gray-f2;
 @at-color-input-disabled: @at-gray-eb;
 @at-color-input-readonly: @at-color-input-background;

awx/ui/client/src/instance-groups/add-edit/edit-instance-group.controller.js

@@ -26,6 +26,8 @@ function EditController ($rootScope, $state, models, strings) {
 
     vm.form = instanceGroup.createFormSchema('put');
 
+    vm.form.disabled = !instanceGroup.has('options', 'actions.PUT');
+
     vm.form.policy_instance_list._lookupTags = true;
     vm.form.policy_instance_list._model = instance;
     vm.form.policy_instance_list._placeholder = "Policy Instance List";

awx/ui/client/src/instance-groups/list/instance-groups-list.partial.html

@@ -59,7 +59,7 @@
 
                 <div class="at-Row-actions">
                     <capacity-bar label-value="Used Capacity" capacity="instance_group.consumed_capacity" total-capacity="instance_group.capacity"></capacity-bar>
-                    <at-row-action icon="fa-trash" ng-click="vm.deleteInstanceGroup(instance_group)">
+                    <at-row-action icon="fa-trash" ng-click="vm.deleteInstanceGroup(instance_group)" ng-if="instance_group.name !== 'tower'">
                     </at-row-action>
                 </div>
             </at-row>

awx/ui/client/src/templates/labels/labelsList.block.less

@@ -91,6 +91,10 @@
     overflow-y: hidden;
 }
 
+.LabelList-lookupTags[disabled] {
+    pointer-events: none;
+}
+
 .LabelList-lookupTags--disabled {
     cursor: not-allowed;
     background-color: @default-list-header-bg;