PDF rausgenommen
This commit is contained in:
aschwarz
953
msd2/tracking/piwik/libs/bower_components/ngDialog/js/ngDialog.js
vendored
Normal file
953
msd2/tracking/piwik/libs/bower_components/ngDialog/js/ngDialog.js
vendored
Normal file
@ -0,0 +1,953 @@
|
||||
/*
|
||||
* ngDialog - easy modals and popup windows
|
||||
* http://github.com/likeastore/ngDialog
|
||||
* (c) 2013-2015 MIT License, https://likeastore.com
|
||||
*/
|
||||
|
||||
(function (root, factory) {
|
||||
if (typeof module !== 'undefined' && module.exports) {
|
||||
// CommonJS
|
||||
if (typeof angular === 'undefined') {
|
||||
factory(require('angular'));
|
||||
} else {
|
||||
factory(angular);
|
||||
}
|
||||
module.exports = 'ngDialog';
|
||||
} else if (typeof define === 'function' && define.amd) {
|
||||
// AMD
|
||||
define(['angular'], factory);
|
||||
} else {
|
||||
// Global Variables
|
||||
factory(root.angular);
|
||||
}
|
||||
}(this, function (angular) {
|
||||
'use strict';
|
||||
|
||||
var m = angular.module('ngDialog', []);
|
||||
|
||||
var $el = angular.element;
|
||||
var isDef = angular.isDefined;
|
||||
var style = (document.body || document.documentElement).style;
|
||||
var animationEndSupport = isDef(style.animation) || isDef(style.WebkitAnimation) || isDef(style.MozAnimation) || isDef(style.MsAnimation) || isDef(style.OAnimation);
|
||||
var animationEndEvent = 'animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend';
|
||||
var focusableElementSelector = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]';
|
||||
var disabledAnimationClass = 'ngdialog-disabled-animation';
|
||||
var forceElementsReload = { html: false, body: false };
|
||||
var scopes = {};
|
||||
var openIdStack = [];
|
||||
var activeBodyClasses = [];
|
||||
var keydownIsBound = false;
|
||||
var openOnePerName = false;
|
||||
var closeByNavigationDialogStack = [];
|
||||
|
||||
var UI_ROUTER_VERSION_LEGACY = 'legacy';
|
||||
var UI_ROUTER_VERSION_ONE_PLUS = '1.0.0+';
|
||||
|
||||
m.provider('ngDialog', function () {
|
||||
var defaults = this.defaults = {
|
||||
className: 'ngdialog-theme-default',
|
||||
appendClassName: '',
|
||||
disableAnimation: false,
|
||||
plain: false,
|
||||
showClose: true,
|
||||
closeByDocument: true,
|
||||
closeByEscape: true,
|
||||
closeByNavigation: false,
|
||||
appendTo: false,
|
||||
preCloseCallback: false,
|
||||
onOpenCallback: false,
|
||||
overlay: true,
|
||||
cache: true,
|
||||
trapFocus: true,
|
||||
preserveFocus: true,
|
||||
ariaAuto: true,
|
||||
ariaRole: null,
|
||||
ariaLabelledById: null,
|
||||
ariaLabelledBySelector: null,
|
||||
ariaDescribedById: null,
|
||||
ariaDescribedBySelector: null,
|
||||
bodyClassName: 'ngdialog-open',
|
||||
width: null,
|
||||
height: null
|
||||
};
|
||||
|
||||
this.setForceHtmlReload = function (_useIt) {
|
||||
forceElementsReload.html = _useIt || false;
|
||||
};
|
||||
|
||||
this.setForceBodyReload = function (_useIt) {
|
||||
forceElementsReload.body = _useIt || false;
|
||||
};
|
||||
|
||||
this.setDefaults = function (newDefaults) {
|
||||
angular.extend(defaults, newDefaults);
|
||||
};
|
||||
|
||||
this.setOpenOnePerName = function (isOpenOne) {
|
||||
openOnePerName = isOpenOne || false;
|
||||
};
|
||||
|
||||
var globalID = 0, dialogsCount = 0, closeByDocumentHandler, defers = {};
|
||||
|
||||
this.$get = ['$document', '$templateCache', '$compile', '$q', '$http', '$rootScope', '$timeout', '$window', '$controller', '$injector',
|
||||
function ($document, $templateCache, $compile, $q, $http, $rootScope, $timeout, $window, $controller, $injector) {
|
||||
var $elements = [];
|
||||
|
||||
var privateMethods = {
|
||||
onDocumentKeydown: function (event) {
|
||||
if (event.keyCode === 27) {
|
||||
publicMethods.close('$escape');
|
||||
}
|
||||
},
|
||||
|
||||
activate: function($dialog) {
|
||||
var options = $dialog.data('$ngDialogOptions');
|
||||
|
||||
if (options.trapFocus) {
|
||||
$dialog.on('keydown', privateMethods.onTrapFocusKeydown);
|
||||
|
||||
// Catch rogue changes (eg. after unfocusing everything by clicking a non-focusable element)
|
||||
$elements.body.on('keydown', privateMethods.onTrapFocusKeydown);
|
||||
}
|
||||
},
|
||||
|
||||
deactivate: function ($dialog) {
|
||||
$dialog.off('keydown', privateMethods.onTrapFocusKeydown);
|
||||
$elements.body.off('keydown', privateMethods.onTrapFocusKeydown);
|
||||
},
|
||||
|
||||
deactivateAll: function (els) {
|
||||
angular.forEach(els,function(el) {
|
||||
var $dialog = angular.element(el);
|
||||
privateMethods.deactivate($dialog);
|
||||
});
|
||||
},
|
||||
|
||||
setBodyPadding: function (width) {
|
||||
var originalBodyPadding = parseInt(($elements.body.css('padding-right') || 0), 10);
|
||||
$elements.body.css('padding-right', (originalBodyPadding + width) + 'px');
|
||||
$elements.body.data('ng-dialog-original-padding', originalBodyPadding);
|
||||
$rootScope.$broadcast('ngDialog.setPadding', width);
|
||||
},
|
||||
|
||||
resetBodyPadding: function () {
|
||||
var originalBodyPadding = $elements.body.data('ng-dialog-original-padding');
|
||||
if (originalBodyPadding) {
|
||||
$elements.body.css('padding-right', originalBodyPadding + 'px');
|
||||
} else {
|
||||
$elements.body.css('padding-right', '');
|
||||
}
|
||||
$rootScope.$broadcast('ngDialog.setPadding', 0);
|
||||
},
|
||||
|
||||
performCloseDialog: function ($dialog, value) {
|
||||
var options = $dialog.data('$ngDialogOptions');
|
||||
var id = $dialog.attr('id');
|
||||
var scope = scopes[id];
|
||||
privateMethods.deactivate($dialog);
|
||||
|
||||
if (!scope) {
|
||||
// Already closed
|
||||
return;
|
||||
}
|
||||
|
||||
if (typeof $window.Hammer !== 'undefined') {
|
||||
var hammerTime = scope.hammerTime;
|
||||
hammerTime.off('tap', closeByDocumentHandler);
|
||||
hammerTime.destroy && hammerTime.destroy();
|
||||
delete scope.hammerTime;
|
||||
} else {
|
||||
$dialog.unbind('click');
|
||||
}
|
||||
|
||||
if (dialogsCount === 1) {
|
||||
$elements.body.unbind('keydown', privateMethods.onDocumentKeydown);
|
||||
}
|
||||
|
||||
if (!$dialog.hasClass('ngdialog-closing')){
|
||||
dialogsCount -= 1;
|
||||
}
|
||||
|
||||
var previousFocus = $dialog.data('$ngDialogPreviousFocus');
|
||||
if (previousFocus && previousFocus.focus) {
|
||||
previousFocus.focus();
|
||||
}
|
||||
|
||||
$rootScope.$broadcast('ngDialog.closing', $dialog, value);
|
||||
dialogsCount = dialogsCount < 0 ? 0 : dialogsCount;
|
||||
if (animationEndSupport && !options.disableAnimation) {
|
||||
scope.$destroy();
|
||||
$dialog.unbind(animationEndEvent).bind(animationEndEvent, function () {
|
||||
privateMethods.closeDialogElement($dialog, value);
|
||||
}).addClass('ngdialog-closing');
|
||||
} else {
|
||||
scope.$destroy();
|
||||
privateMethods.closeDialogElement($dialog, value);
|
||||
}
|
||||
if (defers[id]) {
|
||||
defers[id].resolve({
|
||||
id: id,
|
||||
value: value,
|
||||
$dialog: $dialog,
|
||||
remainingDialogs: dialogsCount
|
||||
});
|
||||
delete defers[id];
|
||||
}
|
||||
if (scopes[id]) {
|
||||
delete scopes[id];
|
||||
}
|
||||
openIdStack.splice(openIdStack.indexOf(id), 1);
|
||||
if (!openIdStack.length) {
|
||||
$elements.body.unbind('keydown', privateMethods.onDocumentKeydown);
|
||||
keydownIsBound = false;
|
||||
}
|
||||
|
||||
if (dialogsCount == 0)
|
||||
{
|
||||
closeByDocumentHandler = undefined;
|
||||
}
|
||||
},
|
||||
|
||||
closeDialogElement: function($dialog, value) {
|
||||
var options = $dialog.data('$ngDialogOptions');
|
||||
$dialog.remove();
|
||||
|
||||
activeBodyClasses.splice(activeBodyClasses.indexOf(options.bodyClassName), 1);
|
||||
if (activeBodyClasses.indexOf(options.bodyClassName) === -1) {
|
||||
$elements.html.removeClass(options.bodyClassName);
|
||||
$elements.body.removeClass(options.bodyClassName);
|
||||
}
|
||||
|
||||
if (dialogsCount === 0) {
|
||||
privateMethods.resetBodyPadding();
|
||||
}
|
||||
|
||||
$rootScope.$broadcast('ngDialog.closed', $dialog, value);
|
||||
},
|
||||
|
||||
closeDialog: function ($dialog, value) {
|
||||
var preCloseCallback = $dialog.data('$ngDialogPreCloseCallback');
|
||||
|
||||
if (preCloseCallback && angular.isFunction(preCloseCallback)) {
|
||||
|
||||
var preCloseCallbackResult = preCloseCallback.call($dialog, value);
|
||||
|
||||
if (angular.isObject(preCloseCallbackResult)) {
|
||||
if (preCloseCallbackResult.closePromise) {
|
||||
preCloseCallbackResult.closePromise.then(function () {
|
||||
privateMethods.performCloseDialog($dialog, value);
|
||||
}, function () {
|
||||
return false;
|
||||
});
|
||||
} else {
|
||||
preCloseCallbackResult.then(function () {
|
||||
privateMethods.performCloseDialog($dialog, value);
|
||||
}, function () {
|
||||
return false;
|
||||
});
|
||||
}
|
||||
} else if (preCloseCallbackResult !== false) {
|
||||
privateMethods.performCloseDialog($dialog, value);
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
} else {
|
||||
privateMethods.performCloseDialog($dialog, value);
|
||||
}
|
||||
},
|
||||
|
||||
onTrapFocusKeydown: function(ev) {
|
||||
var el = angular.element(ev.currentTarget);
|
||||
var $dialog;
|
||||
|
||||
if (el.hasClass('ngdialog')) {
|
||||
$dialog = el;
|
||||
} else {
|
||||
$dialog = privateMethods.getActiveDialog();
|
||||
|
||||
if ($dialog === null) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
var isTab = (ev.keyCode === 9);
|
||||
var backward = (ev.shiftKey === true);
|
||||
|
||||
if (isTab) {
|
||||
privateMethods.handleTab($dialog, ev, backward);
|
||||
}
|
||||
},
|
||||
|
||||
handleTab: function($dialog, ev, backward) {
|
||||
var focusableElements = privateMethods.getFocusableElements($dialog);
|
||||
|
||||
if (focusableElements.length === 0) {
|
||||
if (document.activeElement && document.activeElement.blur) {
|
||||
document.activeElement.blur();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
var currentFocus = document.activeElement;
|
||||
var focusIndex = Array.prototype.indexOf.call(focusableElements, currentFocus);
|
||||
|
||||
var isFocusIndexUnknown = (focusIndex === -1);
|
||||
var isFirstElementFocused = (focusIndex === 0);
|
||||
var isLastElementFocused = (focusIndex === focusableElements.length - 1);
|
||||
|
||||
var cancelEvent = false;
|
||||
|
||||
if (backward) {
|
||||
if (isFocusIndexUnknown || isFirstElementFocused) {
|
||||
focusableElements[focusableElements.length - 1].focus();
|
||||
cancelEvent = true;
|
||||
}
|
||||
} else {
|
||||
if (isFocusIndexUnknown || isLastElementFocused) {
|
||||
focusableElements[0].focus();
|
||||
cancelEvent = true;
|
||||
}
|
||||
}
|
||||
|
||||
if (cancelEvent) {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
}
|
||||
},
|
||||
|
||||
autoFocus: function($dialog) {
|
||||
var dialogEl = $dialog[0];
|
||||
|
||||
// Browser's (Chrome 40, Forefix 37, IE 11) don't appear to honor autofocus on the dialog, but we should
|
||||
var autoFocusEl = dialogEl.querySelector('*[autofocus]');
|
||||
if (autoFocusEl !== null) {
|
||||
autoFocusEl.focus();
|
||||
|
||||
if (document.activeElement === autoFocusEl) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Autofocus element might was display: none, so let's continue
|
||||
}
|
||||
|
||||
var focusableElements = privateMethods.getFocusableElements($dialog);
|
||||
|
||||
if (focusableElements.length > 0) {
|
||||
focusableElements[0].focus();
|
||||
return;
|
||||
}
|
||||
|
||||
// We need to focus something for the screen readers to notice the dialog
|
||||
var contentElements = privateMethods.filterVisibleElements(dialogEl.querySelectorAll('h1,h2,h3,h4,h5,h6,p,span'));
|
||||
|
||||
if (contentElements.length > 0) {
|
||||
var contentElement = contentElements[0];
|
||||
$el(contentElement).attr('tabindex', '-1').css('outline', '0');
|
||||
contentElement.focus();
|
||||
}
|
||||
},
|
||||
|
||||
getFocusableElements: function ($dialog) {
|
||||
var dialogEl = $dialog[0];
|
||||
|
||||
var rawElements = dialogEl.querySelectorAll(focusableElementSelector);
|
||||
|
||||
// Ignore untabbable elements, ie. those with tabindex = -1
|
||||
var tabbableElements = privateMethods.filterTabbableElements(rawElements);
|
||||
|
||||
return privateMethods.filterVisibleElements(tabbableElements);
|
||||
},
|
||||
|
||||
filterTabbableElements: function (els) {
|
||||
var tabbableFocusableElements = [];
|
||||
|
||||
for (var i = 0; i < els.length; i++) {
|
||||
var el = els[i];
|
||||
|
||||
if ($el(el).attr('tabindex') !== '-1') {
|
||||
tabbableFocusableElements.push(el);
|
||||
}
|
||||
}
|
||||
|
||||
return tabbableFocusableElements;
|
||||
},
|
||||
|
||||
filterVisibleElements: function (els) {
|
||||
var visibleFocusableElements = [];
|
||||
|
||||
for (var i = 0; i < els.length; i++) {
|
||||
var el = els[i];
|
||||
|
||||
if (el.offsetWidth > 0 || el.offsetHeight > 0) {
|
||||
visibleFocusableElements.push(el);
|
||||
}
|
||||
}
|
||||
|
||||
return visibleFocusableElements;
|
||||
},
|
||||
|
||||
getActiveDialog: function () {
|
||||
var dialogs = document.querySelectorAll('.ngdialog');
|
||||
|
||||
if (dialogs.length === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
// TODO: This might be incorrect if there are a mix of open dialogs with different 'appendTo' values
|
||||
return $el(dialogs[dialogs.length - 1]);
|
||||
},
|
||||
|
||||
applyAriaAttributes: function ($dialog, options) {
|
||||
if (options.ariaAuto) {
|
||||
if (!options.ariaRole) {
|
||||
var detectedRole = (privateMethods.getFocusableElements($dialog).length > 0) ?
|
||||
'dialog' :
|
||||
'alertdialog';
|
||||
|
||||
options.ariaRole = detectedRole;
|
||||
}
|
||||
|
||||
if (!options.ariaLabelledBySelector) {
|
||||
options.ariaLabelledBySelector = 'h1,h2,h3,h4,h5,h6';
|
||||
}
|
||||
|
||||
if (!options.ariaDescribedBySelector) {
|
||||
options.ariaDescribedBySelector = 'article,section,p';
|
||||
}
|
||||
}
|
||||
|
||||
if (options.ariaRole) {
|
||||
$dialog.attr('role', options.ariaRole);
|
||||
}
|
||||
|
||||
privateMethods.applyAriaAttribute(
|
||||
$dialog, 'aria-labelledby', options.ariaLabelledById, options.ariaLabelledBySelector);
|
||||
|
||||
privateMethods.applyAriaAttribute(
|
||||
$dialog, 'aria-describedby', options.ariaDescribedById, options.ariaDescribedBySelector);
|
||||
},
|
||||
|
||||
applyAriaAttribute: function($dialog, attr, id, selector) {
|
||||
if (id) {
|
||||
$dialog.attr(attr, id);
|
||||
return;
|
||||
}
|
||||
|
||||
if (selector) {
|
||||
var dialogId = $dialog.attr('id');
|
||||
|
||||
var firstMatch = $dialog[0].querySelector(selector);
|
||||
|
||||
if (!firstMatch) {
|
||||
return;
|
||||
}
|
||||
|
||||
var generatedId = dialogId + '-' + attr;
|
||||
|
||||
$el(firstMatch).attr('id', generatedId);
|
||||
|
||||
$dialog.attr(attr, generatedId);
|
||||
|
||||
return generatedId;
|
||||
}
|
||||
},
|
||||
|
||||
detectUIRouter: function() {
|
||||
// Detect if ui-router module is installed
|
||||
// Returns ui-router version string if installed
|
||||
// Otherwise false
|
||||
|
||||
if ($injector.has('$transitions')) {
|
||||
// Only 1.0.0+ ui.router allows us to inject $transitions
|
||||
return UI_ROUTER_VERSION_ONE_PLUS;
|
||||
}
|
||||
else if ($injector.has('$state')) {
|
||||
// The legacy ui.router allows us to inject $state
|
||||
return UI_ROUTER_VERSION_LEGACY;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
getRouterLocationEventName: function() {
|
||||
if (privateMethods.detectUIRouter()) {
|
||||
return '$stateChangeStart';
|
||||
}
|
||||
return '$locationChangeStart';
|
||||
}
|
||||
};
|
||||
|
||||
var publicMethods = {
|
||||
__PRIVATE__: privateMethods,
|
||||
|
||||
/*
|
||||
* @param {Object} options:
|
||||
* - template {String} - id of ng-template, url for partial, plain string (if enabled)
|
||||
* - plain {Boolean} - enable plain string templates, default false
|
||||
* - scope {Object}
|
||||
* - controller {String}
|
||||
* - controllerAs {String}
|
||||
* - className {String} - dialog theme class
|
||||
* - appendClassName {String} - dialog theme class to be appended to defaults
|
||||
* - disableAnimation {Boolean} - set to true to disable animation
|
||||
* - showClose {Boolean} - show close button, default true
|
||||
* - closeByEscape {Boolean} - default true
|
||||
* - closeByDocument {Boolean} - default true
|
||||
* - preCloseCallback {String|Function} - user supplied function name/function called before closing dialog (if set)
|
||||
* - onOpenCallback {String|Function} - user supplied function name/function called after opening dialog (if set)
|
||||
* - bodyClassName {String} - class added to body at open dialog
|
||||
* @return {Object} dialog
|
||||
*/
|
||||
open: function (opts) {
|
||||
var dialogID = null;
|
||||
opts = opts || {};
|
||||
if (openOnePerName && opts.name) {
|
||||
dialogID = opts.name.toLowerCase().replace(/\s/g, '-') + '-dialog';
|
||||
if (this.isOpen(dialogID)) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
var options = angular.copy(defaults);
|
||||
var localID = ++globalID;
|
||||
dialogID = dialogID || 'ngdialog' + localID;
|
||||
openIdStack.push(dialogID);
|
||||
|
||||
// Merge opts.data with predefined via setDefaults
|
||||
if (typeof options.data !== 'undefined') {
|
||||
if (typeof opts.data === 'undefined') {
|
||||
opts.data = {};
|
||||
}
|
||||
opts.data = angular.merge(angular.copy(options.data), opts.data);
|
||||
}
|
||||
|
||||
angular.extend(options, opts);
|
||||
|
||||
var defer;
|
||||
defers[dialogID] = defer = $q.defer();
|
||||
|
||||
var scope;
|
||||
scopes[dialogID] = scope = angular.isObject(options.scope) ? options.scope.$new() : $rootScope.$new();
|
||||
|
||||
var $dialog, $dialogParent, $dialogContent;
|
||||
|
||||
var resolve = angular.extend({}, options.resolve);
|
||||
|
||||
angular.forEach(resolve, function (value, key) {
|
||||
resolve[key] = angular.isString(value) ? $injector.get(value) : $injector.invoke(value, null, null, key);
|
||||
});
|
||||
|
||||
$q.all({
|
||||
template: loadTemplate(options.template || options.templateUrl),
|
||||
locals: $q.all(resolve)
|
||||
}).then(function (setup) {
|
||||
var template = setup.template,
|
||||
locals = setup.locals;
|
||||
|
||||
if (options.showClose) {
|
||||
template += '<button aria-label="Dismiss" class="ngdialog-close"></button>';
|
||||
}
|
||||
|
||||
var hasOverlayClass = options.overlay ? '' : ' ngdialog-no-overlay';
|
||||
$dialog = $el('<div id="' + dialogID + '" class="ngdialog' + hasOverlayClass + '"></div>');
|
||||
$dialog.html((options.overlay ?
|
||||
'<div class="ngdialog-overlay"></div><div class="ngdialog-content" role="document">' + template + '</div>' :
|
||||
'<div class="ngdialog-content" role="document">' + template + '</div>'));
|
||||
|
||||
$dialog.data('$ngDialogOptions', options);
|
||||
|
||||
scope.ngDialogId = dialogID;
|
||||
|
||||
if (options.data && angular.isString(options.data)) {
|
||||
var firstLetter = options.data.replace(/^\s*/, '')[0];
|
||||
scope.ngDialogData = (firstLetter === '{' || firstLetter === '[') ? angular.fromJson(options.data) : new String(options.data);
|
||||
scope.ngDialogData.ngDialogId = dialogID;
|
||||
} else if (options.data && angular.isObject(options.data)) {
|
||||
scope.ngDialogData = options.data;
|
||||
scope.ngDialogData.ngDialogId = dialogID;
|
||||
}
|
||||
|
||||
if (options.className) {
|
||||
$dialog.addClass(options.className);
|
||||
}
|
||||
|
||||
if (options.appendClassName) {
|
||||
$dialog.addClass(options.appendClassName);
|
||||
}
|
||||
|
||||
if (options.width) {
|
||||
$dialogContent = $dialog[0].querySelector('.ngdialog-content');
|
||||
if (angular.isString(options.width)) {
|
||||
$dialogContent.style.width = options.width;
|
||||
} else {
|
||||
$dialogContent.style.width = options.width + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
if (options.height) {
|
||||
$dialogContent = $dialog[0].querySelector('.ngdialog-content');
|
||||
if (angular.isString(options.height)) {
|
||||
$dialogContent.style.height = options.height;
|
||||
} else {
|
||||
$dialogContent.style.height = options.height + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
if (options.disableAnimation) {
|
||||
$dialog.addClass(disabledAnimationClass);
|
||||
}
|
||||
|
||||
if (options.appendTo && angular.isString(options.appendTo)) {
|
||||
$dialogParent = angular.element(document.querySelector(options.appendTo));
|
||||
} else {
|
||||
$dialogParent = $elements.body;
|
||||
}
|
||||
|
||||
privateMethods.applyAriaAttributes($dialog, options);
|
||||
|
||||
[
|
||||
{ name: '$ngDialogPreCloseCallback', value: options.preCloseCallback },
|
||||
{ name: '$ngDialogOnOpenCallback', value: options.onOpenCallback }
|
||||
].forEach(function (option) {
|
||||
if (option.value) {
|
||||
var callback;
|
||||
|
||||
if (angular.isFunction(option.value)) {
|
||||
callback = option.value;
|
||||
} else if (angular.isString(option.value)) {
|
||||
if (scope) {
|
||||
if (angular.isFunction(scope[option.value])) {
|
||||
callback = scope[option.value];
|
||||
} else if (scope.$parent && angular.isFunction(scope.$parent[option.value])) {
|
||||
callback = scope.$parent[option.value];
|
||||
} else if ($rootScope && angular.isFunction($rootScope[option.value])) {
|
||||
callback = $rootScope[option.value];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (callback) {
|
||||
$dialog.data(option.name, callback);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
scope.closeThisDialog = function (value) {
|
||||
privateMethods.closeDialog($dialog, value);
|
||||
};
|
||||
|
||||
if (options.controller && (angular.isString(options.controller) || angular.isArray(options.controller) || angular.isFunction(options.controller))) {
|
||||
|
||||
var label;
|
||||
|
||||
if (options.controllerAs && angular.isString(options.controllerAs)) {
|
||||
label = options.controllerAs;
|
||||
}
|
||||
|
||||
var controllerInstance = $controller(options.controller, angular.extend(
|
||||
locals,
|
||||
{
|
||||
$scope: scope,
|
||||
$element: $dialog
|
||||
}),
|
||||
true,
|
||||
label
|
||||
);
|
||||
|
||||
if(options.bindToController) {
|
||||
angular.extend(controllerInstance.instance, {ngDialogId: scope.ngDialogId, ngDialogData: scope.ngDialogData, closeThisDialog: scope.closeThisDialog, confirm: scope.confirm});
|
||||
}
|
||||
|
||||
if(typeof controllerInstance === 'function'){
|
||||
$dialog.data('$ngDialogControllerController', controllerInstance());
|
||||
} else {
|
||||
$dialog.data('$ngDialogControllerController', controllerInstance);
|
||||
}
|
||||
}
|
||||
|
||||
$timeout(function () {
|
||||
var $activeDialogs = document.querySelectorAll('.ngdialog');
|
||||
privateMethods.deactivateAll($activeDialogs);
|
||||
|
||||
$compile($dialog)(scope);
|
||||
var widthDiffs = $window.innerWidth - $elements.body.prop('clientWidth');
|
||||
$elements.html.addClass(options.bodyClassName);
|
||||
$elements.body.addClass(options.bodyClassName);
|
||||
activeBodyClasses.push(options.bodyClassName);
|
||||
var scrollBarWidth = widthDiffs - ($window.innerWidth - $elements.body.prop('clientWidth'));
|
||||
if (scrollBarWidth > 0) {
|
||||
privateMethods.setBodyPadding(scrollBarWidth);
|
||||
}
|
||||
$dialogParent.append($dialog);
|
||||
|
||||
privateMethods.activate($dialog);
|
||||
|
||||
if (options.trapFocus) {
|
||||
privateMethods.autoFocus($dialog);
|
||||
}
|
||||
|
||||
if (options.name) {
|
||||
$rootScope.$broadcast('ngDialog.opened', {dialog: $dialog, name: options.name});
|
||||
} else {
|
||||
$rootScope.$broadcast('ngDialog.opened', $dialog);
|
||||
}
|
||||
var onOpenCallback = $dialog.data('$ngDialogOnOpenCallback');
|
||||
if (onOpenCallback && angular.isFunction(onOpenCallback)) {
|
||||
onOpenCallback.call($dialog);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
if (!keydownIsBound) {
|
||||
$elements.body.bind('keydown', privateMethods.onDocumentKeydown);
|
||||
keydownIsBound = true;
|
||||
}
|
||||
|
||||
if (options.closeByNavigation) {
|
||||
closeByNavigationDialogStack.push($dialog);
|
||||
}
|
||||
|
||||
if (options.preserveFocus) {
|
||||
$dialog.data('$ngDialogPreviousFocus', document.activeElement);
|
||||
}
|
||||
|
||||
closeByDocumentHandler = function (event) {
|
||||
var isOverlay = options.closeByDocument ? $el(event.target).hasClass('ngdialog-overlay') : false;
|
||||
var isCloseBtn = $el(event.target).hasClass('ngdialog-close');
|
||||
|
||||
if (isOverlay || isCloseBtn) {
|
||||
publicMethods.close($dialog.attr('id'), isCloseBtn ? '$closeButton' : '$document');
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof $window.Hammer !== 'undefined') {
|
||||
var hammerTime = scope.hammerTime = $window.Hammer($dialog[0]);
|
||||
hammerTime.on('tap', closeByDocumentHandler);
|
||||
} else {
|
||||
$dialog.bind('click', closeByDocumentHandler);
|
||||
}
|
||||
|
||||
dialogsCount += 1;
|
||||
|
||||
return publicMethods;
|
||||
});
|
||||
|
||||
return {
|
||||
id: dialogID,
|
||||
closePromise: defer.promise,
|
||||
close: function (value) {
|
||||
privateMethods.closeDialog($dialog, value);
|
||||
}
|
||||
};
|
||||
|
||||
function loadTemplateUrl (tmpl, config) {
|
||||
var config = config || {};
|
||||
config.headers = config.headers || {};
|
||||
|
||||
angular.extend(config.headers, {'Accept': 'text/html'});
|
||||
|
||||
$rootScope.$broadcast('ngDialog.templateLoading', tmpl);
|
||||
return $http.get(tmpl, config).then(function(res) {
|
||||
$rootScope.$broadcast('ngDialog.templateLoaded', tmpl);
|
||||
return res.data || '';
|
||||
});
|
||||
}
|
||||
|
||||
function loadTemplate (tmpl) {
|
||||
if (!tmpl) {
|
||||
return 'Empty template';
|
||||
}
|
||||
|
||||
if (angular.isString(tmpl) && options.plain) {
|
||||
return tmpl;
|
||||
}
|
||||
|
||||
if (typeof options.cache === 'boolean' && !options.cache) {
|
||||
return loadTemplateUrl(tmpl, {cache: false});
|
||||
}
|
||||
|
||||
return loadTemplateUrl(tmpl, {cache: $templateCache});
|
||||
}
|
||||
},
|
||||
|
||||
/*
|
||||
* @param {Object} options:
|
||||
* - template {String} - id of ng-template, url for partial, plain string (if enabled)
|
||||
* - plain {Boolean} - enable plain string templates, default false
|
||||
* - name {String}
|
||||
* - scope {Object}
|
||||
* - controller {String}
|
||||
* - controllerAs {String}
|
||||
* - className {String} - dialog theme class
|
||||
* - appendClassName {String} - dialog theme class to be appended to defaults
|
||||
* - showClose {Boolean} - show close button, default true
|
||||
* - closeByEscape {Boolean} - default false
|
||||
* - closeByDocument {Boolean} - default false
|
||||
* - preCloseCallback {String|Function} - user supplied function name/function called before closing dialog (if set); not called on confirm
|
||||
* - bodyClassName {String} - class added to body at open dialog
|
||||
*
|
||||
* @return {Object} dialog
|
||||
*/
|
||||
openConfirm: function (opts) {
|
||||
var defer = $q.defer();
|
||||
var options = angular.copy(defaults);
|
||||
|
||||
opts = opts || {};
|
||||
|
||||
// Merge opts.data with predefined via setDefaults
|
||||
if (typeof options.data !== 'undefined') {
|
||||
if (typeof opts.data === 'undefined') {
|
||||
opts.data = {};
|
||||
}
|
||||
opts.data = angular.merge(angular.copy(options.data), opts.data);
|
||||
}
|
||||
|
||||
angular.extend(options, opts);
|
||||
|
||||
options.scope = angular.isObject(options.scope) ? options.scope.$new() : $rootScope.$new();
|
||||
options.scope.confirm = function (value) {
|
||||
defer.resolve(value);
|
||||
var $dialog = $el(document.getElementById(openResult.id));
|
||||
privateMethods.performCloseDialog($dialog, value);
|
||||
};
|
||||
|
||||
var openResult = publicMethods.open(options);
|
||||
if (openResult) {
|
||||
openResult.closePromise.then(function (data) {
|
||||
if (data) {
|
||||
return defer.reject(data.value);
|
||||
}
|
||||
return defer.reject();
|
||||
});
|
||||
return defer.promise;
|
||||
}
|
||||
},
|
||||
|
||||
isOpen: function(id) {
|
||||
var $dialog = $el(document.getElementById(id));
|
||||
return $dialog.length > 0;
|
||||
},
|
||||
|
||||
/*
|
||||
* @param {String} id
|
||||
* @return {Object} dialog
|
||||
*/
|
||||
close: function (id, value) {
|
||||
var $dialog = $el(document.getElementById(id));
|
||||
|
||||
if ($dialog.length) {
|
||||
privateMethods.closeDialog($dialog, value);
|
||||
} else {
|
||||
if (id === '$escape') {
|
||||
var topDialogId = openIdStack[openIdStack.length - 1];
|
||||
$dialog = $el(document.getElementById(topDialogId));
|
||||
if ($dialog.data('$ngDialogOptions').closeByEscape) {
|
||||
privateMethods.closeDialog($dialog, '$escape');
|
||||
}
|
||||
} else {
|
||||
publicMethods.closeAll(value);
|
||||
}
|
||||
}
|
||||
|
||||
return publicMethods;
|
||||
},
|
||||
|
||||
closeAll: function (value) {
|
||||
var $all = document.querySelectorAll('.ngdialog');
|
||||
|
||||
// Reverse order to ensure focus restoration works as expected
|
||||
for (var i = $all.length - 1; i >= 0; i--) {
|
||||
var dialog = $all[i];
|
||||
privateMethods.closeDialog($el(dialog), value);
|
||||
}
|
||||
},
|
||||
|
||||
getOpenDialogs: function() {
|
||||
return openIdStack;
|
||||
},
|
||||
|
||||
getDefaults: function () {
|
||||
return defaults;
|
||||
}
|
||||
};
|
||||
|
||||
angular.forEach(
|
||||
['html', 'body'],
|
||||
function(elementName) {
|
||||
$elements[elementName] = $document.find(elementName);
|
||||
if (forceElementsReload[elementName]) {
|
||||
var eventName = privateMethods.getRouterLocationEventName();
|
||||
$rootScope.$on(eventName, function () {
|
||||
$elements[elementName] = $document.find(elementName);
|
||||
});
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// Listen to navigation events to close dialog
|
||||
var uiRouterVersion = privateMethods.detectUIRouter();
|
||||
if (uiRouterVersion === UI_ROUTER_VERSION_ONE_PLUS) {
|
||||
var $transitions = $injector.get('$transitions');
|
||||
$transitions.onStart({}, function (trans) {
|
||||
while (closeByNavigationDialogStack.length > 0) {
|
||||
var toCloseDialog = closeByNavigationDialogStack.pop();
|
||||
if (privateMethods.closeDialog(toCloseDialog) === false) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
else {
|
||||
var eventName = uiRouterVersion === UI_ROUTER_VERSION_LEGACY ? '$stateChangeStart' : '$locationChangeStart';
|
||||
$rootScope.$on(eventName, function ($event) {
|
||||
while (closeByNavigationDialogStack.length > 0) {
|
||||
var toCloseDialog = closeByNavigationDialogStack.pop();
|
||||
if (privateMethods.closeDialog(toCloseDialog) === false) {
|
||||
$event.preventDefault();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return publicMethods;
|
||||
}];
|
||||
});
|
||||
|
||||
m.directive('ngDialog', ['ngDialog', function (ngDialog) {
|
||||
return {
|
||||
restrict: 'A',
|
||||
scope: {
|
||||
ngDialogScope: '='
|
||||
},
|
||||
link: function (scope, elem, attrs) {
|
||||
elem.on('click', function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var ngDialogScope = angular.isDefined(scope.ngDialogScope) ? scope.ngDialogScope : 'noScope';
|
||||
angular.isDefined(attrs.ngDialogClosePrevious) && ngDialog.close(attrs.ngDialogClosePrevious);
|
||||
|
||||
var defaults = ngDialog.getDefaults();
|
||||
|
||||
ngDialog.open({
|
||||
template: attrs.ngDialog,
|
||||
className: attrs.ngDialogClass || defaults.className,
|
||||
appendClassName: attrs.ngDialogAppendClass,
|
||||
controller: attrs.ngDialogController,
|
||||
controllerAs: attrs.ngDialogControllerAs,
|
||||
bindToController: attrs.ngDialogBindToController,
|
||||
disableAnimation: attrs.ngDialogDisableAnimation,
|
||||
scope: ngDialogScope,
|
||||
data: attrs.ngDialogData,
|
||||
showClose: attrs.ngDialogShowClose === 'false' ? false : (attrs.ngDialogShowClose === 'true' ? true : defaults.showClose),
|
||||
closeByDocument: attrs.ngDialogCloseByDocument === 'false' ? false : (attrs.ngDialogCloseByDocument === 'true' ? true : defaults.closeByDocument),
|
||||
closeByEscape: attrs.ngDialogCloseByEscape === 'false' ? false : (attrs.ngDialogCloseByEscape === 'true' ? true : defaults.closeByEscape),
|
||||
overlay: attrs.ngDialogOverlay === 'false' ? false : (attrs.ngDialogOverlay === 'true' ? true : defaults.overlay),
|
||||
preCloseCallback: attrs.ngDialogPreCloseCallback || defaults.preCloseCallback,
|
||||
onOpenCallback: attrs.ngDialogOnOpenCallback || defaults.onOpenCallback,
|
||||
bodyClassName: attrs.ngDialogBodyClass || defaults.bodyClassName
|
||||
});
|
||||
});
|
||||
}
|
||||
};
|
||||
}]);
|
||||
|
||||
return m;
|
||||
}));
|
||||
2
msd2/tracking/piwik/libs/bower_components/ngDialog/js/ngDialog.min.js
vendored
Normal file
2
msd2/tracking/piwik/libs/bower_components/ngDialog/js/ngDialog.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user