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