annotate .svn/pristine/3b/3b1b10ce6290c2ed3a8ab7a0cbea04c53b0b08e9.svn-base @ 1327:287f201c2802 redmine-2.2-integration

Add italic
author Chris Cannam <chris.cannam@soundsoftware.ac.uk>
date Wed, 19 Jun 2013 20:56:22 +0100
parents cbb26bc654de
children
rev   line source
Chris@909 1 /* redMine - project management software
Chris@909 2 Copyright (C) 2006-2008 Jean-Philippe Lang */
Chris@909 3
Chris@909 4 var observingContextMenuClick;
Chris@909 5
Chris@909 6 ContextMenu = Class.create();
Chris@909 7 ContextMenu.prototype = {
Chris@909 8 initialize: function (url) {
Chris@909 9 this.url = url;
Chris@909 10 this.createMenu();
Chris@909 11
Chris@909 12 if (!observingContextMenuClick) {
Chris@909 13 Event.observe(document, 'click', this.Click.bindAsEventListener(this));
Chris@909 14 Event.observe(document, 'contextmenu', this.RightClick.bindAsEventListener(this));
Chris@909 15 observingContextMenuClick = true;
Chris@909 16 }
Chris@909 17
Chris@909 18 this.unselectAll();
Chris@909 19 this.lastSelected = null;
Chris@909 20 },
Chris@909 21
Chris@909 22 RightClick: function(e) {
Chris@909 23 this.hideMenu();
Chris@909 24 // do not show the context menu on links
Chris@909 25 if (Event.element(e).tagName == 'A') { return; }
Chris@909 26 var tr = Event.findElement(e, 'tr');
Chris@909 27 if (tr == document || tr == undefined || !tr.hasClassName('hascontextmenu')) { return; }
Chris@909 28 Event.stop(e);
Chris@909 29 if (!this.isSelected(tr)) {
Chris@909 30 this.unselectAll();
Chris@909 31 this.addSelection(tr);
Chris@909 32 this.lastSelected = tr;
Chris@909 33 }
Chris@909 34 this.showMenu(e);
Chris@909 35 },
Chris@909 36
Chris@909 37 Click: function(e) {
Chris@909 38 this.hideMenu();
Chris@909 39 if (Event.element(e).tagName == 'A' || Event.element(e).tagName == 'IMG') { return; }
Chris@909 40 if (Event.isLeftClick(e) || (navigator.appVersion.match(/\bMSIE\b/))) {
Chris@909 41 var tr = Event.findElement(e, 'tr');
Chris@909 42 if (tr!=null && tr!=document && tr.hasClassName('hascontextmenu')) {
Chris@909 43 // a row was clicked, check if the click was on checkbox
Chris@909 44 var box = Event.findElement(e, 'input');
Chris@909 45 if (box!=document && box!=undefined) {
Chris@909 46 // a checkbox may be clicked
Chris@909 47 if (box.checked) {
Chris@909 48 tr.addClassName('context-menu-selection');
Chris@909 49 } else {
Chris@909 50 tr.removeClassName('context-menu-selection');
Chris@909 51 }
Chris@909 52 } else {
Chris@909 53 if (e.ctrlKey || e.metaKey) {
Chris@909 54 this.toggleSelection(tr);
Chris@909 55 } else if (e.shiftKey) {
Chris@909 56 if (this.lastSelected != null) {
Chris@909 57 var toggling = false;
Chris@909 58 var rows = $$('.hascontextmenu');
Chris@909 59 for (i=0; i<rows.length; i++) {
Chris@909 60 if (toggling || rows[i]==tr) {
Chris@909 61 this.addSelection(rows[i]);
Chris@909 62 }
Chris@909 63 if (rows[i]==tr || rows[i]==this.lastSelected) {
Chris@909 64 toggling = !toggling;
Chris@909 65 }
Chris@909 66 }
Chris@909 67 } else {
Chris@909 68 this.addSelection(tr);
Chris@909 69 }
Chris@909 70 } else {
Chris@909 71 this.unselectAll();
Chris@909 72 this.addSelection(tr);
Chris@909 73 }
Chris@909 74 this.lastSelected = tr;
Chris@909 75 }
Chris@909 76 } else {
Chris@909 77 // click is outside the rows
Chris@909 78 var t = Event.findElement(e, 'a');
Chris@909 79 if (t == document || t == undefined) {
Chris@909 80 this.unselectAll();
Chris@909 81 } else {
Chris@909 82 if (Element.hasClassName(t, 'disabled') || Element.hasClassName(t, 'submenu')) {
Chris@909 83 Event.stop(e);
Chris@909 84 }
Chris@909 85 }
Chris@909 86 }
Chris@909 87 }
Chris@909 88 },
Chris@909 89
Chris@909 90 createMenu: function() {
Chris@909 91 if (!$('context-menu')) {
Chris@909 92 var menu = document.createElement("div");
Chris@909 93 menu.setAttribute("id", "context-menu");
Chris@909 94 menu.setAttribute("style", "display:none;");
Chris@909 95 document.getElementById("content").appendChild(menu);
Chris@909 96 }
Chris@909 97 },
Chris@909 98
Chris@909 99 showMenu: function(e) {
Chris@909 100 var mouse_x = Event.pointerX(e);
Chris@909 101 var mouse_y = Event.pointerY(e);
Chris@909 102 var render_x = mouse_x;
Chris@909 103 var render_y = mouse_y;
Chris@909 104 var dims;
Chris@909 105 var menu_width;
Chris@909 106 var menu_height;
Chris@909 107 var window_width;
Chris@909 108 var window_height;
Chris@909 109 var max_width;
Chris@909 110 var max_height;
Chris@909 111
Chris@909 112 $('context-menu').style['left'] = (render_x + 'px');
Chris@909 113 $('context-menu').style['top'] = (render_y + 'px');
Chris@909 114 Element.update('context-menu', '');
Chris@909 115
Chris@909 116 new Ajax.Updater({success:'context-menu'}, this.url,
Chris@909 117 {asynchronous:true,
Chris@909 118 method: 'get',
Chris@909 119 evalScripts:true,
Chris@909 120 parameters:Form.serialize(Event.findElement(e, 'form')),
Chris@909 121 onComplete:function(request){
Chris@909 122 dims = $('context-menu').getDimensions();
Chris@909 123 menu_width = dims.width;
Chris@909 124 menu_height = dims.height;
Chris@909 125 max_width = mouse_x + 2*menu_width;
Chris@909 126 max_height = mouse_y + menu_height;
Chris@909 127
Chris@909 128 var ws = window_size();
Chris@909 129 window_width = ws.width;
Chris@909 130 window_height = ws.height;
Chris@909 131
Chris@909 132 /* display the menu above and/or to the left of the click if needed */
Chris@909 133 if (max_width > window_width) {
Chris@909 134 render_x -= menu_width;
Chris@909 135 $('context-menu').addClassName('reverse-x');
Chris@909 136 } else {
Chris@909 137 $('context-menu').removeClassName('reverse-x');
Chris@909 138 }
Chris@909 139 if (max_height > window_height) {
Chris@909 140 render_y -= menu_height;
Chris@909 141 $('context-menu').addClassName('reverse-y');
Chris@909 142 } else {
Chris@909 143 $('context-menu').removeClassName('reverse-y');
Chris@909 144 }
Chris@909 145 if (render_x <= 0) render_x = 1;
Chris@909 146 if (render_y <= 0) render_y = 1;
Chris@909 147 $('context-menu').style['left'] = (render_x + 'px');
Chris@909 148 $('context-menu').style['top'] = (render_y + 'px');
Chris@909 149
Chris@909 150 Effect.Appear('context-menu', {duration: 0.20});
Chris@909 151 if (window.parseStylesheets) { window.parseStylesheets(); } // IE
Chris@909 152 }})
Chris@909 153 },
Chris@909 154
Chris@909 155 hideMenu: function() {
Chris@909 156 Element.hide('context-menu');
Chris@909 157 },
Chris@909 158
Chris@909 159 addSelection: function(tr) {
Chris@909 160 tr.addClassName('context-menu-selection');
Chris@909 161 this.checkSelectionBox(tr, true);
Chris@909 162 this.clearDocumentSelection();
Chris@909 163 },
Chris@909 164
Chris@909 165 toggleSelection: function(tr) {
Chris@909 166 if (this.isSelected(tr)) {
Chris@909 167 this.removeSelection(tr);
Chris@909 168 } else {
Chris@909 169 this.addSelection(tr);
Chris@909 170 }
Chris@909 171 },
Chris@909 172
Chris@909 173 removeSelection: function(tr) {
Chris@909 174 tr.removeClassName('context-menu-selection');
Chris@909 175 this.checkSelectionBox(tr, false);
Chris@909 176 },
Chris@909 177
Chris@909 178 unselectAll: function() {
Chris@909 179 var rows = $$('.hascontextmenu');
Chris@909 180 for (i=0; i<rows.length; i++) {
Chris@909 181 this.removeSelection(rows[i]);
Chris@909 182 }
Chris@909 183 },
Chris@909 184
Chris@909 185 checkSelectionBox: function(tr, checked) {
Chris@909 186 var inputs = Element.getElementsBySelector(tr, 'input');
Chris@909 187 if (inputs.length > 0) { inputs[0].checked = checked; }
Chris@909 188 },
Chris@909 189
Chris@909 190 isSelected: function(tr) {
Chris@909 191 return Element.hasClassName(tr, 'context-menu-selection');
Chris@909 192 },
Chris@909 193
Chris@909 194 clearDocumentSelection: function() {
Chris@909 195 if (document.selection) {
Chris@909 196 document.selection.clear(); // IE
Chris@909 197 } else {
Chris@909 198 window.getSelection().removeAllRanges();
Chris@909 199 }
Chris@909 200 }
Chris@909 201 }
Chris@909 202
Chris@909 203 function toggleIssuesSelection(el) {
Chris@909 204 var boxes = el.getElementsBySelector('input[type=checkbox]');
Chris@909 205 var all_checked = true;
Chris@909 206 for (i = 0; i < boxes.length; i++) { if (boxes[i].checked == false) { all_checked = false; } }
Chris@909 207 for (i = 0; i < boxes.length; i++) {
Chris@909 208 if (all_checked) {
Chris@909 209 boxes[i].checked = false;
Chris@909 210 boxes[i].up('tr').removeClassName('context-menu-selection');
Chris@909 211 } else if (boxes[i].checked == false) {
Chris@909 212 boxes[i].checked = true;
Chris@909 213 boxes[i].up('tr').addClassName('context-menu-selection');
Chris@909 214 }
Chris@909 215 }
Chris@909 216 }
Chris@909 217
Chris@909 218 function window_size() {
Chris@909 219 var w;
Chris@909 220 var h;
Chris@909 221 if (window.innerWidth) {
Chris@909 222 w = window.innerWidth;
Chris@909 223 h = window.innerHeight;
Chris@909 224 } else if (document.documentElement) {
Chris@909 225 w = document.documentElement.clientWidth;
Chris@909 226 h = document.documentElement.clientHeight;
Chris@909 227 } else {
Chris@909 228 w = document.body.clientWidth;
Chris@909 229 h = document.body.clientHeight;
Chris@909 230 }
Chris@909 231 return {width: w, height: h};
Chris@909 232 }