Aftr user edits a group, update the sync related icons based on whether or not user added sync source or removed sync source. This allows a sync to be started immediately (or prevents starting one) without having to first click the refresh button.

awx/ui/static/js/lists/InventoryGroups.js

@@ -5,8 +5,7 @@
  * 
  */
 angular.module('InventoryGroupsDefinition', [])
-    .value(
-    'InventoryGroups', {
+    .value('InventoryGroups', {
 
         name: 'groups',
         iterator: 'group',
@@ -16,7 +15,7 @@ angular.module('InventoryGroupsDefinition', [])
         index: false,
         hover: false,
         hasChildren: true,
-        filterBy: '\{ show: true \}',
+        filterBy: '{ show: true }',
         'class': 'table-condensed table-no-border',
         
         fields: {
@@ -28,14 +27,14 @@ angular.module('InventoryGroupsDefinition', [])
                 hasChildren: true,
                 columnClass: 'col-lg-9 col-md-9 col-sm-7 col-xs-7',
                 nosort: true,
-                awDroppable: "\{\{ group.isDroppable \}\}",
-                awDraggable: "\{\{ group.isDraggable \}\}",
+                awDroppable: "{{ group.isDroppable }}",
+                awDraggable: "{{ group.isDraggable }}",
                 dataContainment: "#groups_table",
-                dataTreeId: "\{\{ group.id \}\}",
-                dataGroupId: "\{\{ group.group_id \}\}",
+                dataTreeId: "{{ group.id }}",
+                dataGroupId: "{{ group.group_id }}",
                 dataType: "group"
-                }
-            },
+            }
+        },
 
         actions: {
             
@@ -45,81 +44,83 @@ angular.module('InventoryGroupsDefinition', [])
                 mode: 'all',
                 ngClick: "createGroup()",
                 awToolTip: "Create a new group"
-                },
+            },
             properties: {
                 mode: 'all',
                 awToolTip: "Edit inventory properties",
                 ngClick: 'editInventoryProperties()'
-                },
+            },
             refresh: {
                 mode: 'all',
                 awToolTip: "Refresh the page",
                 ngClick: "refreshGroups()"
-                },
+            },
             stream: {
                 ngClick: "showGroupActivity()",
                 awToolTip: "View Activity Stream",
                 mode: 'all'
-                },
+            },
             help: {
                 mode: 'all',
                 awToolTip: "Get help building your inventory",
                 ngClick: "showGroupHelp()",
                 id: "inventory-summary-help"
-                }
-            },
+            }
+        },
 
         fieldActions: {
             sync_status: {
                 mode: 'all',
-                ngClick: "viewUpdateStatus(\{\{ group.id + ',' + group.group_id \}\})",
+                ngClick: "viewUpdateStatus(group.id, group.group_id)",
                 ngShow: "group.id > 1", // hide for all hosts
-                awToolTip: "\{\{ group.status_tooltip \}\}",
+                awToolTip: "{{ group.status_tooltip }}",
+                dataTipWatch: "group.launch_tooltip",
                 ngClass: "group.status_class",
                 dataPlacement: "top"
-                },
+            },
             failed_hosts: {
                 mode: 'all',
-                awToolTip: "\{\{ group.hosts_status_tip \}\}",
+                awToolTip: "{{ group.hosts_status_tip }}",
                 ngShow: "group.id > 1", // hide for all hosts
                 dataPlacement: "top",
-                ngClick: "\{\{ 'showHosts(' + group.id + ',' + group.group_id + ',' + group.show_failures + ')' \}\}",
-                iconClass: "\{\{ 'fa icon-failures-' + group.hosts_status_class \}\}"
-                },
+                ngClick: "showHosts(group.id, group.group_id, group.show_failures)",
+                iconClass: "{{ 'fa icon-failures-' + group.hosts_status_class }}"
+            },
             group_update: {
                 //label: 'Sync',
                 mode: 'all',
-                ngClick: 'updateGroup(\{\{ group.id \}\})',
-                awToolTip: "\{\{ group.launch_tooltip \}\}",
+                ngClick: 'updateGroup(group.id)',
+                awToolTip: "{{ group.launch_tooltip }}",
+                dataTipWatch: "group.launch_tooltip",
                 ngShow: "group.id > 1 && (group.status !== 'running' && group.status !== 'pending' && group.status !== 'updating')",
                 ngClass: "group.launch_class",
                 dataPlacement: "top"
-                },
+            },
             cancel: {
                 //label: 'Cancel',
                 mode: 'all',
-                ngClick: "cancelUpdate(\{\{ group.id \}\})",
+                ngClick: "cancelUpdate({{ group.id }})",
                 awToolTip: "Cancel sync process",
                 'class': 'red-txt',
                 ngShow: "group.id > 1 && (group.status == 'running' || group.status == 'pending' || group.status == 'updating')",
                 dataPlacement: "top"
-                },
+            },
             edit: {
                 //label: 'Edit',
                 mode: 'all',
-                ngClick: "editGroup(\{\{ group.group_id + ',' + group.id \}\})",
+                ngClick: "editGroup({{ group.group_id + ',' + group.id }})",
                 awToolTip: 'Edit group',
                 ngShow: "group.id > 1", // hide for all hosts
                 dataPlacement: "top"
-                },
+            },
             "delete": {
                 //label: 'Delete',
                 mode: 'all',
-                ngClick: "deleteGroup(\{\{ group.id + ',' + group.group_id \}\})",
+                ngClick: "deleteGroup({{ group.id + ',' + group.group_id }})",
                 awToolTip: 'Delete group',
                 ngShow: "group.id != 1", // hide for all hosts
                 dataPlacement: "top"
-                }
             }
+        }
     });