1 | //hierarchy storage object
|
---|
2 |
|
---|
3 | //Find first ancestor element by tag name
|
---|
4 | function findAncestorByTagName (element, tagName) {
|
---|
5 | while ((element.tagName != tagName) && (element = element.parentElement));
|
---|
6 | return element;
|
---|
7 | }
|
---|
8 | // Function to set Id as TEXTAREA value
|
---|
9 | function chooseHierarchyOption(a)
|
---|
10 | {
|
---|
11 |
|
---|
12 | var metaValue = a.getAttribute("metavalue");
|
---|
13 | var metaTitle = a.getAttribute("metatitle");
|
---|
14 |
|
---|
15 | // If ID defined and not null
|
---|
16 | if (metaValue && (metaValue != null))
|
---|
17 | {
|
---|
18 | //find TR Ancestor to get TEXTAREA
|
---|
19 | var tr = findAncestorByTagName(a,"TR");
|
---|
20 | //Set value to id of clicked element
|
---|
21 | $(tr.getElementsByTagName("TEXTAREA")).val(metaValue);
|
---|
22 | // Set button name
|
---|
23 | setHierarchyButtonText(tr, metaTitle);
|
---|
24 | removeSuggestionsMenu(tr);
|
---|
25 | //Hide menu after click
|
---|
26 | $(tr).find(".metaDataHierarchyMenu").find("ul li ul li").hide();
|
---|
27 | //Set focus on textarea
|
---|
28 | tr.getElementsByTagName("TEXTAREA")[0].focus();
|
---|
29 |
|
---|
30 | createSuggestionsMenu(tr);
|
---|
31 |
|
---|
32 | }
|
---|
33 | }
|
---|
34 | function openHierarchyMenuLevel(menuItem)
|
---|
35 | {
|
---|
36 | var tr = findAncestorByTagName(menuItem,"TR");
|
---|
37 | //get current MetaDataName
|
---|
38 | var metaName = getMetaName(tr);
|
---|
39 | //Get current hierarchy from storages
|
---|
40 | var hierarchyData = hierarchyStorage[metaName];
|
---|
41 | menuItem = $(menuItem);
|
---|
42 | if (menuItem.find('ul').length == 0)
|
---|
43 | {
|
---|
44 | //Expression to extract hierarchy identifier from menu item id
|
---|
45 | var getIdExp = /[0-9.]+/;
|
---|
46 | //Extracted hierarchy identifier
|
---|
47 | var id;
|
---|
48 | //Expression to get childs
|
---|
49 | var childExpr;
|
---|
50 | if (menuItem.attr('id'))
|
---|
51 | {
|
---|
52 | id = menuItem.attr('id').match(getIdExp);
|
---|
53 | }
|
---|
54 | if (id == null)
|
---|
55 | {
|
---|
56 | childExpr = /^[0-9]+$/;
|
---|
57 | }
|
---|
58 | else
|
---|
59 | {
|
---|
60 | childExpr = new RegExp("^" + id + "." + "[0-9]+$");
|
---|
61 | }
|
---|
62 | var levelItems = {};
|
---|
63 | for(var key in hierarchyData)
|
---|
64 | {
|
---|
65 | if(childExpr.test(key)){
|
---|
66 | levelItems[key]='<li class="hierarchyOption" id="'+key+'" ><button onclick="chooseHierarchyOption(this)" metavalue="'+ hierarchyData[key][0] +'" metatitle="'+ hierarchyData[key][1] +'">' + hierarchyData[key][1] + '</button></li>';
|
---|
67 | }
|
---|
68 | }
|
---|
69 | //If no elements in hierarchy level
|
---|
70 | if (jQuery.isEmptyObject(levelItems))
|
---|
71 | {
|
---|
72 | //add empty menu. Invisible. Used by checks in setHierarchyEventsWrappers focusout to prevent menu hiding while choosing suggestion menu item leaf
|
---|
73 | menuItem.append("<ul></ul>");
|
---|
74 |
|
---|
75 | }
|
---|
76 | else {
|
---|
77 | //wrap elements in hierarchy level
|
---|
78 | var levelMenu = '<ul>';
|
---|
79 | for(var key in levelItems)
|
---|
80 | {
|
---|
81 | //Fill menu with items
|
---|
82 | levelMenu += levelItems[key];
|
---|
83 | }
|
---|
84 | levelMenu += "</ul>";
|
---|
85 | menuItem.append(levelMenu);
|
---|
86 | menuItem.find("li").hover(
|
---|
87 | function(){openHierarchyMenuLevel(this);}
|
---|
88 | ,
|
---|
89 | function(){closeHierarchyMenuLevel(this);}
|
---|
90 | );
|
---|
91 |
|
---|
92 | //menuItem.find('ul');
|
---|
93 | menuItem.children('ul').slideDown();
|
---|
94 | }
|
---|
95 |
|
---|
96 | } else {
|
---|
97 | //stop animation
|
---|
98 | menuItem.find('ul').stop(true, true);
|
---|
99 | //show menu items
|
---|
100 | menuItem.children('ul').children('li').show();
|
---|
101 | //slide down menu
|
---|
102 | menuItem.children('ul').slideDown();
|
---|
103 | }
|
---|
104 | menuItem.addClass("active");
|
---|
105 | }
|
---|
106 | function closeHierarchyMenuLevel(menuItem)
|
---|
107 | {
|
---|
108 | $(menuItem).removeClass("active");
|
---|
109 | $(menuItem).find('ul').hide();
|
---|
110 | }
|
---|
111 | // Download hierarchy file and process it
|
---|
112 | function downloadAndProcessHierarchyFile(hierarchyFileName,metaName)
|
---|
113 | {
|
---|
114 |
|
---|
115 | var xmlhttp=new XMLHttpRequest();
|
---|
116 | xmlhttp.open("GET",hierarchyFileName,true);
|
---|
117 | xmlhttp.send();
|
---|
118 | xmlhttp.onreadystatechange=function()
|
---|
119 | {
|
---|
120 | if (xmlhttp.readyState==4 && xmlhttp.status==200)
|
---|
121 | {
|
---|
122 | var hierarchyFile = xmlhttp.responseText;
|
---|
123 | var StringData = [];
|
---|
124 | var hierarchyData = {};
|
---|
125 | var expr = /^(\S*|\"[^\"]*\")\ +([0-9]+(?:\.[0-9]+)*)\ +(.*)/m;
|
---|
126 | StringData = hierarchyFile.split('\n');
|
---|
127 | for (var i = 0; i < StringData.length; i++) {
|
---|
128 | var result = StringData[i].match(expr);
|
---|
129 | // If result not null
|
---|
130 | if (result != null && result.length == 4) {
|
---|
131 | // populate hierarchy object
|
---|
132 | hierarchyData[result[2]] = [ result[1].replace(/^\"|\"$/g, ''), result[3].replace(/^\"|\"$/g, '') ];
|
---|
133 | }
|
---|
134 |
|
---|
135 | }
|
---|
136 | addHierarchyToStorage(metaName, hierarchyData);
|
---|
137 | setHierarchyEventsWrappers(metaName);
|
---|
138 | }
|
---|
139 | }
|
---|
140 |
|
---|
141 | }
|
---|
142 |
|
---|
143 |
|
---|
144 | function setHierarchyHoverEvent(father,className)
|
---|
145 | {
|
---|
146 |
|
---|
147 | $(father).find(className).hover(function()
|
---|
148 | {
|
---|
149 | openHierarchyMenuLevel(this);
|
---|
150 | }, function() {
|
---|
151 | closeHierarchyMenuLevel(this);
|
---|
152 | });
|
---|
153 |
|
---|
154 | }
|
---|
155 | function createHierarchyMenuButton(row)
|
---|
156 | {
|
---|
157 | //get current MetaDataName
|
---|
158 | var metaName = getMetaName(row);
|
---|
159 | defaultHierarchyButtonText = gs.text.de.top_level_menu; //'Top level menu';
|
---|
160 | var hierarchyButtonText = defaultHierarchyButtonText;
|
---|
161 | // Check if textarea already contain right menu key
|
---|
162 | var textAreaValue = $(row).find('TEXTAREA').val();
|
---|
163 |
|
---|
164 | //Get current hierarchy from storages
|
---|
165 | var hierarchyData = hierarchyStorage[metaName];
|
---|
166 | //TODO Modificate
|
---|
167 |
|
---|
168 |
|
---|
169 | for(var key in hierarchyData)
|
---|
170 | {
|
---|
171 | if (hierarchyData[key][0] == textAreaValue)
|
---|
172 | {
|
---|
173 | hierarchyButtonText = hierarchyData[key][1];
|
---|
174 | break;
|
---|
175 | }
|
---|
176 | }
|
---|
177 |
|
---|
178 | //Menu element
|
---|
179 | var mainmenu = '<td class="metaDataHierarchyMenu" style="display: none;"><ul><li id="hierarchyLevel"><button class="hierarchyMenuButton" title="Menu">' + hierarchyButtonText + '</button></li></ul></td>'
|
---|
180 | //Insert hierarchy menu
|
---|
181 | $(row).find('.metaTableCellRemove').after(mainmenu);
|
---|
182 | //Set hover event on hierarchy menu
|
---|
183 | $(row).each(function(){setHierarchyHoverEvent($(this),".metaDataHierarchyMenu ul li")});
|
---|
184 | //Set menu name or SuggestionsMenu on change of textarea set menu name to appropriate menu item if exists
|
---|
185 | $(row).find('.metaTableCellArea').bind('input propertychange',function()
|
---|
186 | {
|
---|
187 | var input = $(this).val();
|
---|
188 | var hierarchyButtonText;
|
---|
189 | var row = this.parentElement.parentElement;
|
---|
190 | //RegExp to test a valid key in input
|
---|
191 | var KeyExp = /^[0-9]+(?:\.[0-9]+)*$/;
|
---|
192 | //RegExp to test a valid key start in input
|
---|
193 | var KeyStartExp = /^(?:[0-9]+(?:\.[0-9]+)*)?\.$/;
|
---|
194 | //if input valid and key found
|
---|
195 | removeSuggestionsMenu(row);
|
---|
196 | createSuggestionsMenu(row);
|
---|
197 | /*if ( KeyExp.test(input) && hierarchyData[input] || KeyStartExp.test(input))
|
---|
198 | {
|
---|
199 | createSuggestionsMenu(row);
|
---|
200 | }
|
---|
201 | */
|
---|
202 | if (hierarchyData[input]){
|
---|
203 | hierarchyButtonText = hierarchyData[input][1];
|
---|
204 | } else {
|
---|
205 | hierarchyButtonText = defaultHierarchyButtonText;
|
---|
206 | }
|
---|
207 | setHierarchyButtonText(row, hierarchyButtonText);
|
---|
208 |
|
---|
209 | });
|
---|
210 | //Show created menu
|
---|
211 | $(row).find('.metaDataHierarchyMenu').show();
|
---|
212 | }
|
---|
213 |
|
---|
214 | function createSuggestionsMenu(row)
|
---|
215 | {
|
---|
216 | //get current MetaDataName
|
---|
217 | var metaName = getMetaName(row);
|
---|
218 | //Get current hierarchy from storage
|
---|
219 | var hierarchyData = hierarchyStorage[metaName];
|
---|
220 | //Hierarchy suggestions menu
|
---|
221 | var SuggestionsMenu = "";
|
---|
222 |
|
---|
223 | var input = $(row.getElementsByClassName("metaTableCellArea")[0]).val();
|
---|
224 |
|
---|
225 | if (input.replace(/[0-9\.\s]/g, '') === "")
|
---|
226 | {
|
---|
227 | //RegExp to get SuggestionsMenu
|
---|
228 | var SuggestionsMenuExp = new RegExp("^0*" + input.replace(/\./g, '\\.0*') + "\\.?[0-9]+$")
|
---|
229 |
|
---|
230 | for(var key in hierarchyData)
|
---|
231 | {
|
---|
232 | if (SuggestionsMenuExp.test(key))
|
---|
233 | {
|
---|
234 | SuggestionsMenu +='<li class="hierarchySuggestionsMenu hierarchyOption" id="'+key+'" ><button metavalue="'+ hierarchyData[key][0] +'" metatitle="'+ hierarchyData[key][1] +'" onclick="chooseHierarchyOption(this)" >' + key.substring(String(input).length) + " " + hierarchyData[key][1] + '</button></li>';
|
---|
235 | }
|
---|
236 | }
|
---|
237 | } else {
|
---|
238 | var escapedInput = input.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
|
---|
239 | //RegExp to get SuggestionsMenu
|
---|
240 | var SuggestionsMenuExp = new RegExp( escapedInput,"i");
|
---|
241 |
|
---|
242 | for(var key in hierarchyData)
|
---|
243 | {
|
---|
244 | if (SuggestionsMenuExp.test(hierarchyData[key][1]) && input !== hierarchyData[key][0])
|
---|
245 | {
|
---|
246 | SuggestionsMenu +='<li class="hierarchySuggestionsMenu hierarchyOption" id="'+key+'" ><button metavalue="'+ hierarchyData[key][0] +'" metatitle="'+ hierarchyData[key][1] +'" onclick="chooseHierarchyOption(this)" >' + hierarchyData[key][1] + '</button></li>';
|
---|
247 | }
|
---|
248 | }
|
---|
249 | }
|
---|
250 |
|
---|
251 |
|
---|
252 |
|
---|
253 | //Append new SuggestionsMenu
|
---|
254 | $(row).find(".metaDataHierarchyMenu ul").append(SuggestionsMenu);
|
---|
255 | //Register event
|
---|
256 | $(row).each(function(){setHierarchyHoverEvent($(this),".hierarchySuggestionsMenu")});
|
---|
257 | }
|
---|
258 | //function removeSuggestionsMenu(row,menuNewText)
|
---|
259 | function removeSuggestionsMenu(row)
|
---|
260 | {
|
---|
261 | $(row).find(".hierarchySuggestionsMenu").remove();
|
---|
262 | }
|
---|
263 | function setHierarchyButtonText(row, title){
|
---|
264 | $(row).find(".hierarchyMenuButton").text(title);
|
---|
265 | }
|
---|
266 |
|
---|
267 | function setHierarchyEventsWrappers(metaName)
|
---|
268 | {
|
---|
269 | //Loop through every metaTableCell
|
---|
270 | $(".metaTableCellName").each(function() {
|
---|
271 | //Check if it is a hierarchy row
|
---|
272 | var currentMetaName = $(this).text();
|
---|
273 | if (currentMetaName in hierarchyStorage && currentMetaName == metaName)
|
---|
274 | {
|
---|
275 | var row = this.parentElement;
|
---|
276 | var textArea = row.getElementsByClassName("metaTableCellArea")[0];
|
---|
277 |
|
---|
278 | //Mouse leave row
|
---|
279 | $(row).mouseleave(function() {
|
---|
280 | //textArea = this.getElementsByClassName("metaTableCellArea")[0];
|
---|
281 | if (this.getElementsByClassName("metaDataHierarchyMenu").length != 0 && document.activeElement.tagName != "TEXTAREA")
|
---|
282 | {
|
---|
283 | $(this).find('ul').stop(true, true);
|
---|
284 | //Remove hierarchy menu
|
---|
285 | $(this).find('.metaDataHierarchyMenu').hide();
|
---|
286 | }
|
---|
287 |
|
---|
288 | });
|
---|
289 | // Mouse enter row
|
---|
290 | $(row).mouseenter(
|
---|
291 | function()
|
---|
292 | {
|
---|
293 | var row = this;
|
---|
294 | var table = row.parentElement;
|
---|
295 | //If focused on TEXTAREA do nothing
|
---|
296 | if (document.activeElement.tagName != "TEXTAREA")
|
---|
297 | {
|
---|
298 | //Hide all menus in table except this one
|
---|
299 | $(table).find('.metaDataHierarchyMenu').each(function() {
|
---|
300 | var currentRow = this.parentElement;
|
---|
301 | if (!$(currentRow).is($(row)) )
|
---|
302 | {
|
---|
303 | $(this).hide();
|
---|
304 | }
|
---|
305 | });
|
---|
306 |
|
---|
307 | // createHierarchyMenuButton($(row));
|
---|
308 | if ( $(row).find('ul').length == 0 )
|
---|
309 | {
|
---|
310 | createHierarchyMenuButton(row);
|
---|
311 | createSuggestionsMenu(row);
|
---|
312 | }
|
---|
313 | else
|
---|
314 | {
|
---|
315 | //Unhide menu
|
---|
316 | $(row).find('.metaDataHierarchyMenu').show();
|
---|
317 | //Minimize nested menus
|
---|
318 | $(row).find('.metaDataHierarchyMenu ul').find('ul').hide();
|
---|
319 | }
|
---|
320 | }
|
---|
321 |
|
---|
322 |
|
---|
323 | }
|
---|
324 | );
|
---|
325 |
|
---|
326 |
|
---|
327 | // Textarea focus
|
---|
328 | $(textArea).focus(
|
---|
329 | function()
|
---|
330 | {
|
---|
331 | var row = this.parentElement.parentElement;
|
---|
332 | var table = row.parentElement;
|
---|
333 |
|
---|
334 |
|
---|
335 | //Hide all menus in table except this one
|
---|
336 | $(table).find('.metaDataHierarchyMenu').each(function() {
|
---|
337 | var currentRow = this.parentElement;
|
---|
338 | if (!$(currentRow).is($(row)) )
|
---|
339 | {
|
---|
340 | $(this).hide();
|
---|
341 | }
|
---|
342 | });
|
---|
343 | //Create button
|
---|
344 | if ( $(row).find('ul').length == 0 )
|
---|
345 | {
|
---|
346 | createHierarchyMenuButton(row);
|
---|
347 | createSuggestionsMenu(row);
|
---|
348 | }
|
---|
349 | else
|
---|
350 | {
|
---|
351 | //Unhide menu
|
---|
352 | $(row).find('.metaDataHierarchyMenu').show();
|
---|
353 | //Minimize nested menus
|
---|
354 | $(row).find('.metaDataHierarchyMenu ul').find('ul').slideUp();
|
---|
355 | }
|
---|
356 |
|
---|
357 |
|
---|
358 | }
|
---|
359 | );
|
---|
360 | $(textArea).focusout(
|
---|
361 | function()
|
---|
362 | {
|
---|
363 | var row = this.parentElement.parentElement;
|
---|
364 |
|
---|
365 | var found = $(row).find('.metaDataHierarchyMenu ul li ul').filter(":visible")[0];
|
---|
366 | //Test if there are open submenu and cursor left tr element
|
---|
367 | if ( found === undefined && !$(row).is(':hover'))
|
---|
368 | {
|
---|
369 | //Hide hierarchy menu if there are no open submenus
|
---|
370 | $(row).find('.metaDataHierarchyMenu').hide();
|
---|
371 |
|
---|
372 | //Set metadata value if textarea contains hierarchy path
|
---|
373 | substituteHierarchyMetaValue(row);
|
---|
374 | }
|
---|
375 |
|
---|
376 |
|
---|
377 | }
|
---|
378 | );
|
---|
379 | }
|
---|
380 | });
|
---|
381 | }
|
---|
382 |
|
---|
383 | function substituteHierarchyMetaValue(row){
|
---|
384 | var text = $(row).find('TEXTAREA').val();
|
---|
385 | var metaName = getMetaName(row);
|
---|
386 | var hierarchyData = hierarchyStorage[metaName];
|
---|
387 | if (hierarchyData[text]){
|
---|
388 | var metaValue = hierarchyData[text][0];
|
---|
389 | $(row).find('TEXTAREA').val(metaValue);
|
---|
390 |
|
---|
391 | }
|
---|
392 |
|
---|
393 | }
|
---|
394 | function getMetaName(row){
|
---|
395 | return $(row.getElementsByClassName("metaTableCellName")[0]).text();
|
---|
396 | }
|
---|
397 | var hierarchyStorage = {};
|
---|
398 | function addHierarchyToStorage(metaDataName,processedHierarchy)
|
---|
399 | {
|
---|
400 | hierarchyStorage[metaDataName] = processedHierarchy;
|
---|
401 |
|
---|
402 | }
|
---|
403 |
|
---|