Chris@1295: var contextMenuObserving; Chris@1295: var contextMenuUrl; Chris@1295: Chris@1295: function contextMenuRightClick(event) { Chris@1295: var target = $(event.target); Chris@1295: if (target.is('a')) {return;} Chris@1295: var tr = target.parents('tr').first(); Chris@1295: if (!tr.hasClass('hascontextmenu')) {return;} Chris@1295: event.preventDefault(); Chris@1295: if (!contextMenuIsSelected(tr)) { Chris@1295: contextMenuUnselectAll(); Chris@1295: contextMenuAddSelection(tr); Chris@1295: contextMenuSetLastSelected(tr); Chris@1295: } Chris@1295: contextMenuShow(event); Chris@1295: } Chris@1295: Chris@1295: function contextMenuClick(event) { Chris@1295: var target = $(event.target); Chris@1295: var lastSelected; Chris@1295: Chris@1295: if (target.is('a') && target.hasClass('submenu')) { Chris@1295: event.preventDefault(); Chris@1295: return; Chris@1295: } Chris@1295: contextMenuHide(); Chris@1295: if (target.is('a') || target.is('img')) { return; } Chris@1295: if (event.which == 1 || (navigator.appVersion.match(/\bMSIE\b/))) { Chris@1295: var tr = target.parents('tr').first(); Chris@1295: if (tr.length && tr.hasClass('hascontextmenu')) { Chris@1295: // a row was clicked, check if the click was on checkbox Chris@1295: if (target.is('input')) { Chris@1295: // a checkbox may be clicked Chris@1295: if (target.attr('checked')) { Chris@1295: tr.addClass('context-menu-selection'); Chris@1295: } else { Chris@1295: tr.removeClass('context-menu-selection'); Chris@1295: } Chris@1295: } else { Chris@1295: if (event.ctrlKey || event.metaKey) { Chris@1295: contextMenuToggleSelection(tr); Chris@1295: } else if (event.shiftKey) { Chris@1295: lastSelected = contextMenuLastSelected(); Chris@1295: if (lastSelected.length) { Chris@1295: var toggling = false; Chris@1295: $('.hascontextmenu').each(function(){ Chris@1295: if (toggling || $(this).is(tr)) { Chris@1295: contextMenuAddSelection($(this)); Chris@1295: } Chris@1295: if ($(this).is(tr) || $(this).is(lastSelected)) { Chris@1295: toggling = !toggling; Chris@1295: } Chris@1295: }); Chris@1295: } else { Chris@1295: contextMenuAddSelection(tr); Chris@1295: } Chris@1295: } else { Chris@1295: contextMenuUnselectAll(); Chris@1295: contextMenuAddSelection(tr); Chris@1295: } Chris@1295: contextMenuSetLastSelected(tr); Chris@1295: } Chris@1295: } else { Chris@1295: // click is outside the rows Chris@1295: if (target.is('a') && (target.hasClass('disabled') || target.hasClass('submenu'))) { Chris@1295: event.preventDefault(); Chris@1295: } else { Chris@1295: contextMenuUnselectAll(); Chris@1295: } Chris@1295: } Chris@1295: } Chris@1295: } Chris@1295: Chris@1295: function contextMenuCreate() { Chris@1295: if ($('#context-menu').length < 1) { Chris@1295: var menu = document.createElement("div"); Chris@1295: menu.setAttribute("id", "context-menu"); Chris@1295: menu.setAttribute("style", "display:none;"); Chris@1295: document.getElementById("content").appendChild(menu); Chris@1295: } Chris@1295: } Chris@1295: Chris@1295: function contextMenuShow(event) { Chris@1295: var mouse_x = event.pageX; Chris@1295: var mouse_y = event.pageY; Chris@1295: var render_x = mouse_x; Chris@1295: var render_y = mouse_y; Chris@1295: var dims; Chris@1295: var menu_width; Chris@1295: var menu_height; Chris@1295: var window_width; Chris@1295: var window_height; Chris@1295: var max_width; Chris@1295: var max_height; Chris@1295: Chris@1295: $('#context-menu').css('left', (render_x + 'px')); Chris@1295: $('#context-menu').css('top', (render_y + 'px')); Chris@1295: $('#context-menu').html(''); Chris@1295: Chris@1295: $.ajax({ Chris@1295: url: contextMenuUrl, Chris@1295: data: $(event.target).parents('form').first().serialize(), Chris@1295: success: function(data, textStatus, jqXHR) { Chris@1295: $('#context-menu').html(data); Chris@1295: menu_width = $('#context-menu').width(); Chris@1295: menu_height = $('#context-menu').height(); Chris@1295: max_width = mouse_x + 2*menu_width; Chris@1295: max_height = mouse_y + menu_height; Chris@1295: Chris@1295: var ws = window_size(); Chris@1295: window_width = ws.width; Chris@1295: window_height = ws.height; Chris@1295: Chris@1295: /* display the menu above and/or to the left of the click if needed */ Chris@1295: if (max_width > window_width) { Chris@1295: render_x -= menu_width; Chris@1295: $('#context-menu').addClass('reverse-x'); Chris@1295: } else { Chris@1295: $('#context-menu').removeClass('reverse-x'); Chris@1295: } Chris@1295: if (max_height > window_height) { Chris@1295: render_y -= menu_height; Chris@1295: $('#context-menu').addClass('reverse-y'); Chris@1295: } else { Chris@1295: $('#context-menu').removeClass('reverse-y'); Chris@1295: } Chris@1295: if (render_x <= 0) render_x = 1; Chris@1295: if (render_y <= 0) render_y = 1; Chris@1295: $('#context-menu').css('left', (render_x + 'px')); Chris@1295: $('#context-menu').css('top', (render_y + 'px')); Chris@1295: $('#context-menu').show(); Chris@1295: Chris@1295: //if (window.parseStylesheets) { window.parseStylesheets(); } // IE Chris@1295: Chris@1295: } Chris@1295: }); Chris@1295: } Chris@1295: Chris@1295: function contextMenuSetLastSelected(tr) { Chris@1295: $('.cm-last').removeClass('cm-last'); Chris@1295: tr.addClass('cm-last'); Chris@1295: } Chris@1295: Chris@1295: function contextMenuLastSelected() { Chris@1295: return $('.cm-last').first(); Chris@1295: } Chris@1295: Chris@1295: function contextMenuUnselectAll() { Chris@1295: $('.hascontextmenu').each(function(){ Chris@1295: contextMenuRemoveSelection($(this)); Chris@1295: }); Chris@1295: $('.cm-last').removeClass('cm-last'); Chris@1295: } Chris@1295: Chris@1295: function contextMenuHide() { Chris@1295: $('#context-menu').hide(); Chris@1295: } Chris@1295: Chris@1295: function contextMenuToggleSelection(tr) { Chris@1295: if (contextMenuIsSelected(tr)) { Chris@1295: contextMenuRemoveSelection(tr); Chris@1295: } else { Chris@1295: contextMenuAddSelection(tr); Chris@1295: } Chris@1295: } Chris@1295: Chris@1295: function contextMenuAddSelection(tr) { Chris@1295: tr.addClass('context-menu-selection'); Chris@1295: contextMenuCheckSelectionBox(tr, true); Chris@1295: contextMenuClearDocumentSelection(); Chris@1295: } Chris@1295: Chris@1295: function contextMenuRemoveSelection(tr) { Chris@1295: tr.removeClass('context-menu-selection'); Chris@1295: contextMenuCheckSelectionBox(tr, false); Chris@1295: } Chris@1295: Chris@1295: function contextMenuIsSelected(tr) { Chris@1295: return tr.hasClass('context-menu-selection'); Chris@1295: } Chris@1295: Chris@1295: function contextMenuCheckSelectionBox(tr, checked) { Chris@1295: tr.find('input[type=checkbox]').attr('checked', checked); Chris@1295: } Chris@1295: Chris@1295: function contextMenuClearDocumentSelection() { Chris@1295: // TODO Chris@1295: if (document.selection) { Chris@1295: document.selection.empty(); // IE Chris@1295: } else { Chris@1295: window.getSelection().removeAllRanges(); Chris@1295: } Chris@1295: } Chris@1295: Chris@1295: function contextMenuInit(url) { Chris@1295: contextMenuUrl = url; Chris@1295: contextMenuCreate(); Chris@1295: contextMenuUnselectAll(); Chris@1295: Chris@1295: if (!contextMenuObserving) { Chris@1295: $(document).click(contextMenuClick); Chris@1295: $(document).contextmenu(contextMenuRightClick); Chris@1295: contextMenuObserving = true; Chris@1295: } Chris@1295: } Chris@1295: Chris@1295: function toggleIssuesSelection(el) { Chris@1295: var boxes = $(el).parents('form').find('input[type=checkbox]'); Chris@1295: var all_checked = true; Chris@1295: boxes.each(function(){ if (!$(this).attr('checked')) { all_checked = false; } }); Chris@1295: boxes.each(function(){ Chris@1295: if (all_checked) { Chris@1295: $(this).removeAttr('checked'); Chris@1295: $(this).parents('tr').removeClass('context-menu-selection'); Chris@1295: } else if (!$(this).attr('checked')) { Chris@1295: $(this).attr('checked', true); Chris@1295: $(this).parents('tr').addClass('context-menu-selection'); Chris@1295: } Chris@1295: }); Chris@1295: } Chris@1295: Chris@1295: function window_size() { Chris@1295: var w; Chris@1295: var h; Chris@1295: if (window.innerWidth) { Chris@1295: w = window.innerWidth; Chris@1295: h = window.innerHeight; Chris@1295: } else if (document.documentElement) { Chris@1295: w = document.documentElement.clientWidth; Chris@1295: h = document.documentElement.clientHeight; Chris@1295: } else { Chris@1295: w = document.body.clientWidth; Chris@1295: h = document.body.clientHeight; Chris@1295: } Chris@1295: return {width: w, height: h}; Chris@1295: }