Add toast notifications to SNMP page
Design team proposed that our error and success messages be
delivered as 'toast' messages on the right side of the screen.
This brings in ngToast and implements notifications on SNMP page.
Notifications will fade after 10 seconds or can be dismissed.
https://github.com/tameraydin/ngToast
Change-Id: I1053534cd1ab189ae5c2ac07e2a922acea231c70
Signed-off-by: beccabroek <beccabroek@gmail.com>
diff --git a/app/index.js b/app/index.js
index e0bc431..5e00f63 100644
--- a/app/index.js
+++ b/app/index.js
@@ -17,6 +17,10 @@
import angular_sanitize from 'angular-sanitize';
import angular_ui_bootstrap from 'angular-ui-bootstrap';
import angular_ui_router from 'angular-ui-router';
+import ngToast from 'ng-toast';
+import ngToast_animate from 'ng-toast/dist/ngToast-animations.css';
+import ngToast_style from 'ng-toast/dist/ngToast.css';
+
require('./styles/index.scss');
var config = require('../config.json');
@@ -87,7 +91,7 @@
'app',
[
// Dependencies
- 'ngRoute', 'angular-clipboard',
+ 'ngRoute', 'angular-clipboard', 'ngToast', 'ngAnimate',
'app.common.directives.dirPagination', 'ngSanitize',
// Basic resources
'app.common.services', 'app.common.directives',
@@ -129,6 +133,17 @@
};
}
])
+ .config([
+ 'ngToastProvider',
+ function(ngToastProvider) {
+ ngToastProvider.configure({
+ animation: 'fade',
+ timeout: 10000,
+ dismissButton: true,
+ maxNumber: 6
+ });
+ }
+ ])
.run([
'$rootScope', '$location', 'dataService', 'userModel',
function($rootScope, $location, dataService, userModel) {