Inserting ADD NOTIFICATION TEMPLATE button for tabs

with notification templates

awx/ui/client/src/notifications/notificationTemplates.list.js

@@ -3,8 +3,10 @@
  *
  * All Rights Reserved
  *************************************************/
-
+ /**
-
+  * This is the list definition for the notification templates list
+  * off of the settings page
+  */
 
 export default function(){
     return {

awx/ui/client/src/notifications/notifications.list.js

@@ -3,6 +3,10 @@
  *
  * All Rights Reserved
  *************************************************/
+ /**
+  * This is the list definition for the notification templates list
+  * used in the related tabs
+  */
 
 export default function(){
     return {
@@ -53,6 +57,16 @@ export default function(){
                 searchable: false,
                 nosort: true,
             }
+        },
+        actions: {
+            add: {
+                label: 'Add Notification',
+                mode: 'all', // One of: edit, select, all
+                ngClick: 'addNotificationTemplate()',
+                awToolTip: 'Create a new notification template',
+                actionClass: 'btn List-buttonSubmit',
+                buttonContent: '+ ADD NOTIFICATION TEMPLATE'
+            }
         }
 
     };

awx/ui/client/src/notifications/shared/notification-list-init.factory.js

@@ -15,12 +15,17 @@
  */
 
 export default ['Wait', 'GetBasePath', 'ProcessErrors', 'Rest', 'GetChoices',
-    function(Wait, GetBasePath, ProcessErrors, Rest, GetChoices) {
+    '$state',
+    function(Wait, GetBasePath, ProcessErrors, Rest, GetChoices, $state) {
     return function(params) {
         var scope = params.scope,
             url = params.url,
             id = params.id;
 
+        scope.addNotificationTemplate = function(){
+            $state.go('notifications.add');
+        }
+
         if (scope.relatednotificationsRemove) {
             scope.relatednotificationsRemove();
         }