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