annotate .svn/pristine/78/787bda5f0568c9fa3603342f51af7f230d71bae6.svn-base @ 1519:afce8026aaeb redmine-2.4-integration

Merge from branch "live"
author Chris Cannam
date Tue, 09 Sep 2014 09:34:53 +0100
parents 261b3d9a4903
children
rev   line source
Chris@1464 1 var contextMenuObserving;
Chris@1464 2 var contextMenuUrl;
Chris@1464 3
Chris@1464 4 function contextMenuRightClick(event) {
Chris@1464 5 var target = $(event.target);
Chris@1464 6 if (target.is('a')) {return;}
Chris@1464 7 var tr = target.parents('tr').first();
Chris@1464 8 if (!tr.hasClass('hascontextmenu')) {return;}
Chris@1464 9 event.preventDefault();
Chris@1464 10 if (!contextMenuIsSelected(tr)) {
Chris@1464 11 contextMenuUnselectAll();
Chris@1464 12 contextMenuAddSelection(tr);
Chris@1464 13 contextMenuSetLastSelected(tr);
Chris@1464 14 }
Chris@1464 15 contextMenuShow(event);
Chris@1464 16 }
Chris@1464 17
Chris@1464 18 function contextMenuClick(event) {
Chris@1464 19 var target = $(event.target);
Chris@1464 20 var lastSelected;
Chris@1464 21
Chris@1464 22 if (target.is('a') && target.hasClass('submenu')) {
Chris@1464 23 event.preventDefault();
Chris@1464 24 return;
Chris@1464 25 }
Chris@1464 26 contextMenuHide();
Chris@1464 27 if (target.is('a') || target.is('img')) { return; }
Chris@1464 28 if (event.which == 1 || (navigator.appVersion.match(/\bMSIE\b/))) {
Chris@1464 29 var tr = target.parents('tr').first();
Chris@1464 30 if (tr.length && tr.hasClass('hascontextmenu')) {
Chris@1464 31 // a row was clicked, check if the click was on checkbox
Chris@1464 32 if (target.is('input')) {
Chris@1464 33 // a checkbox may be clicked
Chris@1464 34 if (target.attr('checked')) {
Chris@1464 35 tr.addClass('context-menu-selection');
Chris@1464 36 } else {
Chris@1464 37 tr.removeClass('context-menu-selection');
Chris@1464 38 }
Chris@1464 39 } else {
Chris@1464 40 if (event.ctrlKey || event.metaKey) {
Chris@1464 41 contextMenuToggleSelection(tr);
Chris@1464 42 } else if (event.shiftKey) {
Chris@1464 43 lastSelected = contextMenuLastSelected();
Chris@1464 44 if (lastSelected.length) {
Chris@1464 45 var toggling = false;
Chris@1464 46 $('.hascontextmenu').each(function(){
Chris@1464 47 if (toggling || $(this).is(tr)) {
Chris@1464 48 contextMenuAddSelection($(this));
Chris@1464 49 }
Chris@1464 50 if ($(this).is(tr) || $(this).is(lastSelected)) {
Chris@1464 51 toggling = !toggling;
Chris@1464 52 }
Chris@1464 53 });
Chris@1464 54 } else {
Chris@1464 55 contextMenuAddSelection(tr);
Chris@1464 56 }
Chris@1464 57 } else {
Chris@1464 58 contextMenuUnselectAll();
Chris@1464 59 contextMenuAddSelection(tr);
Chris@1464 60 }
Chris@1464 61 contextMenuSetLastSelected(tr);
Chris@1464 62 }
Chris@1464 63 } else {
Chris@1464 64 // click is outside the rows
Chris@1464 65 if (target.is('a') && (target.hasClass('disabled') || target.hasClass('submenu'))) {
Chris@1464 66 event.preventDefault();
Chris@1464 67 } else {
Chris@1464 68 contextMenuUnselectAll();
Chris@1464 69 }
Chris@1464 70 }
Chris@1464 71 }
Chris@1464 72 }
Chris@1464 73
Chris@1464 74 function contextMenuCreate() {
Chris@1464 75 if ($('#context-menu').length < 1) {
Chris@1464 76 var menu = document.createElement("div");
Chris@1464 77 menu.setAttribute("id", "context-menu");
Chris@1464 78 menu.setAttribute("style", "display:none;");
Chris@1464 79 document.getElementById("content").appendChild(menu);
Chris@1464 80 }
Chris@1464 81 }
Chris@1464 82
Chris@1464 83 function contextMenuShow(event) {
Chris@1464 84 var mouse_x = event.pageX;
Chris@1464 85 var mouse_y = event.pageY;
Chris@1464 86 var render_x = mouse_x;
Chris@1464 87 var render_y = mouse_y;
Chris@1464 88 var dims;
Chris@1464 89 var menu_width;
Chris@1464 90 var menu_height;
Chris@1464 91 var window_width;
Chris@1464 92 var window_height;
Chris@1464 93 var max_width;
Chris@1464 94 var max_height;
Chris@1464 95
Chris@1464 96 $('#context-menu').css('left', (render_x + 'px'));
Chris@1464 97 $('#context-menu').css('top', (render_y + 'px'));
Chris@1464 98 $('#context-menu').html('');
Chris@1464 99
Chris@1464 100 $.ajax({
Chris@1464 101 url: contextMenuUrl,
Chris@1464 102 data: $(event.target).parents('form').first().serialize(),
Chris@1464 103 success: function(data, textStatus, jqXHR) {
Chris@1464 104 $('#context-menu').html(data);
Chris@1464 105 menu_width = $('#context-menu').width();
Chris@1464 106 menu_height = $('#context-menu').height();
Chris@1464 107 max_width = mouse_x + 2*menu_width;
Chris@1464 108 max_height = mouse_y + menu_height;
Chris@1464 109
Chris@1464 110 var ws = window_size();
Chris@1464 111 window_width = ws.width;
Chris@1464 112 window_height = ws.height;
Chris@1464 113
Chris@1464 114 /* display the menu above and/or to the left of the click if needed */
Chris@1464 115 if (max_width > window_width) {
Chris@1464 116 render_x -= menu_width;
Chris@1464 117 $('#context-menu').addClass('reverse-x');
Chris@1464 118 } else {
Chris@1464 119 $('#context-menu').removeClass('reverse-x');
Chris@1464 120 }
Chris@1464 121 if (max_height > window_height) {
Chris@1464 122 render_y -= menu_height;
Chris@1464 123 $('#context-menu').addClass('reverse-y');
Chris@1464 124 } else {
Chris@1464 125 $('#context-menu').removeClass('reverse-y');
Chris@1464 126 }
Chris@1464 127 if (render_x <= 0) render_x = 1;
Chris@1464 128 if (render_y <= 0) render_y = 1;
Chris@1464 129 $('#context-menu').css('left', (render_x + 'px'));
Chris@1464 130 $('#context-menu').css('top', (render_y + 'px'));
Chris@1464 131 $('#context-menu').show();
Chris@1464 132
Chris@1464 133 //if (window.parseStylesheets) { window.parseStylesheets(); } // IE
Chris@1464 134
Chris@1464 135 }
Chris@1464 136 });
Chris@1464 137 }
Chris@1464 138
Chris@1464 139 function contextMenuSetLastSelected(tr) {
Chris@1464 140 $('.cm-last').removeClass('cm-last');
Chris@1464 141 tr.addClass('cm-last');
Chris@1464 142 }
Chris@1464 143
Chris@1464 144 function contextMenuLastSelected() {
Chris@1464 145 return $('.cm-last').first();
Chris@1464 146 }
Chris@1464 147
Chris@1464 148 function contextMenuUnselectAll() {
Chris@1464 149 $('.hascontextmenu').each(function(){
Chris@1464 150 contextMenuRemoveSelection($(this));
Chris@1464 151 });
Chris@1464 152 $('.cm-last').removeClass('cm-last');
Chris@1464 153 }
Chris@1464 154
Chris@1464 155 function contextMenuHide() {
Chris@1464 156 $('#context-menu').hide();
Chris@1464 157 }
Chris@1464 158
Chris@1464 159 function contextMenuToggleSelection(tr) {
Chris@1464 160 if (contextMenuIsSelected(tr)) {
Chris@1464 161 contextMenuRemoveSelection(tr);
Chris@1464 162 } else {
Chris@1464 163 contextMenuAddSelection(tr);
Chris@1464 164 }
Chris@1464 165 }
Chris@1464 166
Chris@1464 167 function contextMenuAddSelection(tr) {
Chris@1464 168 tr.addClass('context-menu-selection');
Chris@1464 169 contextMenuCheckSelectionBox(tr, true);
Chris@1464 170 contextMenuClearDocumentSelection();
Chris@1464 171 }
Chris@1464 172
Chris@1464 173 function contextMenuRemoveSelection(tr) {
Chris@1464 174 tr.removeClass('context-menu-selection');
Chris@1464 175 contextMenuCheckSelectionBox(tr, false);
Chris@1464 176 }
Chris@1464 177
Chris@1464 178 function contextMenuIsSelected(tr) {
Chris@1464 179 return tr.hasClass('context-menu-selection');
Chris@1464 180 }
Chris@1464 181
Chris@1464 182 function contextMenuCheckSelectionBox(tr, checked) {
Chris@1464 183 tr.find('input[type=checkbox]').attr('checked', checked);
Chris@1464 184 }
Chris@1464 185
Chris@1464 186 function contextMenuClearDocumentSelection() {
Chris@1464 187 // TODO
Chris@1464 188 if (document.selection) {
Chris@1464 189 document.selection.empty(); // IE
Chris@1464 190 } else {
Chris@1464 191 window.getSelection().removeAllRanges();
Chris@1464 192 }
Chris@1464 193 }
Chris@1464 194
Chris@1464 195 function contextMenuInit(url) {
Chris@1464 196 contextMenuUrl = url;
Chris@1464 197 contextMenuCreate();
Chris@1464 198 contextMenuUnselectAll();
Chris@1464 199
Chris@1464 200 if (!contextMenuObserving) {
Chris@1464 201 $(document).click(contextMenuClick);
Chris@1464 202 $(document).contextmenu(contextMenuRightClick);
Chris@1464 203 contextMenuObserving = true;
Chris@1464 204 }
Chris@1464 205 }
Chris@1464 206
Chris@1464 207 function toggleIssuesSelection(el) {
Chris@1464 208 var boxes = $(el).parents('form').find('input[type=checkbox]');
Chris@1464 209 var all_checked = true;
Chris@1464 210 boxes.each(function(){ if (!$(this).attr('checked')) { all_checked = false; } });
Chris@1464 211 boxes.each(function(){
Chris@1464 212 if (all_checked) {
Chris@1464 213 $(this).removeAttr('checked');
Chris@1464 214 $(this).parents('tr').removeClass('context-menu-selection');
Chris@1464 215 } else if (!$(this).attr('checked')) {
Chris@1464 216 $(this).attr('checked', true);
Chris@1464 217 $(this).parents('tr').addClass('context-menu-selection');
Chris@1464 218 }
Chris@1464 219 });
Chris@1464 220 }
Chris@1464 221
Chris@1464 222 function window_size() {
Chris@1464 223 var w;
Chris@1464 224 var h;
Chris@1464 225 if (window.innerWidth) {
Chris@1464 226 w = window.innerWidth;
Chris@1464 227 h = window.innerHeight;
Chris@1464 228 } else if (document.documentElement) {
Chris@1464 229 w = document.documentElement.clientWidth;
Chris@1464 230 h = document.documentElement.clientHeight;
Chris@1464 231 } else {
Chris@1464 232 w = document.body.clientWidth;
Chris@1464 233 h = document.body.clientHeight;
Chris@1464 234 }
Chris@1464 235 return {width: w, height: h};
Chris@1464 236 }