1 |
|
---|
2 | console.log("Loading gui_div.js\n");
|
---|
3 |
|
---|
4 | /* DOCUMENT SPECIFIC FUNCTIONS */
|
---|
5 |
|
---|
6 | function displayTOC(checkbox)
|
---|
7 | {
|
---|
8 | if (checkbox.checked == true)
|
---|
9 | {
|
---|
10 | console.log("Show the TOC!");
|
---|
11 | displaySideBar(true);
|
---|
12 | $("#tableOfContents").css("display", "block");
|
---|
13 | }
|
---|
14 | else
|
---|
15 | {
|
---|
16 | console.log("Hide the TOC!");
|
---|
17 | $("#tableOfContents").css("display", "none");
|
---|
18 | if ($("#coverImage").css("display") == "none")
|
---|
19 | displaySideBar(false);
|
---|
20 | }
|
---|
21 |
|
---|
22 | return;
|
---|
23 | }
|
---|
24 |
|
---|
25 | function displayBookCover(checkbox)
|
---|
26 | {
|
---|
27 | if (checkbox.checked == true)
|
---|
28 | {
|
---|
29 | console.log("Show the book cover!");
|
---|
30 | displaySideBar(true);
|
---|
31 | $("#coverImage").css("display", "block");
|
---|
32 | }
|
---|
33 | else
|
---|
34 | {
|
---|
35 | console.log("Hide the book cover!");
|
---|
36 | $("#coverImage").css("display", "none");
|
---|
37 | if ($("#tableOfContents").css("display") == "none")
|
---|
38 | displaySideBar(false);
|
---|
39 | }
|
---|
40 |
|
---|
41 | return;
|
---|
42 | }
|
---|
43 |
|
---|
44 | function displaySideBar(toggle)
|
---|
45 | {
|
---|
46 | if (toggle == true)
|
---|
47 | {
|
---|
48 | console.log("Show the sidebar!");
|
---|
49 | $("#rightSidebar").css("display", "block");
|
---|
50 | }
|
---|
51 | else
|
---|
52 | {
|
---|
53 | console.log("Hide the sidebar!");
|
---|
54 | $("#rightSidebar").css("display", "none");
|
---|
55 | }
|
---|
56 |
|
---|
57 | return;
|
---|
58 | }
|
---|
59 |
|
---|
60 | function checkDocumentRadio()
|
---|
61 | {
|
---|
62 | var selection = $('input[name="documentChanges"]'); //document.quiz.colour;
|
---|
63 |
|
---|
64 | for (i=0; i<selection.length; i++)
|
---|
65 |
|
---|
66 | if (selection[i].checked == true)
|
---|
67 | return selection[i].value;
|
---|
68 |
|
---|
69 | return "this";
|
---|
70 | }
|
---|
71 |
|
---|
72 | function saveDocumentChanges()
|
---|
73 | {
|
---|
74 | console.log("Saving changes to "+checkDocumentRadio());
|
---|
75 | console.log("TOC="+$('input[name="TOC"]').attr('checked'));
|
---|
76 | console.log("Cover Image="+$('input[name="bookCover"]').attr('checked'));
|
---|
77 |
|
---|
78 | var myurl = document.URL;
|
---|
79 |
|
---|
80 | var collection_name = getSubstring(myurl, "&c", "&");
|
---|
81 | var document_id = getSubstring(myurl, "&d", "&");
|
---|
82 | var document_type = getSubstring(myurl, "&dt", "&");
|
---|
83 | var prev_action = getSubstring(myurl, "&p.a", "&");
|
---|
84 | var prev_service = getSubstring(myurl, "&p.s", "&");
|
---|
85 |
|
---|
86 | var post_url = "http://localhost:8989/greenstone3/format?a=f&sa=saveDocument&c=" + collection_name + "&d=" + document_id + "&dt=" + document_type + "&p.a=" + prev_action + "&p.s=" + prev_service;
|
---|
87 |
|
---|
88 | // XML will be automatically wrapped in <display><format> tags when saved to collection config
|
---|
89 | var xml = '<format><gsf:option name="TOC" value="'+$('input[name="TOC"]').attr('checked')+'"/><gsf:option name="coverImage" value="'+$('input[name="bookCover"]').attr('checked')+'"/></format>';
|
---|
90 |
|
---|
91 | $.post(post_url, {data: xml}, function(data) {
|
---|
92 | console.log("Success, we have received data");
|
---|
93 | }, 'xml');
|
---|
94 | }
|
---|
95 |
|
---|
96 | /* FUNCTIONS FOR FORMAT EDITING */
|
---|
97 |
|
---|
98 | function onTextChange(item, text)
|
---|
99 | {
|
---|
100 | console.log("I have set "+item+".value to "+text);
|
---|
101 | item.setAttribute("value",text);
|
---|
102 | }
|
---|
103 |
|
---|
104 | function onSelectChange(item)
|
---|
105 | {
|
---|
106 | console.log("I have set "+item.value+".selected to selected");
|
---|
107 | for (var i=0; i<item.options.length; i++)
|
---|
108 | {
|
---|
109 | if(item.selectedIndex == i)
|
---|
110 | item.options[i].setAttribute("selected", "selected");
|
---|
111 | else
|
---|
112 | item.options[i].removeAttribute("selected");
|
---|
113 | }
|
---|
114 | //item.options[item.selectedIndex].selected = "selected";
|
---|
115 | //item.setAttribute("selected","selected");
|
---|
116 | }
|
---|
117 |
|
---|
118 | function getSubstring(str, first, last)
|
---|
119 | {
|
---|
120 | var first_index = str.indexOf(first)+first.length+1;
|
---|
121 | var last_index = str.indexOf(last, first_index);
|
---|
122 |
|
---|
123 | if(last_index == -1)
|
---|
124 | last_index = str.length;
|
---|
125 |
|
---|
126 | var substring = str.substring(first_index, last_index);
|
---|
127 |
|
---|
128 | console.log(substring);
|
---|
129 |
|
---|
130 | return substring;
|
---|
131 | }
|
---|
132 |
|
---|
133 | function getFormatStatement()
|
---|
134 | {
|
---|
135 | var formatDiv = document.getElementById('formatStatement');
|
---|
136 | var formatStatement = innerXHTML(formatDiv);
|
---|
137 | return formatStatement;
|
---|
138 | }
|
---|
139 |
|
---|
140 | function checkClassifierRadio()
|
---|
141 | {
|
---|
142 | var selection = $('input[name="classifiers"]'); //document.quiz.colour;
|
---|
143 |
|
---|
144 | for (i=0; i<selection.length; i++)
|
---|
145 |
|
---|
146 | if (selection[i].checked == true)
|
---|
147 | return selection[i].value;
|
---|
148 |
|
---|
149 | return "this";
|
---|
150 |
|
---|
151 | }
|
---|
152 |
|
---|
153 | function updateFormatStatement()
|
---|
154 | {
|
---|
155 | var formatStatement = getFormatStatement();
|
---|
156 |
|
---|
157 | var thisOrAll = checkClassifierRadio();
|
---|
158 | console.log(thisOrAll);
|
---|
159 | var myurl = document.URL;
|
---|
160 |
|
---|
161 | var collection_name = getSubstring(myurl, "&c", "&");
|
---|
162 | var service_name = getSubstring(myurl, "&s", "&");
|
---|
163 |
|
---|
164 | if(thisOrAll == "all")
|
---|
165 | service_name = "AllClassifierBrowse";
|
---|
166 |
|
---|
167 | var classifier_name = null;
|
---|
168 |
|
---|
169 | if(service_name == "ClassifierBrowse")
|
---|
170 | classifier_name = getSubstring(myurl, "&cl", "&");
|
---|
171 |
|
---|
172 | var post_url = "http://localhost:8989/greenstone3/format?a=f&sa=update&c=" + collection_name +"&s=" + service_name;
|
---|
173 |
|
---|
174 | if(classifier_name != null)
|
---|
175 | post_url = post_url + "&cl=" + classifier_name;
|
---|
176 |
|
---|
177 | $.post(post_url, {data: formatStatement}, function(data) {
|
---|
178 | //$('.result').innerHTML = data; //html(data);
|
---|
179 |
|
---|
180 | // An error is returned because there is no valid XSLT for a format update action, there probably shouldn't be one so we ignore what the post returns.
|
---|
181 | console.log("Successfully updated");
|
---|
182 | //console.log(data);
|
---|
183 | }, 'html');
|
---|
184 | }
|
---|
185 |
|
---|
186 | function saveFormatStatement()
|
---|
187 | {
|
---|
188 | var formatStatement = getFormatStatement();
|
---|
189 | var thisOrAll = checkClassifierRadio();
|
---|
190 |
|
---|
191 | var myurl = document.URL;
|
---|
192 |
|
---|
193 | var collection_name = getSubstring(myurl, "&c", "&");
|
---|
194 | var service_name = getSubstring(myurl, "&s", "&");
|
---|
195 | var classifier_name = null;
|
---|
196 |
|
---|
197 | if(thisOrAll == "all")
|
---|
198 | service_name = "AllClassifierBrowse";
|
---|
199 |
|
---|
200 | if(service_name == "ClassifierBrowse")
|
---|
201 | classifier_name = getSubstring(myurl, "&cl", "&");
|
---|
202 |
|
---|
203 | var post_url = "http://localhost:8989/greenstone3/format?a=f&sa=save&c=" + collection_name +"&s=" + service_name;
|
---|
204 |
|
---|
205 | if(classifier_name != null)
|
---|
206 | post_url = post_url + "&cl=" + classifier_name;
|
---|
207 |
|
---|
208 | $.post(post_url, {data: formatStatement}, function(data) {
|
---|
209 | // An error is returned because there is no valid XSLT for a format update action, there probably shouldn't be one so we ignore what the post returns.
|
---|
210 | console.log("Successfully saved");
|
---|
211 | }, 'html');
|
---|
212 | }
|
---|
213 |
|
---|
214 | function getXSLT(classname)
|
---|
215 | {
|
---|
216 | var myurl = document.URL;
|
---|
217 |
|
---|
218 | var collection_name = getSubstring(myurl, "&c", "&");
|
---|
219 | var document_id = getSubstring(myurl, "&d", "&");
|
---|
220 | var document_type = getSubstring(myurl, "&dt", "&");
|
---|
221 | var prev_action = getSubstring(myurl, "&p.a", "&");
|
---|
222 | var prev_service = getSubstring(myurl, "&p.s", "&");
|
---|
223 |
|
---|
224 | var post_url = "http://localhost:8989/greenstone3/format?a=d&c=" + collection_name + "&d=" + document_id + "&dt=" + document_type + "&p.a=" + prev_action + "&p.s=" + prev_service + "&o=skinandlib";
|
---|
225 |
|
---|
226 | $.post(post_url, {data: classname}, function(data) {
|
---|
227 | console.log("Success, we have received data");
|
---|
228 | classname = "." + classname;
|
---|
229 | console.log(classname);
|
---|
230 | var content = $( data ).find(classname);
|
---|
231 | console.log(content.xml());
|
---|
232 | $("#XSLTcode").val(content.xml());
|
---|
233 | }, 'xml');
|
---|
234 | }
|
---|
235 |
|
---|
236 | function traverse(node, formatstring)
|
---|
237 | {
|
---|
238 |
|
---|
239 | if(node.nodeName=='DIV')
|
---|
240 | {
|
---|
241 | console.log("Found a div" +node.nodeName+","+node.nodeType);
|
---|
242 | formatstring = formatstring + find_class(node);
|
---|
243 | console.log(formatstring);
|
---|
244 | }
|
---|
245 |
|
---|
246 | var children = $(node).children();
|
---|
247 | for(var i=0; i < children.length; i++)
|
---|
248 | formatstring = formatstring + traverse(children[i], formatstring);
|
---|
249 |
|
---|
250 | return formatstring;
|
---|
251 | }
|
---|
252 |
|
---|
253 | function find_class(current)
|
---|
254 | {
|
---|
255 | var classes = current.className.split(' ');
|
---|
256 | var none = "";
|
---|
257 | for(var i = 0; i < classes.length; i++)
|
---|
258 | {
|
---|
259 | switch(classes[i])
|
---|
260 | {
|
---|
261 | case 'gsf_template':
|
---|
262 | return create_gsf_template(current);
|
---|
263 | default:
|
---|
264 | {
|
---|
265 | console.log("Class not found");
|
---|
266 | return none;
|
---|
267 | }
|
---|
268 | }
|
---|
269 | }
|
---|
270 | }
|
---|
271 |
|
---|
272 | function create_gsf_template(current)
|
---|
273 | {
|
---|
274 | // find match text which is an input with class match
|
---|
275 | var match = $(current).find('.match')[0].value;
|
---|
276 | console.log(match);
|
---|
277 |
|
---|
278 | // find mode text which is an input with class mode
|
---|
279 | var mode = $(current).find('.mode')[0].value;
|
---|
280 | console.log(mode);
|
---|
281 |
|
---|
282 | // "<gsf:template match=\"classifierNode\" mode=\"horizontal\">"
|
---|
283 | var gsf = "<gsf:template match=\"" + match + "\"";
|
---|
284 | if(mode != "vertical")
|
---|
285 | gsf = gsf + " mode=\"" + mode + "\"";
|
---|
286 | gsf = gsf + ">";
|
---|
287 |
|
---|
288 | return gsf;
|
---|
289 |
|
---|
290 | }
|
---|
291 |
|
---|
292 | /*
|
---|
293 | $("#iframe").ready(function(){
|
---|
294 | console.log("iframe is ready ...");
|
---|
295 | var iframe = document.getElementById('iframe');
|
---|
296 | var iframe_document = iframe.document;
|
---|
297 |
|
---|
298 | if(iframe.contentDocument)
|
---|
299 | {
|
---|
300 | iframe_document = iframe.contentDocument; // For NS6
|
---|
301 | console.log("Chose content document");
|
---|
302 | }
|
---|
303 | else if(iframe.contentWindow)
|
---|
304 | {
|
---|
305 | iframe_document = iframe.contentWindow.document; // For IE5.5 and IE6
|
---|
306 | console.log("Chose content window");
|
---|
307 | }
|
---|
308 |
|
---|
309 | console.log(iframe_document.documentElement.innerHTML); //document.documentElement.outerHTML
|
---|
310 |
|
---|
311 | $(iframe_document.documentElement.innerHTML).find('a').each(function() {
|
---|
312 | console.log("data "+$(this).data('href'));
|
---|
313 | console.log("getAttribute "+$(this).getAttribute('href'));
|
---|
314 | console.log("attr "+$(this).attr('href'));
|
---|
315 | console.log("this.href "+this.href);
|
---|
316 | var original = this.href; //$(this).attr('href');
|
---|
317 | // check if greenstone link ie. starts with format
|
---|
318 | //var original = $(this).data('href');
|
---|
319 | var modified = original.toString().concat("&excerptid=gs_content");
|
---|
320 | console.log(modified);
|
---|
321 | this.href = modified;
|
---|
322 | //$(this).attr('href',modified);
|
---|
323 | //$(this).data('href', modified);
|
---|
324 | //console.log($(this).attr('href'));
|
---|
325 | console.log("data "+$(this).data('href'));
|
---|
326 | console.log("getAttribute "+$(this).getAttribute('href'));
|
---|
327 | console.log("attr "+$(this).attr('href'));
|
---|
328 | console.log("this.href "+this.href);
|
---|
329 | console.log("**********");
|
---|
330 |
|
---|
331 | });
|
---|
332 | }); */
|
---|
333 | /*
|
---|
334 | function loadXMLDoc()
|
---|
335 | {
|
---|
336 | if (window.XMLHttpRequest)
|
---|
337 | {// code for IE7+, Firefox, Chrome, Opera, Safari
|
---|
338 | xmlhttp=new XMLHttpRequest();
|
---|
339 | }
|
---|
340 | else
|
---|
341 | {// code for IE6, IE5
|
---|
342 | xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
|
---|
343 | }
|
---|
344 |
|
---|
345 | xmlhttp.onreadystatechange=function()
|
---|
346 | {
|
---|
347 | console.log("state changed to " + xmlhttp.readyState);
|
---|
348 | console.log("status is " + xmlhttp.status);
|
---|
349 | if (xmlhttp.readyState==4 && xmlhttp.status==200)
|
---|
350 | {
|
---|
351 | console.log("get code");
|
---|
352 | console.log(xmlhttp.responseText);
|
---|
353 | document.getElementById("gs_content").innerHTML=xmlhttp.responseText;
|
---|
354 | }
|
---|
355 | }
|
---|
356 |
|
---|
357 | xmlhttp.open("GET","http://localhost:8080/greenstone3/format?a=b&rt=s&s=ClassifierBrowse&c=simpleht&cl=CL1&excerptid=gs_content",true);
|
---|
358 | //xmlhttp.open("GET","http://www.cs.waikato.ac.nz",true);
|
---|
359 | //xmlhttp.open("GET","http://wand.net.nz/~sjb48/index.html",true);
|
---|
360 | xmlhttp.send();
|
---|
361 | }
|
---|
362 | */
|
---|
363 | $(document).ready(function(){
|
---|
364 |
|
---|
365 | console.log("Document ready function\n");
|
---|
366 |
|
---|
367 | var CURRENT_SELECT_VALUE = "";
|
---|
368 |
|
---|
369 | /* DOCUMENT SPECIFIC FUNCTIONS */
|
---|
370 |
|
---|
371 | $('.sectionHeader').click(function () {
|
---|
372 | console.log('section Header click *');
|
---|
373 | getXSLT("sectionHeader");
|
---|
374 | return false; //don't event bubble
|
---|
375 | });
|
---|
376 |
|
---|
377 | $('.sectionContainer').click(function () {
|
---|
378 | console.log('section Container click *');
|
---|
379 | getXSLT("sectionContainer");
|
---|
380 | return false; // don't event bubble
|
---|
381 | });
|
---|
382 |
|
---|
383 | var collection = "";
|
---|
384 |
|
---|
385 | var regex = new RegExp("[?&]c=");
|
---|
386 | var matches = regex.exec(document.URL);
|
---|
387 | if(matches != null)
|
---|
388 | {
|
---|
389 | var startIndex = matches.index;
|
---|
390 | var endIndex = document.URL.indexOf("&", startIndex + 1);
|
---|
391 |
|
---|
392 | if(endIndex == -1)
|
---|
393 | {
|
---|
394 | endIndex = document.URL.length;
|
---|
395 | }
|
---|
396 |
|
---|
397 | collection = document.URL.substring(startIndex, endIndex);
|
---|
398 | }
|
---|
399 |
|
---|
400 | //Retrieve the collection metadataset using ajax
|
---|
401 | $.ajax
|
---|
402 | ({
|
---|
403 | type: "GET",
|
---|
404 | url: "?a=g&s=CoverageMetadataRetrieve&o=xml&rt=r&c=" + collection,
|
---|
405 | success: function(data)
|
---|
406 | {
|
---|
407 | var str = "<select name=\"meta_select\" onChange=\"onSelectChange(this)\">";
|
---|
408 |
|
---|
409 | var selectorArea = document.getElementById("metadataSelector");
|
---|
410 | var metadataSets = data.getElementsByTagName("metadataSet");
|
---|
411 | for(var i = 0; i < metadataSets.length; i++)
|
---|
412 | {
|
---|
413 | var metadata = metadataSets[i].getElementsByTagName("metadata");
|
---|
414 | for(var j = 0; j < metadata.length; j++)
|
---|
415 | {
|
---|
416 | var metaValue = metadataSets[i].getAttribute("name") + "." + metadata[j].getAttribute("name");
|
---|
417 | str += "<option value=\"" + metaValue + "\">" + metaValue + "</option>";
|
---|
418 | }
|
---|
419 | }
|
---|
420 |
|
---|
421 | str += "</select>";
|
---|
422 |
|
---|
423 | selectorArea.innerHTML = str;
|
---|
424 | gsf_metadata_element = str;
|
---|
425 | }
|
---|
426 | });
|
---|
427 |
|
---|
428 | $.ui.plugin.add("draggable", "connectToSortable", {
|
---|
429 | start: function(event, ui) {
|
---|
430 | //console.log("FUNCTION start draggable connectToSortable");
|
---|
431 | var inst = $(this).data("draggable"), o = inst.options,
|
---|
432 | uiSortable = $.extend({}, ui, { item: inst.element });
|
---|
433 | inst.sortables = [];
|
---|
434 | $(o.connectToSortable).each(function() {
|
---|
435 | var sortable = $.data(this, 'sortable');
|
---|
436 | if (sortable && !sortable.options.disabled) {
|
---|
437 | inst.sortables.push({
|
---|
438 | instance: sortable,
|
---|
439 | shouldRevert: sortable.options.revert
|
---|
440 | });
|
---|
441 | sortable._refreshItems(); //Do a one-time refresh at start to refresh the containerCache
|
---|
442 | sortable._trigger("activate", event, uiSortable);
|
---|
443 | }
|
---|
444 | });
|
---|
445 |
|
---|
446 | },
|
---|
447 | stop: function(event, ui) {
|
---|
448 |
|
---|
449 | //console.log("FUNCTION stop draggable connectToSortable");
|
---|
450 | //If we are still over the sortable, we fake the stop event of the sortable, but also remove helper
|
---|
451 | var inst = $(this).data("draggable"),
|
---|
452 | uiSortable = $.extend({}, ui, { item: inst.element });
|
---|
453 |
|
---|
454 | $.each(inst.sortables, function() {
|
---|
455 | if(this.instance.isOver) {
|
---|
456 |
|
---|
457 | this.instance.isOver = 0;
|
---|
458 |
|
---|
459 | inst.cancelHelperRemoval = true; //Don't remove the helper in the draggable instance
|
---|
460 | this.instance.cancelHelperRemoval = false; //Remove it in the sortable instance (so sortable plugins like revert still work)
|
---|
461 |
|
---|
462 | //The sortable revert is supported, and we have to set a temporary dropped variable on the draggable to support revert: 'valid/invalid'
|
---|
463 | if(this.shouldRevert) this.instance.options.revert = true;
|
---|
464 |
|
---|
465 | //Trigger the stop of the sortable
|
---|
466 | //console.log("Draggable tells sortable to stop");
|
---|
467 | this.instance._mouseStop(event);
|
---|
468 |
|
---|
469 | this.instance.options.helper = this.instance.options._helper;
|
---|
470 |
|
---|
471 | //If the helper has been the original item, restore properties in the sortable
|
---|
472 | if(inst.options.helper == 'original')
|
---|
473 | this.instance.currentItem.css({ top: 'auto', left: 'auto' });
|
---|
474 |
|
---|
475 | } else {
|
---|
476 | this.instance.cancelHelperRemoval = false; //Remove the helper in the sortable instance
|
---|
477 | this.instance._trigger("deactivate", event, uiSortable);
|
---|
478 | }
|
---|
479 |
|
---|
480 | });
|
---|
481 |
|
---|
482 | },
|
---|
483 | drag: function(event, ui) {
|
---|
484 | //console.log("FUNCTION drag draggable connectToSortable");
|
---|
485 |
|
---|
486 | var inst = $(this).data("draggable"), self = this;
|
---|
487 |
|
---|
488 | var checkPos = function(o) {
|
---|
489 | var dyClick = this.offset.click.top, dxClick = this.offset.click.left;
|
---|
490 | var helperTop = this.positionAbs.top, helperLeft = this.positionAbs.left;
|
---|
491 | var itemHeight = o.height, itemWidth = o.width;
|
---|
492 | var itemTop = o.top, itemLeft = o.left;
|
---|
493 |
|
---|
494 | return $.ui.isOver(helperTop + dyClick, helperLeft + dxClick, itemTop, itemLeft, itemHeight, itemWidth);
|
---|
495 | };
|
---|
496 |
|
---|
497 | var intersecting_items = new Array();
|
---|
498 |
|
---|
499 | $.each(inst.sortables, function(i) {
|
---|
500 |
|
---|
501 | //Copy over some variables to allow calling the sortable's native _intersectsWith
|
---|
502 | this.instance.positionAbs = inst.positionAbs;
|
---|
503 | this.instance.helperProportions = inst.helperProportions;
|
---|
504 | this.instance.offset.click = inst.offset.click;
|
---|
505 |
|
---|
506 | if(this.instance._intersectsWith(this.instance.containerCache)) {
|
---|
507 |
|
---|
508 | //If it intersects, we use a little isOver variable and set it once, so our move-in stuff gets fired only once
|
---|
509 | //if(!this.instance.isOver) {
|
---|
510 |
|
---|
511 | //console.log('Line 1113');
|
---|
512 |
|
---|
513 | // this.instance.isOver = 1;
|
---|
514 |
|
---|
515 | intersecting_items.push(this.instance); // sam
|
---|
516 | //} //sam
|
---|
517 |
|
---|
518 | //Now we fake the start of dragging for the sortable instance,
|
---|
519 | //by cloning the list group item, appending it to the sortable and using it as inst.currentItem
|
---|
520 | //We can then fire the start event of the sortable with our passed browser event, and our own helper (so it doesn't create a new one)
|
---|
521 | //sam this.instance.currentItem = $(self).clone().appendTo(this.instance.element).data("sortable-item", true);
|
---|
522 | //sam this.instance.options._helper = this.instance.options.helper; //Store helper option to later restore it
|
---|
523 | //sam this.instance.options.helper = function() { return ui.helper[0]; };
|
---|
524 |
|
---|
525 | //sam event.target = this.instance.currentItem[0];
|
---|
526 | //sam this.instance._mouseCapture(event, true);
|
---|
527 | //sam this.instance._mouseStart(event, true, true);
|
---|
528 |
|
---|
529 | //Because the browser event is way off the new appended portlet, we modify a couple of variables to reflect the changes
|
---|
530 | //sam this.instance.offset.click.top = inst.offset.click.top;
|
---|
531 | //sam this.instance.offset.click.left = inst.offset.click.left;
|
---|
532 | //sam this.instance.offset.parent.left -= inst.offset.parent.left - this.instance.offset.parent.left;
|
---|
533 | //sam this.instance.offset.parent.top -= inst.offset.parent.top - this.instance.offset.parent.top;
|
---|
534 |
|
---|
535 | //sam inst._trigger("toSortable", event);
|
---|
536 | //sam inst.dropped = this.instance.element; //draggable revert needs that
|
---|
537 | //hack so receive/update callbacks work (mostly)
|
---|
538 | //sam inst.currentItem = inst.element;
|
---|
539 | //sam this.instance.fromOutside = inst;
|
---|
540 |
|
---|
541 | //sam brace
|
---|
542 |
|
---|
543 | //Provided we did all the previous steps, we can fire the drag event of the sortable on every draggable drag, when it intersects with the sortable
|
---|
544 | //sam if(this.instance.currentItem) this.instance._mouseDrag(event);
|
---|
545 |
|
---|
546 | } else {
|
---|
547 |
|
---|
548 | //If it doesn't intersect with the sortable, and it intersected before,
|
---|
549 | //we fake the drag stop of the sortable, but make sure it doesn't remove the helper by using cancelHelperRemoval
|
---|
550 | if(this.instance.isOver) {
|
---|
551 |
|
---|
552 | console.log("UNSETTING ISOVER");
|
---|
553 | console.log("ON ITEM="+this.instance.currentItem[0].getAttribute('class'))
|
---|
554 | this.instance.isOver = 0;
|
---|
555 | this.instance.cancelHelperRemoval = true;
|
---|
556 |
|
---|
557 | //Prevent reverting on this forced stop
|
---|
558 | this.instance.options.revert = false;
|
---|
559 |
|
---|
560 | // The out event needs to be triggered independently
|
---|
561 | this.instance._trigger('out', event, this.instance._uiHash(this.instance));
|
---|
562 |
|
---|
563 | this.instance._mouseStop(event, true);
|
---|
564 | this.instance.options.helper = this.instance.options._helper;
|
---|
565 |
|
---|
566 | //Now we remove our currentItem, the list group clone again, and the placeholder, and animate the helper back to it's original size
|
---|
567 | //console.log("DO WE GET HERE?");
|
---|
568 | this.instance.currentItem.remove();
|
---|
569 | if(this.instance.placeholder) this.instance.placeholder.remove();
|
---|
570 |
|
---|
571 | inst._trigger("fromSortable", event);
|
---|
572 | inst.dropped = false; //draggable revert needs that
|
---|
573 |
|
---|
574 | }
|
---|
575 |
|
---|
576 | }
|
---|
577 | });
|
---|
578 |
|
---|
579 | //sam
|
---|
580 | //console.log("Contents of intersecting_items");
|
---|
581 | var innermostContainer = null, innermostIndex = null;
|
---|
582 | for (i=0;i<intersecting_items.length;i++)
|
---|
583 | {
|
---|
584 | //console.log('ITEM: '+intersecting_items[i].element[0].getAttribute('class'));
|
---|
585 |
|
---|
586 | if(innermostContainer && $.ui.contains(intersecting_items[i].element[0], innermostContainer.element[0]))
|
---|
587 | continue;
|
---|
588 |
|
---|
589 | innermostContainer = intersecting_items[i];
|
---|
590 | innermostIndex = i;
|
---|
591 |
|
---|
592 | }
|
---|
593 |
|
---|
594 | for (i=0;i<intersecting_items.length;i++)
|
---|
595 | {
|
---|
596 | if(intersecting_items[i] != innermostContainer)
|
---|
597 | if(intersecting_items[i].isOver) {
|
---|
598 |
|
---|
599 | console.log("UNSETTING ISOVER");
|
---|
600 | console.log("ON ITEM="+intersecting_items[i].currentItem[0].getAttribute('class'))
|
---|
601 | intersecting_items[i].isOver = 0;
|
---|
602 | intersecting_items[i].cancelHelperRemoval = true;
|
---|
603 |
|
---|
604 | //Prevent reverting on this forced stop
|
---|
605 | intersecting_items[i].options.revert = false;
|
---|
606 |
|
---|
607 | // The out event needs to be triggered independently
|
---|
608 | intersecting_items[i]._trigger('out', event, intersecting_items[i]._uiHash(intersecting_items[i]));
|
---|
609 |
|
---|
610 | intersecting_items[i]._mouseStop(event, true);
|
---|
611 | intersecting_items[i].options.helper = intersecting_items[i].options._helper;
|
---|
612 |
|
---|
613 | //Now we remove our currentItem, the list group clone again, and the placeholder, and animate the helper back to it's original size
|
---|
614 | //console.log("DO WE GET HERE?");
|
---|
615 | if(intersecting_items[i].currentItem) intersecting_items[i].currentItem.remove();
|
---|
616 | if(intersecting_items[i].placeholder) intersecting_items[i].placeholder.remove();
|
---|
617 |
|
---|
618 | inst._trigger("fromSortable", event);
|
---|
619 | inst.dropped = false; //draggable revert needs that
|
---|
620 | }
|
---|
621 |
|
---|
622 | intersecting_items[i].isOver = 0;
|
---|
623 |
|
---|
624 | }
|
---|
625 |
|
---|
626 | if(innermostContainer && !innermostContainer.isOver)
|
---|
627 | {
|
---|
628 | console.log("INNER="+innermostContainer.element[0].getAttribute('class'));
|
---|
629 | console.log("SETTING ISOVER");
|
---|
630 | innermostContainer.isOver = 1;
|
---|
631 |
|
---|
632 | //Now we fake the start of dragging for the sortable instance,
|
---|
633 | //by cloning the list group item, appending it to the sortable and using it as inst.currentItem
|
---|
634 | //We can then fire the start event of the sortable with our passed browser event, and our own helper (so it doesn't create a new one)
|
---|
635 |
|
---|
636 | if(innermostContainer.currentItem) innermostContainer.currentItem.remove();
|
---|
637 | if(innermostContainer.placeholder) innermostContainer.placeholder.remove();
|
---|
638 |
|
---|
639 | innermostContainer.currentItem = $(self).clone().appendTo(innermostContainer.element).data("sortable-item", true);
|
---|
640 |
|
---|
641 | innermostContainer.options._helper = innermostContainer.options.helper; //Store helper option to later restore it
|
---|
642 | innermostContainer.options.helper = function() { return ui.helper[0]; };
|
---|
643 |
|
---|
644 | console.log("EVENT TARGET="+innermostContainer.currentItem[0].getAttribute('class'));
|
---|
645 | event.target = innermostContainer.currentItem[0];
|
---|
646 | innermostContainer._mouseCapture(event, true);
|
---|
647 | innermostContainer._mouseStart(event, true, true);
|
---|
648 |
|
---|
649 | //Because the browser event is way off the new appended portlet, we modify a couple of variables to reflect the changes
|
---|
650 | innermostContainer.offset.click.top = inst.offset.click.top;
|
---|
651 | innermostContainer.offset.click.left = inst.offset.click.left;
|
---|
652 | innermostContainer.offset.parent.left -= inst.offset.parent.left - innermostContainer.offset.parent.left;
|
---|
653 | innermostContainer.offset.parent.top -= inst.offset.parent.top - innermostContainer.offset.parent.top;
|
---|
654 |
|
---|
655 | inst._trigger("toSortable", event);
|
---|
656 | inst.dropped = innermostContainer.element; //draggable revert needs that
|
---|
657 | //hack so receive/update callbacks work (mostly)
|
---|
658 | inst.currentItem = inst.element;
|
---|
659 | innermostContainer.fromOutside = inst;
|
---|
660 |
|
---|
661 | //sam brace
|
---|
662 | }
|
---|
663 |
|
---|
664 | if(innermostContainer)
|
---|
665 | {
|
---|
666 | //Provided we did all the previous steps, we can fire the drag event of the sortable on every draggable drag, when it intersects with the sortable
|
---|
667 | if(innermostContainer.currentItem) innermostContainer._mouseDrag(event);
|
---|
668 | }
|
---|
669 |
|
---|
670 | }
|
---|
671 | });
|
---|
672 |
|
---|
673 | /*
|
---|
674 | var iframe = document.getElementById('iframe');
|
---|
675 | var iframe_document = iframe.document;
|
---|
676 |
|
---|
677 | if(iframe.contentDocument)
|
---|
678 | {
|
---|
679 | iframe_document = iframe.contentDocument; // For NS6
|
---|
680 | console.log("Chose content document");
|
---|
681 | }
|
---|
682 | else if(iframe.contentWindow)
|
---|
683 | {
|
---|
684 | iframe_document = iframe.contentWindow.document; // For IE5.5 and IE6
|
---|
685 | console.log("Chose content window");
|
---|
686 | }
|
---|
687 |
|
---|
688 | // Edit the hrefs in preview_html - search for <a href="format?a=b&rt=r&s=ClassifierBrowse&c=simpleht&cl=CL1.2">
|
---|
689 | var start_index = 0;
|
---|
690 | var end_index = 0;
|
---|
691 | while(start_index != -1)
|
---|
692 | {
|
---|
693 | start_index = preview_html.indexOf("href=\"format", start_index);
|
---|
694 | console.log("start index = " + start_index);
|
---|
695 | if(start_index != -1)
|
---|
696 | {
|
---|
697 | end_index = preview_html.indexOf("\">", start_index);
|
---|
698 | console.log("end_index = " + end_index);
|
---|
699 | a = preview_html.substring(0,end_index);
|
---|
700 | b = preview_html.substring(end_index);
|
---|
701 | preview_html = a.concat("&excerptid=results", b);
|
---|
702 | console.log(preview_html);
|
---|
703 | start_index = end_index + "&excerptid=results\">".length;
|
---|
704 | }
|
---|
705 | }
|
---|
706 |
|
---|
707 | // Split the html code in to three parts
|
---|
708 | var first_index = preview_html.indexOf("<ul id=\"results\"");
|
---|
709 | console.log("First index is "+first_index);
|
---|
710 | var second_index = preview_html.indexOf("</ul>", first_index) + "</ul>".length;
|
---|
711 | console.log("Second index is "+second_index);
|
---|
712 |
|
---|
713 | var first_half = preview_html.substring(0, first_index);
|
---|
714 | var iframe_code = preview_html.substring(first_index, second_index);
|
---|
715 | var second_half = preview_html.substring(second_index);
|
---|
716 |
|
---|
717 | //$('#my_categories').innerHTML = first_half.concat(second_half);
|
---|
718 | document.getElementById("my_categories").innerHTML = first_half.concat(second_half);
|
---|
719 |
|
---|
720 | // Put the content in the iframe
|
---|
721 | if(initialised_iframe == "false")
|
---|
722 | {
|
---|
723 | console.log("Initialised iframe with preview html");
|
---|
724 | console.log(preview_html);
|
---|
725 | iframe_document.open();
|
---|
726 | iframe_document.writeln(iframe_code); //.concat("&excerptid=gs_content"));
|
---|
727 | iframe_document.close();
|
---|
728 | initialised_iframe = "true";
|
---|
729 | }
|
---|
730 | */
|
---|
731 |
|
---|
732 | /*
|
---|
733 | $(iframe_document.documentElement.innerHTML).find('a').each(function() {
|
---|
734 | console.log("data "+$(this).data('href'));
|
---|
735 | console.log("getAttribute "+this.getAttribute('href'));
|
---|
736 | console.log("attr "+$(this).attr('href'));
|
---|
737 | console.log("this.href "+this.href);
|
---|
738 | var original = this.href; //$(this).attr('href');
|
---|
739 | // check if greenstone link ie. starts with format
|
---|
740 | //var original = $(this).data('href');
|
---|
741 | var modified = original.toString().concat("&excerptid=gs_content");
|
---|
742 | console.log("* *");
|
---|
743 | console.log(modified);
|
---|
744 | console.log("* *");
|
---|
745 | //this.href = modified;
|
---|
746 | //$(this).attr('href',modified);
|
---|
747 | //$(this).data('href', modified);
|
---|
748 | $(this).attr({ 'href': modified });
|
---|
749 | //console.log($(this).attr('href'));
|
---|
750 | console.log("data "+$(this).data('href'));
|
---|
751 | console.log("getAttribute "+this.getAttribute('href'));
|
---|
752 | console.log("attr "+$(this).attr('href'));
|
---|
753 | console.log("this.href "+this.href);
|
---|
754 | console.log("***********************");
|
---|
755 | });
|
---|
756 | */
|
---|
757 |
|
---|
758 | /******************************************/
|
---|
759 | /* DRAGGABLES */
|
---|
760 | /******************************************/
|
---|
761 |
|
---|
762 | $(".draggable_gsf_template").draggable({
|
---|
763 | cursor: 'crosshair',
|
---|
764 | connectToSortable: '#formatStatement',
|
---|
765 | helper: 'clone',
|
---|
766 | revert: 'invalid'
|
---|
767 | });
|
---|
768 |
|
---|
769 | $(".draggable_table").draggable({
|
---|
770 | cursor: 'crosshair',
|
---|
771 | connectToSortable: '.gsf_template',
|
---|
772 | helper: 'clone',
|
---|
773 | revert: 'invalid'
|
---|
774 | });
|
---|
775 |
|
---|
776 | $(".draggable_tr").draggable({
|
---|
777 | cursor: 'crosshair',
|
---|
778 | connectToSortable: '.gsf_table',
|
---|
779 | helper: 'clone',
|
---|
780 | revert: 'invalid'
|
---|
781 | })
|
---|
782 |
|
---|
783 | $(".draggable_td").draggable({
|
---|
784 | cursor: 'crosshair',
|
---|
785 | //connectToSortable: '.td',
|
---|
786 | helper: 'clone',
|
---|
787 | revert: 'invalid'
|
---|
788 | })
|
---|
789 |
|
---|
790 | $(".draggable_gsf_text").draggable({
|
---|
791 | cursor: 'crosshair',
|
---|
792 | connectToSortable: '.td-div, .gsf_when, .gsf_otherwise, .gsf_link, .gsf_choose_metadata, .gsf_default',
|
---|
793 | helper: 'clone',
|
---|
794 | revert: 'invalid'
|
---|
795 | });
|
---|
796 |
|
---|
797 | $(".draggable_gsf_choose_metadata").draggable({
|
---|
798 | cursor: 'crosshair',
|
---|
799 | connectToSortable: '.td-div, .gsf_link, .gsf_when, .gsf_otherwise',
|
---|
800 | helper: 'clone',
|
---|
801 | revert: 'invalid'
|
---|
802 | });
|
---|
803 |
|
---|
804 | //$(".element_type_gsf_metadata").draggable({
|
---|
805 | $(".draggable_gsf_metadata").draggable({
|
---|
806 | cursor: 'crosshair',
|
---|
807 | connectToSortable: '.gsf_choose_metadata, .gsf_when, .gsf_otherwise, .gsf_link, .td-div',
|
---|
808 | helper: 'clone',
|
---|
809 | revert: 'invalid'
|
---|
810 | });
|
---|
811 |
|
---|
812 | $(".draggable_gsf_link").draggable({
|
---|
813 | cursor: 'crosshair',
|
---|
814 | connectToSortable: '.td-div, .gsf_when, .gsf_otherwise, .gsf_link',
|
---|
815 | helper: 'clone',
|
---|
816 | revert: 'invalid'
|
---|
817 | });
|
---|
818 |
|
---|
819 | // switch, when, otherwise, icon
|
---|
820 | $(".draggable_gsf_switch").draggable({
|
---|
821 | cursor: 'crosshair',
|
---|
822 | connectToSortable: '.td-div, .gsf_link',
|
---|
823 | helper: 'clone',
|
---|
824 | revert: 'invalid'
|
---|
825 | });
|
---|
826 |
|
---|
827 | $(".draggable_gsf_when").draggable({
|
---|
828 | cursor: 'crosshair',
|
---|
829 | connectToSortable: '.gsf_switch',
|
---|
830 | helper: 'clone',
|
---|
831 | revert: 'invalid'
|
---|
832 | });
|
---|
833 |
|
---|
834 | $(".draggable_gsf_otherwise").draggable({
|
---|
835 | cursor: 'crosshair',
|
---|
836 | connectToSortable: '.gsf_switch',
|
---|
837 | helper: 'clone',
|
---|
838 | revert: 'invalid'
|
---|
839 | });
|
---|
840 |
|
---|
841 | $(".draggable_gsf_icon").draggable({
|
---|
842 | cursor: 'crosshair',
|
---|
843 | connectToSortable: '.td-div, .gsf_link, .gsf_choose, .gsf_when, .gsf_otherwise',
|
---|
844 | helper: 'clone',
|
---|
845 | revert: 'invalid'
|
---|
846 | });
|
---|
847 |
|
---|
848 |
|
---|
849 | /******************************************/
|
---|
850 | /* SORTABLES */
|
---|
851 | /******************************************/
|
---|
852 |
|
---|
853 | bind_td_sortable();
|
---|
854 | bind_all_sortables();
|
---|
855 |
|
---|
856 | $('#formatStatement').sortable({
|
---|
857 | cursor: 'pointer',
|
---|
858 | tolerance: 'pointer',
|
---|
859 | items: '.gsf_template',
|
---|
860 | placeholder:'placeholder',
|
---|
861 | //'nested':'div'
|
---|
862 | stop: function(event, ui) {
|
---|
863 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('css_gsf_template')) { replace_with(ui.item,gsf_template_element); }
|
---|
864 | }
|
---|
865 | });
|
---|
866 |
|
---|
867 | $('div.gsf_template').children(".block,.table").slideUp(300);
|
---|
868 | });
|
---|
869 |
|
---|
870 | /*******************************************************************************/
|
---|
871 |
|
---|
872 | function bind_all_sortables()
|
---|
873 | {
|
---|
874 | console.log('function bind_all_sortables()');
|
---|
875 | bind_template_sortable();
|
---|
876 | bind_choose_metadata_sortable();
|
---|
877 | bind_link_sortable();
|
---|
878 | bind_switch_sortable();
|
---|
879 | bind_when_sortable();
|
---|
880 | bind_otherwise_sortable();
|
---|
881 |
|
---|
882 | bind_tables();
|
---|
883 |
|
---|
884 | bind_block_mouseover();
|
---|
885 | bind_minmax_remove();
|
---|
886 | }
|
---|
887 |
|
---|
888 | function bind_tables()
|
---|
889 | {
|
---|
890 | console.log('function bind_tables()');
|
---|
891 |
|
---|
892 | $('#sectionHeader').click(function () {
|
---|
893 | console.log('section Header click *');
|
---|
894 | return true;
|
---|
895 | });
|
---|
896 |
|
---|
897 | $('#sectionContainer').click(function () {
|
---|
898 | console.log('section Container click *');
|
---|
899 | return true;
|
---|
900 | });
|
---|
901 |
|
---|
902 | $(".td-div").resizable({
|
---|
903 | alsoResize: 'parent',
|
---|
904 | handles: 'w,e',
|
---|
905 | stop: function(event, ui) {
|
---|
906 | console.log('Resize table on stop');
|
---|
907 | resize_tables($(this));
|
---|
908 | }, });
|
---|
909 |
|
---|
910 | $(".droppable").droppable({
|
---|
911 | accept: '.element_type_td',
|
---|
912 | tolerance: 'pointer',
|
---|
913 | activate: function(event, ui) { $(this).addClass("droppable_hl");},
|
---|
914 | deactivate: function(event, ui) { $(this).removeClass("droppable_hl"); },
|
---|
915 | drop: function(event, ui) {
|
---|
916 | var neverempty = document.createElement("div");
|
---|
917 | neverempty.setAttribute("class","neverempty block");
|
---|
918 | neverempty.setAttribute("style","height:50px");
|
---|
919 | neverempty.setAttribute("style","display:block");
|
---|
920 | var text = document.createTextNode('NEVER EMPTY');
|
---|
921 | neverempty.appendChild(text);
|
---|
922 | var td = document.createElement("td");
|
---|
923 | var div = document.createElement("div");
|
---|
924 | div.setAttribute("title","td-div");
|
---|
925 | div.setAttribute("class","td-div block");
|
---|
926 | div.setAttribute("style","margin-left:0px");
|
---|
927 | div.setAttribute("width","25px");
|
---|
928 | td.appendChild(div);
|
---|
929 | div.appendChild(neverempty);
|
---|
930 | var sep = document.createElement("td");
|
---|
931 | sep.setAttribute("class","droppable");
|
---|
932 | sep.setAttribute("width","10px");
|
---|
933 | $(this).after(sep);
|
---|
934 | $(this).after(td);
|
---|
935 | bind_tables();
|
---|
936 | resize_tables($(this));
|
---|
937 | bind_td_sortable();
|
---|
938 | bind_block_mouseover();
|
---|
939 | }
|
---|
940 | });
|
---|
941 |
|
---|
942 | }
|
---|
943 |
|
---|
944 | function replace_with(item, me)
|
---|
945 | {
|
---|
946 | // Search me for select
|
---|
947 | if(me.search("select") != -1)
|
---|
948 | {
|
---|
949 | // If select exists, then find CURRENT_SELECT_VALUE
|
---|
950 | var index = me.search(CURRENT_SELECT_VALUE);
|
---|
951 | if(index == -1)
|
---|
952 | console.log("Did not find " + CURRENT_SELECT_VALUE);
|
---|
953 | else
|
---|
954 | console.log("Found " + CURRENT_SELECT_VALUE + " at index " + index);
|
---|
955 | index = index + CURRENT_SELECT_VALUE.length + 1;
|
---|
956 | console.log("Attempt inserting select at new index "+index);
|
---|
957 | a = me.substring(0,index);
|
---|
958 | b = me.substring(index);
|
---|
959 | me = a.concat("selected",b);
|
---|
960 | }
|
---|
961 |
|
---|
962 | item.replaceWith(me); //'<div class="element element-txt">This text box has been added!</div>');
|
---|
963 |
|
---|
964 | resize_tables(item);
|
---|
965 |
|
---|
966 | bind_all_sortables();
|
---|
967 | }
|
---|
968 |
|
---|
969 | function resize_tables(item)
|
---|
970 | {
|
---|
971 | var max_height = 0;
|
---|
972 | (item.parents('.table')).each(function(index) {
|
---|
973 | $(this).children().children().children().each(function() {
|
---|
974 | var sum_one = 0;
|
---|
975 | var sum_two = 0;
|
---|
976 | $(this).children('.block').each(function() { sum_one = sum_one + $(this).height();
|
---|
977 | $(this).children('.block').each(function() { sum_two = sum_two + $(this).height(); } );
|
---|
978 | console.log("My height is " + $(this).height() + ", sum height 2 is " + sum_two);
|
---|
979 | });
|
---|
980 | console.log("My height is " + $(this).height() + ", sum height 1 is " + sum_one);
|
---|
981 | if (sum_two > max_height)
|
---|
982 | max_height = sum_two;
|
---|
983 | });
|
---|
984 | });
|
---|
985 | equalHeights(item,max_height);
|
---|
986 | }
|
---|
987 |
|
---|
988 | function bind_template_sortable()
|
---|
989 | {
|
---|
990 | //console.log('function bind_template_sortable()');
|
---|
991 | $('.gsf_template').sortable({
|
---|
992 | 'cursor':'pointer',
|
---|
993 | 'tolerance': 'pointer',
|
---|
994 | 'items':'.table', //.gsf_choose_metadata, .gsf_metadata',
|
---|
995 | 'placeholder':'placeholder',
|
---|
996 | //'nested':'.gsf:metadata'
|
---|
997 | stop: function(event, ui) {
|
---|
998 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_table')) { replace_with(ui.item, "<table class=\"table\" border=\"2\"></table>"); }
|
---|
999 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_choose_metadata')) { replace_with(ui.item, gsf_choose_metadata_element); }
|
---|
1000 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); }
|
---|
1001 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_link')) { replace_with(ui.item, gsf_link_element); }
|
---|
1002 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_switch')) { replace_with(ui.item, gsf_switch_element); }
|
---|
1003 | }
|
---|
1004 | });
|
---|
1005 |
|
---|
1006 | $('.gsf_template').click(function () {
|
---|
1007 | console.log('gsf_template class click');
|
---|
1008 | return false;
|
---|
1009 | });
|
---|
1010 |
|
---|
1011 | }
|
---|
1012 |
|
---|
1013 | function bind_td_sortable()
|
---|
1014 | {
|
---|
1015 |
|
---|
1016 | $('tr').sortable({
|
---|
1017 | 'cursor':'pointer',
|
---|
1018 | 'tolerance': 'intersect',
|
---|
1019 | 'items':'.column',
|
---|
1020 | 'placeholder':'placeholder_td',
|
---|
1021 | 'connectWith':'column'});
|
---|
1022 |
|
---|
1023 | $('.td-div').sortable({
|
---|
1024 | 'cursor':'pointer',
|
---|
1025 | 'tolerance': 'pointer',
|
---|
1026 | 'items':'.gsf_metadata, .gsf_choose_metadata, .gsf_link, .gsf_switch',
|
---|
1027 | 'placeholder':'placeholder',
|
---|
1028 | receive: function(event, ui) { alert("Attempted to receive"); },
|
---|
1029 | stop: function(event, ui) {
|
---|
1030 | // gsf metadata
|
---|
1031 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); }
|
---|
1032 | // gsf choose metadata
|
---|
1033 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_choose_metadata')) { replace_with(ui.item, gsf_choose_metadata_element); }
|
---|
1034 | // gsf link
|
---|
1035 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_link')) { replace_with(ui.item, gsf_link_element); }
|
---|
1036 | // gsf switch
|
---|
1037 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_switch')) { replace_with(ui.item, gsf_switch_element); }
|
---|
1038 |
|
---|
1039 | }
|
---|
1040 |
|
---|
1041 | });
|
---|
1042 |
|
---|
1043 | $('.td-div').click(function () {
|
---|
1044 | //console.log('td class click');
|
---|
1045 | return true;
|
---|
1046 | });
|
---|
1047 |
|
---|
1048 |
|
---|
1049 |
|
---|
1050 | }
|
---|
1051 |
|
---|
1052 |
|
---|
1053 | function bind_choose_metadata_sortable()
|
---|
1054 | {
|
---|
1055 | //console.log('function bind_choose_metadata_sortable()');
|
---|
1056 | $('.gsf_choose_metadata').sortable({
|
---|
1057 | 'cursor':'pointer',
|
---|
1058 | 'tolerance': 'pointer',
|
---|
1059 | 'items':'.gsf_metadata, .gsf_text, .gsf_default',
|
---|
1060 | 'placeholder':'placeholder',
|
---|
1061 | 'connectWith':'.gsf_choose_metadata',
|
---|
1062 | //'nested':'.gsf:metadata'
|
---|
1063 | stop: function(event, ui) {
|
---|
1064 | // gsf metadata
|
---|
1065 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); }
|
---|
1066 | // gsf text
|
---|
1067 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_text')) { replace_with(ui.item, gsf_text_element); }
|
---|
1068 | // gsf default
|
---|
1069 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_default')) { replace_with(ui.item, gsf_default_element); }
|
---|
1070 |
|
---|
1071 | bind_all_sortables();
|
---|
1072 | }
|
---|
1073 | });
|
---|
1074 | }
|
---|
1075 |
|
---|
1076 | function bind_link_sortable()
|
---|
1077 | {
|
---|
1078 | //console.log('function bind_link_sortable()');
|
---|
1079 | $('.gsf_link').sortable({
|
---|
1080 | 'cursor':'pointer',
|
---|
1081 | 'tolerance': 'pointer',
|
---|
1082 | 'items':'.leaf, .gsf_link, .gsf_switch, .gsf_choose',
|
---|
1083 | 'placeholder':'placeholder',
|
---|
1084 | 'connectWith':'.gsf_link',
|
---|
1085 | //'nested':'.gsf:metadata'
|
---|
1086 | stop: function(event, ui) {
|
---|
1087 | // gsf icon
|
---|
1088 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_icon')) { replace_with(ui.item, gsf_icon_element); }
|
---|
1089 | // gsf text
|
---|
1090 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_text')) { replace_with(ui.item, "<input type=\"text\" name=\"rawtextinput\" size=\"10\"/>"); }
|
---|
1091 | // gsf metadata
|
---|
1092 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); }
|
---|
1093 | // gsf link
|
---|
1094 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_link')) { replace_with(ui.item, gsf_link_element); }
|
---|
1095 | // gsf switch
|
---|
1096 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_switch')) { replace_with(ui.item, gsf_switch_element); }
|
---|
1097 | // gsf choose
|
---|
1098 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_choose_metadata')) { replace_with(ui.item, gsf_choose_metadata_element); }
|
---|
1099 | }
|
---|
1100 | });
|
---|
1101 | }
|
---|
1102 |
|
---|
1103 | function bind_switch_sortable()
|
---|
1104 | {
|
---|
1105 | //console.log('function bind_switch_sortable()');
|
---|
1106 | $('.gsf_switch').sortable({
|
---|
1107 | 'cursor':'pointer',
|
---|
1108 | 'tolerance': 'pointer',
|
---|
1109 | 'items':'.gsf_metadata, .gsf_when, .gsf_otherwise, .gsf_text',
|
---|
1110 | 'placeholder':'placeholder',
|
---|
1111 | 'connectWith':'.gsf_switch',
|
---|
1112 | //'nested':'.gsf:metadata'
|
---|
1113 | stop: function(event, ui) {
|
---|
1114 | // gsf when
|
---|
1115 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_when')) { replace_with(ui.item, gsf_when_element); }
|
---|
1116 | // gsf otherwise
|
---|
1117 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_otherwise')) { replace_with(ui.item, gsf_otherwise_element); }
|
---|
1118 | // gsf metadata
|
---|
1119 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); }
|
---|
1120 | // gsf text
|
---|
1121 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_text')) { replace_with(ui.item, gsf_text_element); }
|
---|
1122 | }
|
---|
1123 | });
|
---|
1124 | }
|
---|
1125 |
|
---|
1126 | function bind_when_sortable()
|
---|
1127 | {
|
---|
1128 | //console.log('function bind_when_sortable()');
|
---|
1129 | $('.gsf_when').sortable({
|
---|
1130 | 'cursor':'pointer',
|
---|
1131 | 'tolerance': 'pointer',
|
---|
1132 | 'items':'.leaf, .gsf_link, .gsf_choose',
|
---|
1133 | 'placeholder':'placeholder',
|
---|
1134 | //'nested':'.gsf:metadata'
|
---|
1135 | stop: function(event, ui) {
|
---|
1136 | // gsf metadata
|
---|
1137 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); }
|
---|
1138 | // gsf icon
|
---|
1139 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_icon')) { replace_with(ui.item, gsf_icon_element); }
|
---|
1140 | // gsf text
|
---|
1141 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_text')) { replace_with(ui.item, gsf_text_element); }
|
---|
1142 | // gsf link
|
---|
1143 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_link')) { replace_with(ui.item, gsf_link_element); }
|
---|
1144 | // gsf choose
|
---|
1145 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_choose')) { replace_with(ui.item, gsf_choose_element); }
|
---|
1146 | }
|
---|
1147 | });
|
---|
1148 | }
|
---|
1149 |
|
---|
1150 | function bind_otherwise_sortable()
|
---|
1151 | {
|
---|
1152 | //console.log('function bind_otherwise_sortable()');
|
---|
1153 | $('.gsf_otherwise').sortable({
|
---|
1154 | 'cursor':'pointer',
|
---|
1155 | 'tolerance': 'pointer',
|
---|
1156 | 'items':'.leaf, .gsf_link, .gsf_choose',
|
---|
1157 | 'placeholder':'placeholder',
|
---|
1158 | //'nested':'.gsf:metadata'
|
---|
1159 | stop: function(event, ui) {
|
---|
1160 | // gsf metadata
|
---|
1161 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_metadata')) { replace_with(ui.item, gsf_metadata_element); }
|
---|
1162 | // gsf text
|
---|
1163 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_text')) { replace_with(ui.item, "<input type=\"text\" name=\"rawtextinput\" size=\"10\"/>"); }
|
---|
1164 | // gsf icon
|
---|
1165 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_icon')) { replace_with(ui.item, gsf_icon_element); }
|
---|
1166 | // gsf link
|
---|
1167 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_link')) { replace_with(ui.item, gsf_link_element); }
|
---|
1168 | // gsf choose
|
---|
1169 | if (ui.item.hasClass("ui-draggable") && ui.item.hasClass('draggable_gsf_choose')) { replace_with(ui.item, gsf_choose_element); }
|
---|
1170 | }
|
---|
1171 | });
|
---|
1172 | }
|
---|
1173 |
|
---|
1174 | function bind_block_mouseover()
|
---|
1175 | {
|
---|
1176 | //console.log('function bind_block_mouseover()');
|
---|
1177 | $(".block").mouseover(function()
|
---|
1178 | {
|
---|
1179 | $(this).parents().css("border", "");
|
---|
1180 | $(this).css("border", "2px solid blue");
|
---|
1181 | return false;
|
---|
1182 | }).mouseout(function(){
|
---|
1183 | $(this).css("border", "");
|
---|
1184 | return false;
|
---|
1185 | });
|
---|
1186 | }
|
---|
1187 |
|
---|
1188 | function bind_minmax_remove()
|
---|
1189 | {
|
---|
1190 | console.log('function bind_minmax_remove()');
|
---|
1191 | $('a.minmax').bind('click', toggleContent);
|
---|
1192 | $('a.remove').bind('click', removeContent);
|
---|
1193 | };
|
---|
1194 |
|
---|
1195 | var removeContent = (function () {
|
---|
1196 | //console.log('var removeContent = (function ()');
|
---|
1197 | // this -> a -> td -> tr -> tbody -> table -> div
|
---|
1198 | //$(this).parent().parent().parent().parent().parent().remove();
|
---|
1199 | $(this).closest(".block").remove();
|
---|
1200 | });
|
---|
1201 |
|
---|
1202 |
|
---|
1203 | var toggleContent = function(e)
|
---|
1204 | {
|
---|
1205 | console.log('parent: ' + $(this).html());
|
---|
1206 | if ($(this).html() == '[+]'){ //targetContent.css('display') == 'none') {
|
---|
1207 | $(this).closest(".block").children(".table, .block").slideDown(300);
|
---|
1208 | $(this).html('[-]');
|
---|
1209 | $(this).removeClass("ui-icon-plusthick");
|
---|
1210 | $(this).addClass("ui-icon-minusthick");
|
---|
1211 | } else {
|
---|
1212 | $(this).closest(".block").children(".table, .block").slideUp(300);
|
---|
1213 | $(this).html('[+]');
|
---|
1214 | $(this).removeClass("ui-icon-minusthick");
|
---|
1215 | $(this).addClass("ui-icon-plusthick");
|
---|
1216 | }
|
---|
1217 | return false;
|
---|
1218 | };
|
---|
1219 |
|
---|
1220 | function serialize(s)
|
---|
1221 | {
|
---|
1222 | serial = $.SortSerialize(s);
|
---|
1223 | alert(serial.hash);
|
---|
1224 | };
|
---|
1225 |
|
---|
1226 | function equalHeights(item, height) {
|
---|
1227 | //console.log('function equalHeights(item, height)');
|
---|
1228 | (item.parents('.table')).each(function(index) {
|
---|
1229 | $(this).children().children().children().each(function() {
|
---|
1230 | $(this).height(height);
|
---|
1231 | $(this).children().height(height);
|
---|
1232 | });
|
---|
1233 | });
|
---|
1234 | };
|
---|
1235 |
|
---|