deblan/trinity-cms-bundles
0
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

conventions

Browse source
This commit is contained in:
Simon Vieille 2015-03-05 20:06:13 +01:00
parent 7287652be9
commit caa28b51bf
1 changed files with 1568 additions and 1522 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

228
src/Trinity/Bundle/AdminBundle/Resources/public/js/ui/jquery.contextMenu.js
View file

@ -12,17 +12,17 @@
*
*/
(function($, undefined){
(function($, undefined) {
// TODO: -
// ARIA stuff: menuitem, menuitemcheckbox und menuitemradio
// create <menu> structure if $.support[htmlCommand || htmlMenuitem] and !opt.disableNative
// determine html5 compatibility
$.support.htmlMenuitem = ('HTMLMenuItemElement' in window);
$.support.htmlCommand = ('HTMLCommandElement' in window);
$.support.eventSelectstart = ("onselectstart" in document.documentElement);
/* // should the need arise, test for css user-select
// determine html5 compatibility
$.support.htmlMenuitem = ('HTMLMenuItemElement' in window);
$.support.htmlCommand = ('HTMLCommandElement' in window);
$.support.eventSelectstart = ("onselectstart" in document.documentElement);
/* // should the need arise, test for css user-select
$.support.cssUserSelect = (function(){
var t = false,
e = document.createElement('div');
@ -44,22 +44,23 @@ $.support.cssUserSelect = (function(){
})();
*/
if (!$.ui || !$.ui.widget) {
if (!$.ui || !$.ui.widget) {
// duck punch $.cleanData like jQueryUI does to get that remove event
// https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.widget.js#L16-24
var _cleanData = $.cleanData;
$.cleanData = function( elems ) {
for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
$.cleanData = function(elems) {
for (var i = 0, elem;
(elem = elems[i]) != null; i++) {
try {
$( elem ).triggerHandler( "remove" );
$(elem).triggerHandler("remove");
// http://bugs.jquery.com/ticket/8235
} catch( e ) {}
} catch (e) {}
}
_cleanData( elems );
_cleanData(elems);
};
}
}
var // currently active contextMenu trigger
var // currently active contextMenu trigger
$currentTrigger = null,
// is contextMenu initialized with at least one menu?
initialized = false,
@ -122,7 +123,10 @@ var // currently active contextMenu trigger
offset = opt.$menu.position();
} else {
// x and y are given (by mouse event)
offset = {top: y, left: x};
offset = {
top: y,
left: x
};
}
// correct offset if viewport demands it
@ -193,7 +197,7 @@ var // currently active contextMenu trigger
while (true) {
zin = Math.max(zin, parseInt($tt.css('z-index'), 10) || 0);
$tt = $tt.parent();
if (!$tt || !$tt.length || "html body".indexOf($tt.prop('nodeName').toLowerCase()) > -1 ) {
if (!$tt || !$tt.length || "html body".indexOf($tt.prop('nodeName').toLowerCase()) > -1) {
break;
}
}
@ -203,7 +207,7 @@ var // currently active contextMenu trigger
// event handlers
handle = {
// abort anything
abortevent: function(e){
abortevent: function(e) {
e.preventDefault();
e.stopImmediatePropagation();
},
@ -266,7 +270,11 @@ var // currently active contextMenu trigger
click: function(e) {
e.preventDefault();
e.stopImmediatePropagation();
$(this).trigger($.Event("contextmenu", { data: e.data, pageX: e.pageX, pageY: e.pageY }));
$(this).trigger($.Event("contextmenu", {
data: e.data,
pageX: e.pageX,
pageY: e.pageY
}));
},
// contextMenu right-click trigger
mousedown: function(e) {
@ -291,7 +299,11 @@ var // currently active contextMenu trigger
e.preventDefault();
e.stopImmediatePropagation();
$currentTrigger = $this;
$this.trigger($.Event("contextmenu", { data: e.data, pageX: e.pageX, pageY: e.pageY }));
$this.trigger($.Event("contextmenu", {
data: e.data,
pageX: e.pageX,
pageY: e.pageY
}));
}
$this.removeData('contextMenuActive');
@ -320,8 +332,12 @@ var // currently active contextMenu trigger
hoveract.timer = null;
$document.off('mousemove.contextMenuShow');
$currentTrigger = $this;
$this.trigger($.Event("contextmenu", { data: hoveract.data, pageX: hoveract.pageX, pageY: hoveract.pageY }));
}, e.data.delay );
$this.trigger($.Event("contextmenu", {
data: hoveract.data,
pageX: hoveract.pageX,
pageY: hoveract.pageY
}));
}, e.data.delay);
},
// contextMenu hover trigger
mousemove: function(e) {
@ -338,7 +354,7 @@ var // currently active contextMenu trigger
try {
clearTimeout(hoveract.timer);
} catch(e) {}
} catch (e) {}
hoveract.timer = null;
},
@ -400,7 +416,10 @@ var // currently active contextMenu trigger
if (target && triggerAction) {
root.$trigger.one('contextmenu:hidden', function() {
$(target).contextMenu({x: x, y: y});
$(target).contextMenu({
x: x,
y: y
});
});
}
@ -530,10 +549,7 @@ var // currently active contextMenu trigger
var k = (String.fromCharCode(e.keyCode)).toUpperCase();
if (opt.accesskeys[k]) {
// according to the specs accesskeys must be invoked immediately
opt.accesskeys[k].$node.trigger(opt.accesskeys[k].$menu
? 'contextmenu:focus'
: 'mouseup'
);
opt.accesskeys[k].$node.trigger(opt.accesskeys[k].$menu ? 'contextmenu:focus' : 'mouseup');
return;
}
break;
@ -820,7 +836,7 @@ var // currently active contextMenu trigger
opt.$menu.find('ul').css('zIndex', css.zIndex + 1);
// position and show context menu
opt.$menu.css( css )[opt.animation.show](opt.animation.duration, function() {
opt.$menu.css(css)[opt.animation.show](opt.animation.duration, function() {
$trigger.trigger('contextmenu:visible');
});
// make options available and set state
@ -866,14 +882,14 @@ var // currently active contextMenu trigger
if (opt.$layer) {
// keep layer for a bit so the contextmenu event can be aborted properly by opera
setTimeout((function($layer) {
return function(){
return function() {
$layer.remove();
};
})(opt.$layer), 10);
try {
delete opt.$layer;
} catch(e) {
} catch (e) {
opt.$layer = null;
}
}
@ -887,7 +903,7 @@ var // currently active contextMenu trigger
//$(document).off('.contextMenuAutoHide keydown.contextMenu'); // http://bugs.jquery.com/ticket/10705
$(document).off('.contextMenuAutoHide').off('keydown.contextMenu');
// hide menu
opt.$menu && opt.$menu[opt.animation.hide](opt.animation.duration, function (){
opt.$menu && opt.$menu[opt.animation.hide](opt.animation.duration, function() {
// tear down dynamically built menu after animation is completed.
if (opt.build) {
opt.$menu.remove();
@ -924,7 +940,7 @@ var // currently active contextMenu trigger
'contextMenuRoot': root
});
$.each(['callbacks', 'commands', 'inputs'], function(i,k){
$.each(['callbacks', 'commands', 'inputs'], function(i, k) {
opt[k] = {};
if (!root[k]) {
root[k] = {};
@ -934,7 +950,7 @@ var // currently active contextMenu trigger
root.accesskeys || (root.accesskeys = {});
// create contextMenu items
$.each(opt.items, function(key, item){
$.each(opt.items, function(key, item) {
var $t = $('<li class="context-menu-item"></li>').addClass(item.className || ""),
$label = null,
$input = null;
@ -953,7 +969,7 @@ var // currently active contextMenu trigger
// NOTE: the accesskey attribute should be applicable to any element, but Safari5 and Chrome13 still can't do that
if (item.accesskey) {
var aks = splitAccesskey(item.accesskey);
for (var i=0, ak; ak = aks[i]; i++) {
for (var i = 0, ak; ak = aks[i]; i++) {
if (!root.accesskeys[ak]) {
root.accesskeys[ak] = item;
item._name = item.name.replace(new RegExp('(' + ak + ')', 'i'), '<span class="context-menu-accesskey">$1</span>');
@ -968,7 +984,7 @@ var // currently active contextMenu trigger
// run custom type handler
types[item.type].call($t, item, opt, root);
// register commands
$.each([opt, root], function(i,k){
$.each([opt, root], function(i, k) {
k.commands[key] = item;
if ($.isFunction(item.callback)) {
k.callbacks[key] = item.callback;
@ -983,7 +999,7 @@ var // currently active contextMenu trigger
$('<span></span>').html(item._name || item.name).appendTo($label);
$t.addClass('context-menu-input');
opt.hasTypes = true;
$.each([opt, root], function(i,k){
$.each([opt, root], function(i, k) {
k.commands[key] = item;
k.inputs[key] = item;
});
@ -1039,7 +1055,6 @@ var // currently active contextMenu trigger
break;
case 'sub':
// FIXME: shouldn't this .html() be a .text()?
$('<span></span>').html(item._name || item.name).appendTo($t);
item.appendTo = item.$node;
op.create(item, root);
@ -1052,13 +1067,12 @@ var // currently active contextMenu trigger
break;
default:
$.each([opt, root], function(i,k){
$.each([opt, root], function(i, k) {
k.commands[key] = item;
if ($.isFunction(item.callback)) {
k.callbacks[key] = item.callback;
}
});
// FIXME: shouldn't this .html() be a .text()?
$('<span></span>').html(item._name || item.name || "").appendTo($t);
break;
}
@ -1107,7 +1121,10 @@ var // currently active contextMenu trigger
// kinda sucks hard...
// determine width of absolutely positioned element
$menu.css({position: 'absolute', display: 'block'});
$menu.css({
position: 'absolute',
display: 'block'
});
// don't apply yet, because that would break nested elements' widths
// add a pixel to circumvent word-break issue in IE9 - #80
$menu.data('width', Math.ceil($menu.width()) + 1);
@ -1141,7 +1158,7 @@ var // currently active contextMenu trigger
op.resize(opt.$menu);
}
// re-check disabled for each item
opt.$menu.children().each(function(){
opt.$menu.children().each(function() {
var $item = $(this),
key = $item.data('contextMenuKey'),
item = opt.items[key],
@ -1182,7 +1199,11 @@ var // currently active contextMenu trigger
// add transparent layer for click area
// filter and background for Internet Explorer, Issue #23
var $layer = opt.$layer = $('<div id="context-menu-layer" style="position:fixed; z-index:' + zIndex + '; top:0; left:0; opacity: 0; filter: alpha(opacity=0); background-color: #000;"></div>')
.css({height: $win.height(), width: $win.width(), display: 'block'})
.css({
height: $win.height(),
width: $win.width(),
display: 'block'
})
.data('contextMenuRoot', opt)
.insertBefore(this)
.on('contextmenu', handle.abortevent)
@ -1191,8 +1212,8 @@ var // currently active contextMenu trigger
// IE6 doesn't know position:fixed;
if (!$.support.fixedPosition) {
$layer.css({
'position' : 'absolute',
'height' : $(document).height()
'position': 'absolute',
'height': $(document).height()
});
}
@ -1200,12 +1221,12 @@ var // currently active contextMenu trigger
}
};
// split accesskey according to http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#assigned-access-key
function splitAccesskey(val) {
// split accesskey according to http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#assigned-access-key
function splitAccesskey(val) {
var t = val.split(/\s+/),
keys = [];
for (var i=0, k; k = t[i]; i++) {
for (var i = 0, k; k = t[i]; i++) {
k = k[0].toUpperCase(); // first character only
// theoretically non-accessible characters should be ignored, but different systems, different keyboard layouts, ... screw it.
// a map to look up already used access keys would be nice
@ -1213,19 +1234,24 @@ function splitAccesskey(val) {
}
return keys;
}
}
// handle contextMenu triggers
$.fn.contextMenu = function(operation) {
// handle contextMenu triggers
$.fn.contextMenu = function(operation) {
if (operation === undefined) {
this.first().trigger('contextmenu');
} else if (operation.x && operation.y) {
this.first().trigger($.Event("contextmenu", {pageX: operation.x, pageY: operation.y}));
this.first().trigger($.Event("contextmenu", {
pageX: operation.x,
pageY: operation.y
}));
} else if (operation === "hide") {
var $menu = this.data('contextMenu').$menu;
$menu && $menu.trigger('contextmenu:hide');
} else if (operation === "destroy") {
$.contextMenu("destroy", {context: this});
$.contextMenu("destroy", {
context: this
});
} else if ($.isPlainObject(operation)) {
operation.context = this;
$.contextMenu("create", operation);
@ -1236,17 +1262,19 @@ $.fn.contextMenu = function(operation) {
}
return this;
};
};
// manage contextMenu instances
$.contextMenu = function(operation, options) {
// manage contextMenu instances
$.contextMenu = function(operation, options) {
if (typeof operation != 'string') {
options = operation;
operation = 'create';
}
if (typeof options == 'string') {
options = {selector: options};
options = {
selector: options
};
} else if (options === undefined) {
options = {};
}
@ -1279,7 +1307,7 @@ $.contextMenu = function(operation, options) {
if (!o.build && (!o.items || $.isEmptyObject(o.items))) {
throw new Error('No Items sepcified');
}
counter ++;
counter++;
o.ns = '.contextMenu' + counter;
if (!_hasContext) {
namespaces[o.selector] = o.ns;
@ -1364,7 +1392,9 @@ $.contextMenu = function(operation, options) {
$visibleMenu = $('.context-menu-list').filter(':visible');
if ($visibleMenu.length && $visibleMenu.data().contextMenuRoot.$trigger.is($(o.context).find(o.selector))) {
$visibleMenu.trigger('contextmenu:hide', {force: true});
$visibleMenu.trigger('contextmenu:hide', {
force: true
});
}
try {
@ -1373,7 +1403,7 @@ $.contextMenu = function(operation, options) {
}
delete menus[o.ns];
} catch(e) {
} catch (e) {
menus[o.ns] = null;
}
@ -1396,7 +1426,9 @@ $.contextMenu = function(operation, options) {
} else if (namespaces[o.selector]) {
$visibleMenu = $('.context-menu-list').filter(':visible');
if ($visibleMenu.length && $visibleMenu.data().contextMenuRoot.$trigger.is(o.selector)) {
$visibleMenu.trigger('contextmenu:hide', {force: true});
$visibleMenu.trigger('contextmenu:hide', {
force: true
});
}
try {
@ -1405,7 +1437,7 @@ $.contextMenu = function(operation, options) {
}
delete menus[namespaces[o.selector]];
} catch(e) {
} catch (e) {
menus[namespaces[o.selector]] = null;
}
@ -1421,7 +1453,7 @@ $.contextMenu = function(operation, options) {
$('menu[type="context"]').each(function() {
if (this.id) {
$.contextMenu({
selector: '[contextmenu=' + this.id +']',
selector: '[contextmenu=' + this.id + ']',
items: $.contextMenu.fromMenu(this)
});
}
@ -1434,10 +1466,10 @@ $.contextMenu = function(operation, options) {
}
return this;
};
};
// import values into <input> commands
$.contextMenu.setInputValues = function(opt, data) {
// import values into <input> commands
$.contextMenu.setInputValues = function(opt, data) {
if (data === undefined) {
data = {};
}
@ -1462,10 +1494,10 @@ $.contextMenu.setInputValues = function(opt, data) {
break;
}
});
};
};
// export values from <input> commands
$.contextMenu.getInputValues = function(opt, data) {
// export values from <input> commands
$.contextMenu.getInputValues = function(opt, data) {
if (data === undefined) {
data = {};
}
@ -1491,15 +1523,15 @@ $.contextMenu.getInputValues = function(opt, data) {
});
return data;
};
};
// find <label for="xyz">
function inputLabel(node) {
return (node.id && $('label[for="'+ node.id +'"]').val()) || node.name;
}
// find <label for="xyz">
function inputLabel(node) {
return (node.id && $('label[for="' + node.id + '"]').val()) || node.name;
}
// convert <menu> to items object
function menuChildren(items, $children, counter) {
// convert <menu> to items object
function menuChildren(items, $children, counter) {
if (!counter) {
counter = 0;
}
@ -1530,7 +1562,10 @@ function menuChildren(items, $children, counter) {
switch (nodeName) {
// http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-menu-element
case 'menu':
item = {name: $node.attr('label'), items: {}};
item = {
name: $node.attr('label'),
items: {}
};
counter = menuChildren(item.items, $node.children(), counter);
break;
@ -1541,7 +1576,11 @@ function menuChildren(items, $children, counter) {
item = {
name: $node.text(),
disabled: !!$node.attr('disabled'),
callback: (function(){ return function(){ $node.click(); }; })()
callback: (function() {
return function() {
$node.click();
};
})()
};
break;
@ -1556,7 +1595,11 @@ function menuChildren(items, $children, counter) {
item = {
name: $node.attr('label'),
disabled: !!$node.attr('disabled'),
callback: (function(){ return function(){ $node.click(); }; })()
callback: (function() {
return function() {
$node.click();
};
})()
};
break;
@ -1634,7 +1677,7 @@ function menuChildren(items, $children, counter) {
selected: $node.val(),
options: {}
};
$node.children().each(function(){
$node.children().each(function() {
item.options[this.value] = $(this).text();
});
break;
@ -1652,7 +1695,10 @@ function menuChildren(items, $children, counter) {
break;
default:
item = {type: 'html', html: $node.clone(true)};
item = {
type: 'html',
html: $node.clone(true)
};
break;
}
@ -1663,24 +1709,24 @@ function menuChildren(items, $children, counter) {
});
return counter;
}
}
// convert html5 menu
$.contextMenu.fromMenu = function(element) {
// convert html5 menu
$.contextMenu.fromMenu = function(element) {
var $this = $(element),
items = {};
menuChildren(items, $this.children());
return items;
};
};
// make defaults accessible
$.contextMenu.defaults = defaults;
$.contextMenu.types = types;
// export internal functions - undocumented, for hacking only!
$.contextMenu.handle = handle;
$.contextMenu.op = op;
$.contextMenu.menus = menus;
// make defaults accessible
$.contextMenu.defaults = defaults;
$.contextMenu.types = types;
// export internal functions - undocumented, for hacking only!
$.contextMenu.handle = handle;
$.contextMenu.op = op;
$.contextMenu.menus = menus;
})(jQuery);