Add Monitoring main navigation section, with Alert sections

app/assets/javascripts/angular_modules/module_alerts_center.js

@@ -0,0 +1,6 @@
+miqHttpInject(angular.module('alertsCenter', [
+  'ui.bootstrap',
+  'patternfly',
+  'miq.util',
+  'miq.api'
+]));

app/assets/javascripts/application.js

@@ -16,6 +16,7 @@
 //= require moment
 //= require moment-strftime/lib/moment-strftime
 //= require moment-timezone
+//= require moment-duration-format
 //= require sprintf
 //= require numeral
 //= require cable

app/assets/javascripts/controllers/alerts/alerts_list_controller.js

@@ -0,0 +1,131 @@
+/* global miqHttpInject */
+
+angular.module('alertsCenter').controller('alertsListController',
+  ['$window', 'alertsCenterService', '$interval', '$timeout',
+  function($window, alertsCenterService, $interval, $timeout) {
+    var vm = this;
+
+    vm.alerts = [];
+    vm.alertsList = [];
+
+    function processData(response) {
+      var updatedAlerts = alertsCenterService.convertToAlertsList(response);
+
+      // update display data for the alerts from the current alert settings
+      angular.forEach(updatedAlerts, function(nextUpdate) {
+        matchingAlert = _.find(vm.alerts, function(existingAlert) {
+          return nextUpdate.id === existingAlert.id;
+        });
+
+        if (angular.isDefined(matchingAlert)) {
+          nextUpdate.isExpanded = matchingAlert.isExpanded;
+        }
+      });
+
+      vm.alerts = updatedAlerts;
+      vm.loadingDone = true;
+      vm.filterChange();
+
+      $timeout();
+    }
+
+    function setupConfig() {
+      vm.severities = alertsCenterService.severities;
+      vm.acknowledgedTooltip = __("Acknowledged");
+
+      vm.listConfig = {
+        showSelectBox: false,
+        selectItems: false,
+        useExpandingRows: true,
+        onClick: expandRow
+      };
+
+      vm.menuActions = alertsCenterService.menuActions;
+      vm.updateMenuActionForItemFn = alertsCenterService.updateMenuActionForItemFn;
+
+      vm.objectTypes = [];
+      vm.currentFilters = alertsCenterService.getFiltersFromLocation($window.location.search,
+                                                                     alertsCenterService.alertListSortFields);
+
+      vm.filterConfig = {
+        fields: alertsCenterService.alertListFilterFields,
+        resultsCount: vm.alertsList.length,
+        appliedFilters: vm.currentFilters,
+        onFilterChange: vm.filterChange
+      };
+
+
+      vm.sortConfig = {
+        fields: alertsCenterService.alertListSortFields,
+        onSortChange: sortChange,
+        isAscending: true
+      };
+
+      // Default sort descending by severity
+      vm.sortConfig.currentField = vm.sortConfig.fields[1];
+      vm.sortConfig.isAscending = false;
+
+      vm.toolbarConfig = {
+        filterConfig: vm.filterConfig,
+        sortConfig: vm.sortConfig,
+        actionsConfig: {
+          actionsInclude: true
+        }
+      };
+    }
+
+    vm.filterChange = function() {
+      vm.alertsList = alertsCenterService.filterAlerts(vm.alerts, vm.filterConfig.appliedFilters);
+
+      vm.toolbarConfig.filterConfig.resultsCount = vm.alertsList.length;
+
+      /* Make sure sorting is maintained */
+      sortChange();
+    };
+
+    function sortChange() {
+      if (vm.alertsList) {
+        vm.alertsList.sort(function(item1, item2) {
+          return alertsCenterService.compareAlerts(item1,
+            item2,
+            vm.toolbarConfig.sortConfig.currentField.id,
+            vm.toolbarConfig.sortConfig.isAscending);
+        });
+      }
+    }
+
+    function expandRow(item) {
+      if (!item.disableRowExpansion) {
+        item.isExpanded = !item.isExpanded;
+      }
+    }
+
+    function getAlerts() {
+      alertsCenterService.updateAlertsData().then(processData);
+
+      if (alertsCenterService.refreshInterval > 0) {
+        $interval(
+          function() {
+            alertsCenterService.updateAlertsData().then(processData);
+          },
+          alertsCenterService.refreshInterval
+        );
+      }
+    }
+
+    vm.showHostPage = function(item, event) {
+      event.stopImmediatePropagation();
+      $window.location.href = item.hostLink;
+    };
+
+    vm.showObjectPage = function(item, event) {
+      event.stopImmediatePropagation();
+      $window.location.href = item.objectLink;
+    };
+
+    alertsCenterService.registerObserverCallback(vm.filterChange);
+
+    setupConfig();
+    getAlerts();
+  }
+]);

app/assets/javascripts/controllers/alerts/alerts_most_recent_controller.js

@@ -0,0 +1,134 @@
+/* global miqHttpInject */
+
+angular.module('alertsCenter').controller('alertsMostRecentController',
+  ['$window', 'alertsCenterService', '$interval', '$timeout',
+  function($window, alertsCenterService, $interval, $timeout) {
+    var vm = this;
+
+    vm.alertsList = [];
+
+    function processData(response) {
+      var updatedAlerts = alertsCenterService.convertToAlertsList(response);
+
+      // update display data for the alerts from the current alert settings
+      angular.forEach(updatedAlerts, function(nextUpdate) {
+        matchingAlert = _.find(vm.alerts, function(existingAlert) {
+          return nextUpdate.id === existingAlert.id;
+        });
+
+        if (angular.isDefined(matchingAlert)) {
+          nextUpdate.isExpanded = matchingAlert.isExpanded;
+        }
+      });
+
+      vm.alerts = updatedAlerts;
+      vm.loadingDone = true;
+      vm.filterChange();
+
+      $timeout();
+    }
+
+    function setupConfig() {
+      vm.acknowledgedTooltip = __("Acknowledged");
+
+      vm.showCount = 25;
+      vm.showCounts = [25, 50, 100];
+
+      vm.severities = alertsCenterService.severities;
+
+      vm.listConfig = {
+        showSelectBox: false,
+        selectItems: false,
+        useExpandingRows: true
+      };
+
+      vm.menuActions = alertsCenterService.menuActions;
+      vm.updateMenuActionForItemFn = alertsCenterService.updateMenuActionForItemFn;
+
+      vm.objectTypes = [];
+      vm.currentFilters = alertsCenterService.getFiltersFromLocation($window.location.search,
+                                                                     alertsCenterService.alertListSortFields);
+
+      vm.filterConfig = {
+        fields: alertsCenterService.alertListFilterFields,
+        resultsCount: vm.alertsList.length,
+        appliedFilters: vm.currentFilters,
+        onFilterChange: vm.filterChange
+      };
+
+
+      vm.sortConfig = {
+        fields: alertsCenterService.alertListSortFields,
+        onSortChange: sortChange,
+        isAscending: true
+      };
+
+      // Default sort descending by severity
+      vm.sortConfig.currentField = vm.sortConfig.fields[1];
+      vm.sortConfig.isAscending = false;
+
+      vm.toolbarConfig = {
+        filterConfig: vm.filterConfig,
+        sortConfig: vm.sortConfig,
+        actionsConfig: {
+          actionsInclude: true
+        }
+      };
+    }
+
+    vm.filterChange = function() {
+      vm.alertsList = [];
+
+      // Sort by update time descending
+      vm.alerts.sort(function(alert1, alert2) {
+        return (alert2.evaluated_on - alert1.evaluated_on);
+      });
+
+      vm.alertsList = alertsCenterService.filterAlerts(vm.alerts, vm.filterConfig.appliedFilters);
+
+      vm.toolbarConfig.filterConfig.resultsCount = vm.alertsList.length;
+
+      /* Make sure sorting is maintained */
+      sortChange();
+    };
+
+    function sortChange() {
+      if (vm.alertsList) {
+        vm.alertsList.sort(function(item1, item2) {
+          return alertsCenterService.compareAlerts(item1,
+                                                   item2,
+                                                   vm.toolbarConfig.sortConfig.currentField.id,
+                                                   vm.toolbarConfig.sortConfig.isAscending);
+        });
+      }
+    }
+
+    function getAlerts() {
+      alertsCenterService.updateAlertsData(vm.showCount, 0, undefined, 'evaluated_on', false).then(processData);
+
+      if (alertsCenterService.refreshInterval > 0) {
+        $interval(
+          function() {
+            alertsCenterService.updateAlertsData(vm.showCount, 0, undefined, 'evaluated_on', false).then(processData);
+          },
+          alertsCenterService.refreshInterval
+        );
+      }
+    }
+
+    vm.showHostPage = function(item, event) {
+      event.stopImmediatePropagation();
+      $window.location.href = item.hostLink;
+    };
+
+    vm.showObjectPage = function(item, event) {
+      event.stopImmediatePropagation();
+      $window.location.href = item.objectLink;
+    };
+
+    alertsCenterService.registerObserverCallback(vm.filterChange);
+
+    setupConfig();
+    getAlerts();
+  }
+]);