AMBARI-8091. Alerts UI: Summary Page. Create Actions menu. (onechiporenko)

ambari-web/app/controllers.js

@@ -67,6 +67,7 @@ require('controllers/main/admin/security/add/step4');
 require('controllers/main/admin/authentication');
 require('controllers/main/alerts_controller');
 require('controllers/main/alert_definitions_controller');
+require('controllers/main/alerts/alert_definitions_actions_controller');
 require('controllers/main/service');
 require('controllers/main/service/item');
 require('controllers/main/service/info/summary');

ambari-web/app/controllers/main/alerts/alert_definitions_actions_controller.js

@@ -0,0 +1,71 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+App.MainAlertDefinitionActionsController = Em.ArrayController.extend({
+
+  name: 'mainAlertDefinitionActions',
+
+  /**
+   * List of available actions for alert definitions
+   * @type {{title: string, icon: string, action: string, showDivider: boolean}[]}
+   */
+  content: [
+    {
+      title: Em.I18n.t('alerts.actions.create'),
+      icon: 'icon-plus',
+      action: 'createNewAlertDefinition',
+      showDivider: true
+    },
+    {
+      title: Em.I18n.t('alerts.actions.manageGroups'),
+      icon: 'icon-th-large',
+      action: 'manageAlertGroups',
+      showDivider: false
+    },
+    {
+      title: Em.I18n.t('alerts.actions.manageNotifications'),
+      icon: 'icon-envelope-alt',
+      action: 'manageNotifications',
+      showDivider: false
+    }
+  ],
+
+  /**
+   * Common handler for menu item click
+   * Call proper controller's method described in <code>action</code>-field (see <code>content</code>)
+   * @param {object} event
+   * @method actionHandler
+   */
+  actionHandler: function(event) {
+    var menuElement = event.context,
+      action = menuElement.action;
+    if ('function' === Em.typeOf(Em.get(this, action))) {
+      this[action]();
+    }
+    else {
+      console.error('Invalid action provided - ', action);
+    }
+  },
+
+  createNewAlertDefinition: Em.K,
+
+  manageAlertGroups: Em.K,
+
+  manageNotifications: Em.K
+
+});

ambari-web/app/messages.js

@@ -819,6 +819,10 @@ Em.I18n.translations = {
   'form.validator.configGroupName':'Invalid Group Name. Only alphanumerics, hyphens, spaces and underscores are allowed.',
   'form.validator.configKey.specific':'"{0}" is invalid Key. Only alphanumerics, hyphens, underscores, asterisks and periods are allowed.',
 
+  'alerts.actions.create': 'Create Alert',
+  'alerts.actions.manageGroups': 'Manage Alert Groups',
+  'alerts.actions.manageNotifications': 'Manage Notifications',
+
   'alerts.table.noAlerts': 'No Alerts to display',
   'alerts.table.header.lastTriggered': 'Last Triggered',
   'alerts.filters.filteredAlertsInfo': '{0} of {1} alerts showing',

ambari-web/app/templates/main/alerts.hbs

@@ -16,6 +16,10 @@
 * limitations under the License.
 }}
 
+<div class="pull-right">
+  {{view App.MainAlertDefinitionActionsView controllerBinding="App.router.mainAlertDefinitionActionsController"}}
+</div>
+
 <div id="alerts">
   <div class="box-header row">
   </div>

ambari-web/app/templates/main/alerts/alert_definitions_actions.hbs

@@ -0,0 +1,34 @@
+{{!
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+}}
+
+<div class="dropdown">
+  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">{{t common.actions}} <span class="caret"></span></a>
+  <ul class="dropdown-menu pull-right">
+    {{#each action in controller}}
+      <li>
+        <a href="#" {{action actionHandler action target="controller"}}>
+          <span {{bindAttr class="action.icon"}}></span>
+          {{action.title}}
+        </a>
+      </li>
+      {{#if action.showDivider}}
+        <li class="divider"></li>
+      {{/if}}
+    {{/each}}
+  </ul>
+</div>

ambari-web/app/views.js

@@ -42,6 +42,7 @@ require('views/login');
 require('views/main');
 require('views/main/menu');
 require('views/main/alert_definitions_view');
+require('views/main/alerts/alert_definitions_actions_view');
 require('views/main/charts');
 require('views/main/views/details');
 require('views/main/host');

ambari-web/app/views/main/alerts/alert_definitions_actions_view.js

@@ -0,0 +1,23 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+App.MainAlertDefinitionActionsView = Em.View.extend({
+
+  templateName: require('templates/main/alerts/alert_definitions_actions')
+
+});

ambari-web/test/controllers/main/alerts/alert_definitions_actions_controller_test.js

@@ -0,0 +1,56 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var App = require('app');
+
+var controller;
+
+describe('App.MainAlertDefinitionActionsController', function () {
+
+  beforeEach(function () {
+    controller = App.MainAlertDefinitionActionsController.create({});
+  });
+
+  describe('#actionHandler', function () {
+
+    beforeEach(function () {
+      sinon.stub(controller, 'createNewAlertDefinition', Em.K);
+      sinon.stub(controller, 'manageAlertGroups', Em.K);
+      sinon.stub(controller, 'manageNotifications', Em.K);
+    });
+
+    afterEach(function () {
+      controller.createNewAlertDefinition.restore();
+      controller.manageAlertGroups.restore();
+      controller.manageNotifications.restore();
+    });
+
+    it('should call proper methods', function () {
+
+      controller.actionHandler({action: 'createNewAlertDefinition'});
+      controller.actionHandler({action: 'manageAlertGroups'});
+      controller.actionHandler({action: 'manageNotifications'});
+      expect(controller.createNewAlertDefinition.calledOnce).to.be.ok;
+      expect(controller.manageAlertGroups.calledOnce).to.be.ok;
+      expect(controller.manageNotifications.calledOnce).to.be.ok;
+
+    });
+
+  });
+
+});