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