alberanid/eventman
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

update toaster

Browse source
This commit is contained in:
Davide Alberani 2017-04-03 19:46:56 +02:00
parent fabe653c9f
commit 60ad376b1f
3 changed files with 32 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/css/toaster.min.css vendored
View file

File diff suppressed because one or more lines are too long

49
static/js/toaster.js
View file

@ -4,7 +4,7 @@
/* /*
* AngularJS Toaster * AngularJS Toaster
* Version: 2.0.0 * Version: 2.1.0
* *
* Copyright 2013-2016 Jiri Kavulak. * Copyright 2013-2016 Jiri Kavulak.
* All Rights Reserved. * All Rights Reserved.
@ -42,7 +42,23 @@
'prevent-duplicates': false, 'prevent-duplicates': false,
'mouseover-timer-stop': true // stop timeout on mouseover and restart timer on mouseout 'mouseover-timer-stop': true // stop timeout on mouseover and restart timer on mouseout
} }
).service( ).run(['$templateCache', function($templateCache) {
$templateCache.put('angularjs-toaster/toast.html',
'<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($event, toaster)" ng-mouseover="stopTimer(toaster)" ng-mouseout="restartTimer(toaster)">' +
'<div ng-if="toaster.showCloseButton" ng-click="click($event, 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>');
}
]).service(
'toaster', [ 'toaster', [
'$rootScope', 'toasterConfig', function($rootScope, toasterConfig) { '$rootScope', 'toasterConfig', function($rootScope, toasterConfig) {
// http://stackoverflow.com/questions/26501688/a-typescript-guid-class // http://stackoverflow.com/questions/26501688/a-typescript-guid-class
@ -72,7 +88,8 @@
toastId: params.toastId, toastId: params.toastId,
onShowCallback: params.onShowCallback, onShowCallback: params.onShowCallback,
onHideCallback: params.onHideCallback, onHideCallback: params.onHideCallback,
directiveData: params.directiveData directiveData: params.directiveData,
tapToDismiss: params.tapToDismiss
}; };
toasterId = params.toasterId; toasterId = params.toasterId;
} else { } else {
@ -469,8 +486,13 @@
} }
}; };
$scope.click = function(toast, isCloseButton) { $scope.click = function(event, toast, isCloseButton) {
if ($scope.config.tap === true || (toast.showCloseButton === true && isCloseButton === true)) { event.stopPropagation();
var tapToDismiss = typeof toast.tapToDismiss === "boolean"
? toast.tapToDismiss
: $scope.config.tap;
if (tapToDismiss === true || (toast.showCloseButton === true && isCloseButton === true)) {
var removeToast = true; var removeToast = true;
if (toast.clickHandler) { if (toast.clickHandler) {
if (angular.isFunction(toast.clickHandler)) { if (angular.isFunction(toast.clickHandler)) {
@ -487,21 +509,8 @@
} }
}; };
}], }],
template: templateUrl: 'angularjs-toaster/toast.html'
'<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); })(window, document);

4
static/js/toaster.min.js vendored
View file

File diff suppressed because one or more lines are too long