http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/a8ba6ba9/griffin-ui/bower_components/AngularJS-Toaster/toaster.js
----------------------------------------------------------------------
diff --git a/griffin-ui/bower_components/AngularJS-Toaster/toaster.js 
b/griffin-ui/bower_components/AngularJS-Toaster/toaster.js
new file mode 100644
index 0000000..654185d
--- /dev/null
+++ b/griffin-ui/bower_components/AngularJS-Toaster/toaster.js
@@ -0,0 +1,504 @@
+/* global angular */
+(function (window, document) {
+    'use strict';
+
+    /*
+     * AngularJS Toaster
+     * Version: 1.2.0
+     *
+     * Copyright 2013-2016 Jiri Kavulak.
+     * All Rights Reserved.
+     * Use, reproduction, distribution, and modification of this code is 
subject to the terms and
+     * conditions of the MIT license, available at 
http://www.opensource.org/licenses/mit-license.php
+     *
+     * Author: Jiri Kavulak
+     * Related to project of John Papa, Hans Fjällemark and Nguyễn Thiện 
Hùng (thienhung1989)
+     */
+
+    angular.module('toaster', []).constant(
+        'toasterConfig', {
+            'limit': 0,                   // limits max number of toasts
+            'tap-to-dismiss': true,
+
+            /* Options:
+             - Boolean false/true
+             'close-button': true
+             - object if not a boolean that allows you to
+             override showing the close button for each
+             icon-class value
+             'close-button': { 'toast-error': true, 'toast-info': false }
+             */
+            'close-button': false,
+            'close-html': '<button class="toast-close-button" 
type="button">&times;</button>',
+            'newest-on-top': true, 
+            //'fade-in': 1000,            // done in css
+            //'on-fade-in': undefined,    // not implemented
+            //'fade-out': 1000,           // done in css
+            //'on-fade-out': undefined,   // not implemented
+            //'extended-time-out': 1000,  // not implemented
+            'time-out': 5000, // Set timeOut and extendedTimeout to 0 to make 
it sticky
+            'icon-classes': {
+                error: 'toast-error',
+                info: 'toast-info',
+                wait: 'toast-wait',
+                success: 'toast-success',
+                warning: 'toast-warning'
+            },
+            'body-output-type': '', // Options: '', 'trustedHtml', 'template', 
'templateWithData', 'directive'
+            'body-template': 'toasterBodyTmpl.html',
+            'icon-class': 'toast-info',
+            'position-class': 'toast-top-right', // Options (see CSS):
+            // 'toast-top-full-width', 'toast-bottom-full-width', 
'toast-center',
+            // 'toast-top-left', 'toast-top-center', 'toast-top-right',
+            // 'toast-bottom-left', 'toast-bottom-center', 
'toast-bottom-right',
+            'title-class': 'toast-title',
+            'message-class': 'toast-message',
+            'prevent-duplicates': false,
+            'mouseover-timer-stop': true // stop timeout on mouseover and 
restart timer on mouseout
+        }
+        ).service(
+        'toaster', [
+            '$rootScope', 'toasterConfig', function ($rootScope, 
toasterConfig) {
+                this.pop = function (type, title, body, timeout, 
bodyOutputType, clickHandler, toasterId, showCloseButton, toastId, 
onHideCallback) {
+                    if (angular.isObject(type)) {
+                        var params = type; // Enable named parameters as pop 
argument
+                        this.toast = {
+                            type: params.type,
+                            title: params.title,
+                            body: params.body,
+                            timeout: params.timeout,
+                            bodyOutputType: params.bodyOutputType,
+                            clickHandler: params.clickHandler,
+                            showCloseButton: params.showCloseButton,
+                            closeHtml: params.closeHtml,
+                            uid: params.toastId,
+                            onShowCallback: params.onShowCallback,
+                            onHideCallback: params.onHideCallback,
+                            directiveData: params.directiveData
+                        };
+                        toastId = params.toastId;
+                        toasterId = params.toasterId;
+                    } else {
+                        this.toast = {
+                            type: type,
+                            title: title,
+                            body: body,
+                            timeout: timeout,
+                            bodyOutputType: bodyOutputType,
+                            clickHandler: clickHandler,
+                            showCloseButton: showCloseButton,
+                            uid: toastId,
+                            onHideCallback: onHideCallback
+                        };
+                    }
+                    $rootScope.$emit('toaster-newToast', toasterId, toastId);
+                };
+
+                this.clear = function (toasterId, toastId) {
+                    $rootScope.$emit('toaster-clearToasts', toasterId, 
toastId);
+                };
+
+                // Create one method per icon class, to allow to call 
toaster.info() and similar
+                for (var type in toasterConfig['icon-classes']) {
+                    this[type] = createTypeMethod(type);
+                }
+
+                function createTypeMethod(toasterType) {
+                    return function (title, body, timeout, bodyOutputType, 
clickHandler, toasterId, showCloseButton, toastId, onHideCallback) {
+                        if (angular.isString(title)) {
+                            this.pop(
+                                toasterType,
+                                title,
+                                body,
+                                timeout,
+                                bodyOutputType,
+                                clickHandler,
+                                toasterId,
+                                showCloseButton,
+                                toastId,
+                                onHideCallback);
+                        } else { // 'title' is actually an object with options
+                            this.pop(angular.extend(title, { type: toasterType 
}));
+                        }
+                    };
+                }
+            }]
+        ).factory(
+        'toasterEventRegistry', [
+            '$rootScope', function ($rootScope) {
+                var deregisterNewToast = null, deregisterClearToasts = null, 
newToastEventSubscribers = [], clearToastsEventSubscribers = [], toasterFactory;
+
+                toasterFactory = {
+                    setup: function () {
+                        if (!deregisterNewToast) {
+                            deregisterNewToast = $rootScope.$on(
+                                'toaster-newToast', function (event, 
toasterId, toastId) {
+                                    for (var i = 0, len = 
newToastEventSubscribers.length; i < len; i++) {
+                                        newToastEventSubscribers[i](event, 
toasterId, toastId);
+                                    }
+                                });
+                        }
+
+                        if (!deregisterClearToasts) {
+                            deregisterClearToasts = $rootScope.$on(
+                                'toaster-clearToasts', function (event, 
toasterId, toastId) {
+                                    for (var i = 0, len = 
clearToastsEventSubscribers.length; i < len; i++) {
+                                        clearToastsEventSubscribers[i](event, 
toasterId, toastId);
+                                    }
+                                });
+                        }
+                    },
+
+                    subscribeToNewToastEvent: function (onNewToast) {
+                        newToastEventSubscribers.push(onNewToast);
+                    },
+                    subscribeToClearToastsEvent: function (onClearToasts) {
+                        clearToastsEventSubscribers.push(onClearToasts);
+                    },
+                    unsubscribeToNewToastEvent: function (onNewToast) {
+                        var index = 
newToastEventSubscribers.indexOf(onNewToast);
+                        if (index >= 0) {
+                            newToastEventSubscribers.splice(index, 1);
+                        }
+
+                        if (newToastEventSubscribers.length === 0) {
+                            deregisterNewToast();
+                            deregisterNewToast = null;
+                        }
+                    },
+                    unsubscribeToClearToastsEvent: function (onClearToasts) {
+                        var index = 
clearToastsEventSubscribers.indexOf(onClearToasts);
+                        if (index >= 0) {
+                            clearToastsEventSubscribers.splice(index, 1);
+                        }
+
+                        if (clearToastsEventSubscribers.length === 0) {
+                            deregisterClearToasts();
+                            deregisterClearToasts = null;
+                        }
+                    }
+                };
+                return {
+                    setup: toasterFactory.setup,
+                    subscribeToNewToastEvent: 
toasterFactory.subscribeToNewToastEvent,
+                    subscribeToClearToastsEvent: 
toasterFactory.subscribeToClearToastsEvent,
+                    unsubscribeToNewToastEvent: 
toasterFactory.unsubscribeToNewToastEvent,
+                    unsubscribeToClearToastsEvent: 
toasterFactory.unsubscribeToClearToastsEvent
+                };
+            }]
+        )
+        .directive('directiveTemplate', ['$compile', '$injector', 
function($compile, $injector) {
+            return {
+                restrict: 'A',
+                scope: {
+                    directiveName: '@directiveName',
+                    directiveData: '@directiveData'
+                },
+                replace: true,   
+                link: function (scope, elm, attrs) {
+                    scope.$watch('directiveName', function (directiveName) {
+                        if (angular.isUndefined(directiveName) || 
directiveName.length <= 0)
+                            throw new Error('A valid directive name must be 
provided via the toast body argument when using bodyOutputType: directive');
+                        
+                        var directive;
+                        
+                        try {
+                            directive = 
$injector.get(attrs.$normalize(directiveName) + 'Directive');
+                        } catch(e) {
+                            throw new Error(directiveName + ' could not be 
found. ' +
+                                 'The name should appear as it exists in the 
markup, not camelCased as it would appear in the directive declaration,' +
+                                 ' e.g. directive-name not directiveName.');
+                        }
+                        
+                        
+                        var directiveDetails = directive[0];
+                            
+                        if (directiveDetails.scope !== true && 
directiveDetails.scope) {
+                            throw new Error('Cannot use a directive with an 
isolated scope. ' + 
+                                'The scope must be either true or falsy (e.g. 
false/null/undefined). ' + 
+                                'Occurred for directive ' + directiveName + 
'.');
+                        }
+                        
+                        if (directiveDetails.restrict.indexOf('A') < 0) {
+                            throw new Error('Directives must be usable as 
attributes. ' +
+                              'Add "A" to the restrict option (or remove the 
option entirely). Occurred for directive ' + 
+                              directiveName + '.');
+                        }
+                            
+                        if (scope.directiveData)
+                            scope.directiveData = 
angular.fromJson(scope.directiveData);
+                        
+                        var template = $compile('<div ' + directiveName + 
'></div>')(scope);
+
+                        elm.append(template);
+                    });
+                }
+            };
+        }])
+        .directive(
+        'toasterContainer', [
+            '$parse', '$rootScope', '$interval', '$sce', 'toasterConfig', 
'toaster', 'toasterEventRegistry',
+            function ($parse, $rootScope, $interval, $sce, toasterConfig, 
toaster, toasterEventRegistry) {
+                return {
+                    replace: true,
+                    restrict: 'EA',
+                    scope: true, // creates an internal scope for this 
directive (one per directive instance)
+                    link: function (scope, elm, attrs) {
+                        var id = 0, mergedConfig;
+
+                        // Merges configuration set in directive with default 
one
+                        mergedConfig = angular.extend({}, toasterConfig, 
scope.$eval(attrs.toasterOptions));
+
+                        scope.config = {
+                            toasterId: mergedConfig['toaster-id'],
+                            position: mergedConfig['position-class'],
+                            title: mergedConfig['title-class'],
+                            message: mergedConfig['message-class'],
+                            tap: mergedConfig['tap-to-dismiss'],
+                            closeButton: mergedConfig['close-button'],
+                            closeHtml: mergedConfig['close-html'],
+                            animation: mergedConfig['animation-class'],
+                            mouseoverTimer: 
mergedConfig['mouseover-timer-stop']
+                        };
+
+                        scope.$on(
+                            "$destroy", function () {
+                                
toasterEventRegistry.unsubscribeToNewToastEvent(scope._onNewToast);
+                                
toasterEventRegistry.unsubscribeToClearToastsEvent(scope._onClearToasts);
+                            }
+                            );
+
+                        function setTimeout(toast, time) {
+                            toast.timeoutPromise = $interval(
+                                function () {
+                                    scope.removeToast(toast.id);
+                                }, time, 1
+                                );
+                        }
+
+                        scope.configureTimer = function (toast) {
+                            var timeout = angular.isNumber(toast.timeout) ? 
toast.timeout : mergedConfig['time-out'];
+                            if (typeof timeout === "object") timeout = 
timeout[toast.type];
+                            if (timeout > 0) {
+                                setTimeout(toast, timeout);
+                            }
+                        };
+
+                        function addToast(toast, toastId) {
+                            toast.type = 
mergedConfig['icon-classes'][toast.type];
+                            if (!toast.type) {
+                                toast.type = mergedConfig['icon-class'];
+                            }
+
+                            if (mergedConfig['prevent-duplicates'] === true) {
+                                // Prevent adding duplicate toasts if it's set
+                                if (isUndefinedOrNull(toastId)) {
+                                    if (scope.toasters.length > 0 && 
scope.toasters[scope.toasters.length - 1].body === toast.body) {
+                                        return;
+                                    }
+                                } else {
+                                    var i, len;
+                                    for (i = 0, len = scope.toasters.length; i 
< len; i++) {
+                                        if (scope.toasters[i].uid === toastId) 
{
+                                            removeToast(i);
+                                            // update loop
+                                            i--;
+                                            len = scope.toasters.length;
+                                        }
+                                    }
+                                }
+                            }
+
+                            toast.id = ++id;
+                            // Sure uid defined
+                            if (!isUndefinedOrNull(toastId)) {
+                                toast.uid = toastId;
+                            }
+
+                            // set the showCloseButton property on the toast 
so that
+                            // each template can bind directly to the property 
to show/hide
+                            // the close button
+                            var closeButton = mergedConfig['close-button'];
+
+                            // if toast.showCloseButton is a boolean value,
+                            // it was specifically overriden in the pop 
arguments
+                            if (typeof toast.showCloseButton === "boolean") {
+
+                            } else if (typeof closeButton === "boolean") {
+                                toast.showCloseButton = closeButton;
+                            } else if (typeof closeButton === "object") {
+                                var closeButtonForType = 
closeButton[toast.type];
+
+                                if (typeof closeButtonForType !== "undefined" 
&& closeButtonForType !== null) {
+                                    toast.showCloseButton = closeButtonForType;
+                                }
+                            } else {
+                                // if an option was not set, default to false.
+                                toast.showCloseButton = false;
+                            }
+                            
+                            if (toast.showCloseButton) {
+                                toast.closeHtml = 
$sce.trustAsHtml(toast.closeHtml || scope.config.closeHtml);
+                            }
+                             
+                            // Set the toast.bodyOutputType to the default if 
it isn't set
+                            toast.bodyOutputType = toast.bodyOutputType || 
mergedConfig['body-output-type'];
+                            switch (toast.bodyOutputType) {
+                                case 'trustedHtml':
+                                    toast.html = $sce.trustAsHtml(toast.body);
+                                    break;
+                                case 'template':
+                                    toast.bodyTemplate = toast.body || 
mergedConfig['body-template'];
+                                    break;
+                                case 'templateWithData':
+                                    var fcGet = $parse(toast.body || 
mergedConfig['body-template']);
+                                    var templateWithData = fcGet(scope);
+                                    toast.bodyTemplate = 
templateWithData.template;
+                                    toast.data = templateWithData.data;
+                                    break;
+                                case 'directive':
+                                    toast.html = toast.body;
+                                    break;
+                            }
+
+                            scope.configureTimer(toast);
+                            
+                            if (mergedConfig['newest-on-top'] === true) {
+                                scope.toasters.unshift(toast);
+                                if (mergedConfig['limit'] > 0 && 
scope.toasters.length > mergedConfig['limit']) {
+                                    scope.toasters.pop();
+                                }
+                            } else {
+                                scope.toasters.push(toast);
+                                if (mergedConfig['limit'] > 0 && 
scope.toasters.length > mergedConfig['limit']) {
+                                    scope.toasters.shift();
+                                }
+                            }
+                            
+                            if (angular.isFunction(toast.onShowCallback)) {
+                                toast.onShowCallback();
+                            }
+                        }
+
+                        scope.removeToast = function (id) {
+                            var i, len;
+                            for (i = 0, len = scope.toasters.length; i < len; 
i++) {
+                                if (scope.toasters[i].id === id) {
+                                    removeToast(i);
+                                    break;
+                                }
+                            }
+                        };
+
+                        function removeToast(toastIndex) {
+                            var toast = scope.toasters[toastIndex];
+                            
+                            // toast is always defined since the index always 
has a match
+                            if (toast.timeoutPromise) {
+                                $interval.cancel(toast.timeoutPromise);
+                            }
+                            scope.toasters.splice(toastIndex, 1);
+
+                            if (angular.isFunction(toast.onHideCallback)) {
+                                toast.onHideCallback();
+                            }
+                        }
+
+                        function removeAllToasts(toastId) {
+                            for (var i = scope.toasters.length - 1; i >= 0; 
i--) {
+                                if (isUndefinedOrNull(toastId)) {
+                                    removeToast(i);
+                                } else {
+                                    if (scope.toasters[i].uid == toastId) {
+                                        removeToast(i);
+                                    }
+                                }
+                            }
+                        }
+
+                        scope.toasters = [];
+
+                        function isUndefinedOrNull(val) {
+                            return angular.isUndefined(val) || val === null;
+                        }
+
+                        scope._onNewToast = function (event, toasterId, 
toastId) {
+                            // Compatibility: if toaster has no toasterId 
defined, and if call to display
+                            // hasn't either, then the request is for us
+
+                            if ((isUndefinedOrNull(scope.config.toasterId) && 
isUndefinedOrNull(toasterId)) || (!isUndefinedOrNull(scope.config.toasterId) && 
!isUndefinedOrNull(toasterId) && scope.config.toasterId == toasterId)) {
+                                addToast(toaster.toast, toastId);
+                            }
+                        };
+                        scope._onClearToasts = function (event, toasterId, 
toastId) {
+                            // Compatibility: if toaster has no toasterId 
defined, and if call to display
+                            // hasn't either, then the request is for us
+                            if (toasterId == '*' || 
(isUndefinedOrNull(scope.config.toasterId) && isUndefinedOrNull(toasterId)) || 
(!isUndefinedOrNull(scope.config.toasterId) && !isUndefinedOrNull(toasterId) && 
scope.config.toasterId == toasterId)) {
+                                removeAllToasts(toastId);
+                            }
+                        };
+
+                        toasterEventRegistry.setup();
+
+                        
toasterEventRegistry.subscribeToNewToastEvent(scope._onNewToast);
+                        
toasterEventRegistry.subscribeToClearToastsEvent(scope._onClearToasts);
+                    },
+                    controller: [
+                        '$scope', '$element', '$attrs', function ($scope, 
$element, $attrs) {
+                            // Called on mouseover
+                            $scope.stopTimer = function (toast) {
+                                if ($scope.config.mouseoverTimer === true) {
+                                    if (toast.timeoutPromise) {
+                                        $interval.cancel(toast.timeoutPromise);
+                                        toast.timeoutPromise = null;
+                                    }
+                                }
+                            };
+
+                            // Called on mouseout
+                            $scope.restartTimer = function (toast) {
+                                if ($scope.config.mouseoverTimer === true) {
+                                    if (!toast.timeoutPromise) {
+                                        $scope.configureTimer(toast);
+                                    }
+                                } else if (toast.timeoutPromise === null) {
+                                    $scope.removeToast(toast.id);
+                                }
+                            };
+
+                            $scope.click = function (toast, isCloseButton) {
+                                if ($scope.config.tap === true || 
(toast.showCloseButton === true && isCloseButton === true)) {
+                                    var removeToast = true;
+                                    if (toast.clickHandler) {
+                                        if 
(angular.isFunction(toast.clickHandler)) {
+                                            removeToast = 
toast.clickHandler(toast, isCloseButton);
+                                        } else if 
(angular.isFunction($scope.$parent.$eval(toast.clickHandler))) {
+                                            removeToast = 
$scope.$parent.$eval(toast.clickHandler)(toast, isCloseButton);
+                                        } else {
+                                            console.log("TOAST-NOTE: Your 
click handler is not inside a parent scope of toaster-container.");
+                                        }
+                                    }
+                                    if (removeToast) {
+                                        $scope.removeToast(toast.id);
+                                    }
+                                }
+                            };
+                        }],
+                    template: 
+                        '<div id="toast-container" ng-class="[config.position, 
config.animation]">' + 
+                            '<div ng-repeat="toaster in toasters" 
class="toast" ng-class="toaster.type" ng-click="click(toaster)" 
ng-mouseover="stopTimer(toaster)" ng-mouseout="restartTimer(toaster)">' + 
+                                '<div ng-if="toaster.showCloseButton" 
ng-click="click(toaster, true)" ng-bind-html="toaster.closeHtml"></div>' + 
+                                '<div 
ng-class="config.title">{{toaster.title}}</div>' + 
+                                '<div ng-class="config.message" ng-switch 
on="toaster.bodyOutputType">' + 
+                                    '<div ng-switch-when="trustedHtml" 
ng-bind-html="toaster.html"></div>' + 
+                                    '<div ng-switch-when="template"><div 
ng-include="toaster.bodyTemplate"></div></div>' + 
+                                    '<div 
ng-switch-when="templateWithData"><div 
ng-include="toaster.bodyTemplate"></div></div>' +
+                                    '<div ng-switch-when="directive"><div 
directive-template directive-name="{{toaster.html}}" 
directive-data="{{toaster.directiveData}}"></div></div>' + 
+                                    '<div ng-switch-default 
>{{toaster.body}}</div>' + 
+                                '</div>' + 
+                            '</div>' + 
+                        '</div>'
+                };
+            }]
+        );
+})(window, document);
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/a8ba6ba9/griffin-ui/bower_components/AngularJS-Toaster/toaster.min.css
----------------------------------------------------------------------
diff --git a/griffin-ui/bower_components/AngularJS-Toaster/toaster.min.css 
b/griffin-ui/bower_components/AngularJS-Toaster/toaster.min.css
new file mode 100644
index 0000000..3b3c2e3
--- /dev/null
+++ b/griffin-ui/bower_components/AngularJS-Toaster/toaster.min.css
@@ -0,0 +1,12 @@
+/*!
+ * Toastr
+ * Version 2.0.1
+ * Copyright 2012 John Papa and Hans Fjallemark.
+ * All Rights Reserved.
+ * Use, reproduction, distribution, and modification of this code is subject 
to the terms and
+ * conditions of the MIT license, available at 
http://www.opensource.org/licenses/mit-license.php
+ *
+ * Author: John Papa and Hans Fjallemark
+ * Project: https://github.com/CodeSeven/toastr
+ */
+.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message
 a,.toast-message label{color:#fff}.toast-message 
a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0
 1px 0 #fff;text-shadow:0 1px 0 
#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0
 
0;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-center{top:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;botto
 
m:12px}.toast-bottom-center{bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-center{top:45%}#toast-container{position:fixed;z-index:999999;pointer-events:auto;}#toast-container.toast-bottom-center,#toast-container.toast-center,#toast-container.toast-top-center{width:100%;pointer-events:none}#toast-container.toast-bottom-center>div,#toast-container.toast-center>div,#toast-container.toast-top-center>div{margin:auto;pointer-events:auto}#toast-container.toast-bottom-center>button,#toast-container.toast-center>button,#toast-container.toast-top-cente>button{pointer-events:auto}#toast-container
 
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0
 0 6px;padding:15px 15px 15px 
50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px
 center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px 
#999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px 
#999;color:#fff;opacity:
 
.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0
 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px 
#000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvF
 
VZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-wait{background-image:url(data:image/gif;base64,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)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,
 
iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQ
 
dsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info,.toast-wait{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media
 all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 
50px;width:11em}#toast-container 
.toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and 
(max-width:480px){#toast-container>div{padding:8px 8px 8px 
50px;width:18em}#toast-container 
.toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and 
(max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}:
 
not(.no-enter)#toast-container>div.ng-enter,:not(.no-leave)#toast-container>div.ng-leave{-webkit-transition:1000ms
 cubic-bezier(.25,.25,.75,.75) all;-moz-transition:1000ms 
cubic-bezier(.25,.25,.75,.75) all;-ms-transition:1000ms 
cubic-bezier(.25,.25,.75,.75) all;-o-transition:1000ms 
cubic-bezier(.25,.25,.75,.75) all;transition:1000ms 
cubic-bezier(.25,.25,.75,.75) 
all}:not(.no-enter)#toast-container>div.ng-enter.ng-enter-active,:not(.no-leave)#toast-container>div.ng-leave{opacity:.8}:not(.no-enter)#toast-container>div.ng-enter,:not(.no-leave)#toast-container>div.ng-leave.ng-leave-active{opacity:0}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-griffin/blob/a8ba6ba9/griffin-ui/bower_components/AngularJS-Toaster/toaster.min.js
----------------------------------------------------------------------
diff --git a/griffin-ui/bower_components/AngularJS-Toaster/toaster.min.js 
b/griffin-ui/bower_components/AngularJS-Toaster/toaster.min.js
new file mode 100644
index 0000000..98b7e72
--- /dev/null
+++ b/griffin-ui/bower_components/AngularJS-Toaster/toaster.min.js
@@ -0,0 +1,13 @@
+/*
+ * AngularJS Toaster
+ * Version: 1.2.0
+ *
+ * Copyright 2013-2016 Jiri Kavulak.
+ * All Rights Reserved.
+ * Use, reproduction, distribution, and modification of this code is subject 
to the terms and
+ * conditions of the MIT license, available at 
http://www.opensource.org/licenses/mit-license.php
+ *
+ * Author: Jiri Kavulak
+ * Related to project of John Papa, Hans Fjällemark and Nguyễn Thiện 
Hùng (thienhung1989)
+ */
+!function(t,e){"use 
strict";angular.module("toaster",[]).constant("toasterConfig",{limit:0,"tap-to-dismiss":!0,"close-button":!1,"close-html":'<button
 class="toast-close-button" 
type="button">&times;</button>',"newest-on-top":!0,"time-out":5e3,"icon-classes":{error:"toast-error",info:"toast-info",wait:"toast-wait",success:"toast-success",warning:"toast-warning"},"body-output-type":"","body-template":"toasterBodyTmpl.html","icon-class":"toast-info","position-class":"toast-top-right","title-class":"toast-title","message-class":"toast-message","prevent-duplicates":!1,"mouseover-timer-stop":!0}).service("toaster",["$rootScope","toasterConfig",function(t,e){function
 o(t){return 
function(e,o,s,i,a,n,r,c,l){angular.isString(e)?this.pop(t,e,o,s,i,a,n,r,c,l):this.pop(angular.extend(e,{type:t}))}}this.pop=function(e,o,s,i,a,n,r,c,l,u){if(angular.isObject(e)){var
 
d=e;this.toast={type:d.type,title:d.title,body:d.body,timeout:d.timeout,bodyOutputType:d.bodyOutputType,clickHandler:d.clickHandler,
 
showCloseButton:d.showCloseButton,closeHtml:d.closeHtml,uid:d.toastId,onShowCallback:d.onShowCallback,onHideCallback:d.onHideCallback,directiveData:d.directiveData},l=d.toastId,r=d.toasterId}else
 
this.toast={type:e,title:o,body:s,timeout:i,bodyOutputType:a,clickHandler:n,showCloseButton:c,uid:l,onHideCallback:u};t.$emit("toaster-newToast",r,l)},this.clear=function(e,o){t.$emit("toaster-clearToasts",e,o)};for(var
 s in 
e["icon-classes"])this[s]=o(s)}]).factory("toasterEventRegistry",["$rootScope",function(t){var
 e,o=null,s=null,i=[],a=[];return 
e={setup:function(){o||(o=t.$on("toaster-newToast",function(t,e,o){for(var 
s=0,a=i.length;a>s;s++)i[s](t,e,o)})),s||(s=t.$on("toaster-clearToasts",function(t,e,o){for(var
 
s=0,i=a.length;i>s;s++)a[s](t,e,o)}))},subscribeToNewToastEvent:function(t){i.push(t)},subscribeToClearToastsEvent:function(t){a.push(t)},unsubscribeToNewToastEvent:function(t){var
 
e=i.indexOf(t);e>=0&&i.splice(e,1),0===i.length&&(o(),o=null)},unsubscribeToClearToastsEvent:fun
 ction(t){var 
e=a.indexOf(t);e>=0&&a.splice(e,1),0===a.length&&(s(),s=null)}},{setup:e.setup,subscribeToNewToastEvent:e.subscribeToNewToastEvent,subscribeToClearToastsEvent:e.subscribeToClearToastsEvent,unsubscribeToNewToastEvent:e.unsubscribeToNewToastEvent,unsubscribeToClearToastsEvent:e.unsubscribeToClearToastsEvent}}]).directive("directiveTemplate",["$compile","$injector",function(t,e){return{restrict:"A",scope:{directiveName:"@directiveName",directiveData:"@directiveData"},replace:!0,link:function(o,s,i){o.$watch("directiveName",function(a){if(angular.isUndefined(a)||a.length<=0)throw
 new Error("A valid directive name must be provided via the toast body argument 
when using bodyOutputType: directive");var 
n;try{n=e.get(i.$normalize(a)+"Directive")}catch(r){throw new Error(a+" could 
not be found. The name should appear as it exists in the markup, not camelCased 
as it would appear in the directive declaration, e.g. directive-name not 
directiveName.")}var c=n[0];if(c.scope!==!0&&c.s
 cope)throw new Error("Cannot use a directive with an isolated scope. The scope 
must be either true or falsy (e.g. false/null/undefined). Occurred for 
directive "+a+".");if(c.restrict.indexOf("A")<0)throw new Error('Directives 
must be usable as attributes. Add "A" to the restrict option (or remove the 
option entirely). Occurred for directive 
'+a+".");o.directiveData&&(o.directiveData=angular.fromJson(o.directiveData));var
 l=t("<div 
"+a+"></div>")(o);s.append(l)})}}}]).directive("toasterContainer",["$parse","$rootScope","$interval","$sce","toasterConfig","toaster","toasterEventRegistry",function(t,e,o,s,i,a,n){return{replace:!0,restrict:"EA",scope:!0,link:function(e,r,c){function
 l(t,s){t.timeoutPromise=o(function(){e.removeToast(t.id)},s,1)}function 
u(o,i){if(o.type=v["icon-classes"][o.type],o.type||(o.type=v["icon-class"]),v["prevent-duplicates"]===!0)if(p(i)){if(e.toasters.length>0&&e.toasters[e.toasters.length-1].body===o.body)return}else{var
 a,n;for(a=0,n=e.toasters.length;n>a;a+
 
+)e.toasters[a].uid===i&&(d(a),a--,n=e.toasters.length)}o.id=++f,p(i)||(o.uid=i);var
 r=v["close-button"];if("boolean"==typeof o.showCloseButton);else 
if("boolean"==typeof r)o.showCloseButton=r;else if("object"==typeof r){var 
c=r[o.type];"undefined"!=typeof c&&null!==c&&(o.showCloseButton=c)}else 
o.showCloseButton=!1;switch(o.showCloseButton&&(o.closeHtml=s.trustAsHtml(o.closeHtml||e.config.closeHtml)),o.bodyOutputType=o.bodyOutputType||v["body-output-type"],o.bodyOutputType){case"trustedHtml":o.html=s.trustAsHtml(o.body);break;case"template":o.bodyTemplate=o.body||v["body-template"];break;case"templateWithData":var
 
l=t(o.body||v["body-template"]),u=l(e);o.bodyTemplate=u.template,o.data=u.data;break;case"directive":o.html=o.body}e.configureTimer(o),v["newest-on-top"]===!0?(e.toasters.unshift(o),v.limit>0&&e.toasters.length>v.limit&&e.toasters.pop()):(e.toasters.push(o),v.limit>0&&e.toasters.length>v.limit&&e.toasters.shift()),angular.isFunction(o.onShowCallback)&&o.onShowCallback()}f
 unction d(t){var 
s=e.toasters[t];s.timeoutPromise&&o.cancel(s.timeoutPromise),e.toasters.splice(t,1),angular.isFunction(s.onHideCallback)&&s.onHideCallback()}function
 m(t){for(var 
o=e.toasters.length-1;o>=0;o--)p(t)?d(o):e.toasters[o].uid==t&&d(o)}function 
p(t){return angular.isUndefined(t)||null===t}var 
v,f=0;v=angular.extend({},i,e.$eval(c.toasterOptions)),e.config={toasterId:v["toaster-id"],position:v["position-class"],title:v["title-class"],message:v["message-class"],tap:v["tap-to-dismiss"],closeButton:v["close-button"],closeHtml:v["close-html"],animation:v["animation-class"],mouseoverTimer:v["mouseover-timer-stop"]},e.$on("$destroy",function(){n.unsubscribeToNewToastEvent(e._onNewToast),n.unsubscribeToClearToastsEvent(e._onClearToasts)}),e.configureTimer=function(t){var
 e=angular.isNumber(t.timeout)?t.timeout:v["time-out"];"object"==typeof 
e&&(e=e[t.type]),e>0&&l(t,e)},e.removeToast=function(t){var 
o,s;for(o=0,s=e.toasters.length;s>o;o++)if(e.toasters[o].id===t){d(o);break}},e.
 
toasters=[],e._onNewToast=function(t,o,s){(p(e.config.toasterId)&&p(o)||!p(e.config.toasterId)&&!p(o)&&e.config.toasterId==o)&&u(a.toast,s)},e._onClearToasts=function(t,o,s){("*"==o||p(e.config.toasterId)&&p(o)||!p(e.config.toasterId)&&!p(o)&&e.config.toasterId==o)&&m(s)},n.setup(),n.subscribeToNewToastEvent(e._onNewToast),n.subscribeToClearToastsEvent(e._onClearToasts)},controller:["$scope","$element","$attrs",function(t,e,s){t.stopTimer=function(e){t.config.mouseoverTimer===!0&&e.timeoutPromise&&(o.cancel(e.timeoutPromise),e.timeoutPromise=null)},t.restartTimer=function(e){t.config.mouseoverTimer===!0?e.timeoutPromise||t.configureTimer(e):null===e.timeoutPromise&&t.removeToast(e.id)},t.click=function(e,o){if(t.config.tap===!0||e.showCloseButton===!0&&o===!0){var
 
s=!0;e.clickHandler&&(angular.isFunction(e.clickHandler)?s=e.clickHandler(e,o):angular.isFunction(t.$parent.$eval(e.clickHandler))?s=t.$parent.$eval(e.clickHandler)(e,o):console.log("TOAST-NOTE:
 Your click handler is not i
 nside a parent scope of 
toaster-container.")),s&&t.removeToast(e.id)}}}],template:'<div 
id="toast-container" ng-class="[config.position, config.animation]"><div 
ng-repeat="toaster in toasters" class="toast" ng-class="toaster.type" 
ng-click="click(toaster)" ng-mouseover="stopTimer(toaster)" 
ng-mouseout="restartTimer(toaster)"><div ng-if="toaster.showCloseButton" 
ng-click="click(toaster, true)" ng-bind-html="toaster.closeHtml"></div><div 
ng-class="config.title">{{toaster.title}}</div><div ng-class="config.message" 
ng-switch on="toaster.bodyOutputType"><div ng-switch-when="trustedHtml" 
ng-bind-html="toaster.html"></div><div ng-switch-when="template"><div 
ng-include="toaster.bodyTemplate"></div></div><div 
ng-switch-when="templateWithData"><div 
ng-include="toaster.bodyTemplate"></div></div><div 
ng-switch-when="directive"><div directive-template 
directive-name="{{toaster.html}}" 
directive-data="{{toaster.directiveData}}"></div></div><div ng-switch-default 
>{{toaster.body}}</div></div></di
 v></div>'}}])}(window,document);
\ No newline at end of file


Reply via email to