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