source: main/trunk/greenstone3/web/interfaces/default/js/document_scripts.js@ 28247

Last change on this file since 28247 was 28247, checked in by sjm84, 11 years ago

Added comma support to the paged-image filter
  • Property svn:executable set to *
File size: 34.7 KB
Line 
1var _imageZoomEnabled = false;
2var _linkCellMap = new Array();
3var _onCells = new Array();
4
5/********************
6* EXPANSION SCRIPTS *
7********************/
8
9function getTextForSection(sectionID, callback)
10{
11 if(!callback)
12 {
13 console.log("Cannot get text as the callback function is not defined");
14 }
15
16 var template = "";
17 template += '<xsl:template match="/">';
18 template += '<text>';
19 template += '<xsl:for-each select="/page/pageResponse/document//documentNode[@nodeID = \'' + sectionID + '\']">';
20 template += '<xsl:call-template name="sectionContent"/>';
21 template += '</xsl:for-each>';
22 template += '</text>';
23 template += '</xsl:template>';
24
25 var hlCheckBox = document.getElementById("highlightOption");
26
27 var hl = "";
28 if(hlCheckBox)
29 {
30 if(hlCheckBox.checked)
31 {
32 hl = "on";
33 }
34 else
35 {
36 hl = "off";
37 }
38 }
39
40 var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + sectionID + "?hl=" + hl + "&p.s=TextQuery&ilt=" + template.replace(" ", "%20");
41
42 $.ajax(url)
43 .success(function(response)
44 {
45 if(response)
46 {
47 var textStart = response.indexOf(">", response.indexOf(">") + 1) + 1;
48 var textEnd = response.lastIndexOf("<");
49
50 if(textStart == 0 || textEnd == -1 || textEnd <= textStart)
51 {
52 callback("");
53 }
54
55 var text = response.substring(textStart, textEnd);
56 callback(text);
57 }
58 else
59 {
60 callback(null);
61 }
62 })
63 .error(function()
64 {
65 callback(null);
66 });
67}
68
69function getSubSectionsForSection(sectionID, callback)
70{
71 if(!callback)
72 {
73 console.log("Cannot get sub sections as the callback function is not defined");
74 }
75
76 var template = "";
77 template += '<xsl:template match="/">';
78 template += '<sections>';
79 template += '<xsl:for-each select="/page/pageResponse/document//documentNode[@nodeID = \'' + sectionID + '\']/documentNode">';
80 template += '<xsl:call-template name="wrapDocumentNodes"/>';
81 template += '</xsl:for-each>';
82 template += '</sections>';
83 template += '</xsl:template>';
84
85 var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + sectionID + "?ilt=" + template.replace(" ", "%20");
86
87 if(gs.documentMetadata.docType == "paged")
88 {
89 url += "&dt=hierarchy";
90 }
91
92 $.ajax(url)
93 .success(function(response)
94 {
95 if(response)
96 {
97 var sectionsStart = response.indexOf(">", response.indexOf(">") + 1) + 1;
98 var sectionsEnd = response.lastIndexOf("<");
99
100 if(sectionsStart == 0 || sectionsEnd == -1 || sectionsEnd <= sectionsStart)
101 {
102 callback(" ");
103 return;
104 }
105
106 var sections = response.substring(sectionsStart, sectionsEnd);
107 callback(sections);
108 }
109 else
110 {
111 callback(null);
112 }
113 })
114 .error(function()
115 {
116 callback(null);
117 });
118}
119
120function toggleSection(sectionID, callback, tocDisabled)
121{
122 var docElem = gs.jqGet("doc" + sectionID);
123 var tocElem = gs.jqGet("toc" + sectionID);
124
125 var tocToggleElem = gs.jqGet("ttoggle" + sectionID);
126 var docToggleElem = gs.jqGet("dtoggle" + sectionID);
127
128 if(docElem.css("display") == "none")
129 {
130 if(tocToggleElem.length && !tocDisabled)
131 {
132 tocToggleElem.attr("src", gs.imageURLs.collapse);
133 }
134
135 if(tocElem.length && !tocDisabled)
136 {
137 tocElem.css("display", "block");
138 }
139
140 if(docElem.hasClass("noText"))
141 {
142 getTextForSection(sectionID, function(text)
143 {
144 if(text)
145 {
146 var nodeID = sectionID.replace(/\./g, "_");
147 if(text.search("wrap" + nodeID) != -1)
148 {
149 $("#zoomOptions").css("display", "");
150 $("#pagedImageOptions").css("display", "");
151 }
152 getSubSectionsForSection(sectionID, function(sections)
153 {
154 if(sections)
155 {
156 var textElem = gs.jqGet("doc" + sectionID);
157 textElem.html(text + sections);
158
159 docElem.removeClass("noText");
160 docElem.css("display", "block");
161 docToggleElem.attr("src", gs.imageURLs.collapse);
162
163 if(callback)
164 {
165 callback(true);
166 }
167
168 if(gs.jqGet("viewSelection").length)
169 {
170 changeView();
171 }
172 }
173 else
174 {
175 docToggleElem.attr("src", gs.imageURLs.expand);
176 if(callback)
177 {
178 callback(false);
179 }
180 }
181 });
182 }
183 else
184 {
185 docToggleElem.attr("src", gs.imageURLs.expand);
186 if(callback)
187 {
188 callback(false);
189 }
190 }
191 });
192
193 docToggleElem.attr("src", gs.imageURLs.loading);
194 }
195 else
196 {
197 docToggleElem.attr("src", gs.imageURLs.collapse);
198 docElem.css("display", "block");
199
200 if(callback)
201 {
202 callback(true);
203 }
204 }
205 }
206 else
207 {
208 docElem.css("display", "none");
209
210 //Use the page image if this is a leaf node and the chapter image if it not
211 docToggleElem.attr("src", gs.imageURLs.expand);
212
213 if(tocToggleElem.length)
214 {
215 tocToggleElem.attr("src", gs.imageURLs.expand);
216 }
217
218 if(tocElem.length)
219 {
220 tocElem.css("display", "none");
221 }
222
223 if(callback)
224 {
225 callback(true);
226 }
227 }
228}
229
230function scrollToTop()
231{
232 $('html, body').stop().animate({scrollTop: 0}, 1000);
233}
234
235function focusSection(sectionID, level, tocDisabled)
236{
237 if(!level)
238 {
239 level = 0;
240 }
241
242 var parts = sectionID.split(".");
243 if(level >= parts.length)
244 {
245 var topVal = $(document.getElementById("doc" + sectionID)).offset().top - 50;
246 $('html, body').stop().animate({scrollTop: topVal}, 1000);
247 return;
248 }
249
250 var idToExpand = "";
251 for(var i = 0; i < level + 1; i++)
252 {
253 if(i > 0)
254 {
255 idToExpand += ".";
256 }
257
258 idToExpand += parts[i];
259 }
260
261 if(!isExpanded(idToExpand))
262 {
263 toggleSection(idToExpand, function(success)
264 {
265 if(success)
266 {
267 focusSection(sectionID, level + 1, tocDisabled);
268 }
269 }, tocDisabled);
270 }
271 else
272 {
273 focusSection(sectionID, level + 1, tocDisabled);
274 }
275}
276
277function expandOrCollapseAll(expand)
278{
279 var divs = $("div");
280 var startCounter = 0;
281 var endCounter = 0;
282
283 for(var i = 0; i < divs.length; i++)
284 {
285 if($(divs[i]).attr("id") && $(divs[i]).attr("id").search(/^doc/) != -1)
286 {
287 var id = $(divs[i]).attr("id").replace(/^doc(.*)/, "$1");
288 if(isExpanded(id) != expand)
289 {
290 //Don't collapse the top level
291 if(!expand && id.indexOf(".") == -1)
292 {
293 continue;
294 }
295 startCounter++;
296
297 var toggleFunction = function(tid)
298 {
299 toggleSection(tid, function(success)
300 {
301 if(success)
302 {
303 endCounter++;
304 }
305 else
306 {
307 setTimeout(function(){toggleFunction(tid)}, 500);
308 }
309 });
310 }
311 toggleFunction(id);
312 }
313 }
314 }
315
316 if(startCounter != 0)
317 {
318 var checkFunction = function()
319 {
320 if(startCounter == endCounter)
321 {
322 expandOrCollapseAll(expand);
323 }
324 else
325 {
326 setTimeout(checkFunction, 500);
327 }
328 }
329 checkFunction();
330 }
331}
332
333function loadTopLevelPage(callbackFunction, customURL)
334{
335 var url;
336 if(customURL)
337 {
338 url = customURL;
339 }
340 else
341 {
342 url = gs.xsltParams.library_name + "?a=d&c=" + gs.cgiParams.c + "&excerptid=gs-document";
343 if(gs.cgiParams.d && gs.cgiParams.d.length > 0)
344 {
345 url += "&d=" + gs.cgiParams.d.replace(/([^.]*)\..*/, "$1");
346 }
347 else if(gs.cgiParams.href && gs.cgiParams.href.length > 0)
348 {
349 url += "&d=&alb=1&rl=1&href=" + gs.cgiParams.href;
350 }
351 }
352
353 $.ajax(url)
354 .success(function(response)
355 {
356 if(response)
357 {
358 var targetElem = $("#gs-document");
359 var docStart = response.indexOf(">") + 1;
360 var docEnd = response.lastIndexOf("<");
361 var doc = response.substring(docStart, docEnd);
362
363 targetElem.html(doc);
364
365 if(callbackFunction)
366 {
367 callbackFunction();
368 }
369 }
370 })
371 .error(function()
372 {
373 setTimeout(function(){loadTopLevelPage(callbackFunction, customURL);}, 1000);
374 });
375}
376
377function retrieveFullTableOfContents()
378{
379 var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "?excerptid=tableOfContents&ed=1";
380 if(gs.cgiParams.d && gs.cgiParams.d.length > 0)
381 {
382 url += "&a=d&d=" + gs.cgiParams.d;
383 }
384 else if(gs.cgiParams.href && gs.cgiParams.href.length > 0)
385 {
386 url += "&a=d&d=&alb=1&rl=1&href=" + gs.cgiParams.href;
387 }
388
389 $.ajax(url)
390 .success(function(newTOCElem)
391 {
392 var tocStart = newTOCElem.indexOf(">") + 1;
393 var tocEnd = newTOCElem.lastIndexOf("<");
394
395 var newTOC = newTOCElem.substring(tocStart, tocEnd);
396
397 //Add the "Expand document"/"Collapse document" links
398 newTOC = "<table style=\"width:100%; text-align:center;\"><tr><td><a href=\"javascript:expandOrCollapseAll(true);\">Expand document</a></td><td><a href=\"javascript:expandOrCollapseAll(false);\">Collapse document</a></td></tr></table>" + newTOC;
399
400 //Collapse the TOC
401 newTOC = newTOC.replace(/display:block/g, "display:none");
402 newTOC = newTOC.replace(/display:none/, "display:block");
403 newTOC = newTOC.replace(/images\/collapse/g, "images/expand");
404
405 var tocElem = $("#tableOfContents");
406 tocElem.html(newTOC);
407
408 gs.variables.tocLoaded = true;
409 })
410 .error(function()
411 {
412 setTimeout(retrieveFullTableOfContents, 1000);
413 });
414}
415
416function isExpanded(sectionID)
417{
418 var docElem = gs.jqGet("doc" + sectionID);
419 if(docElem.css("display") == "block")
420 {
421 return true;
422 }
423 return false;
424}
425
426function minimizeSidebar()
427{
428 var toc = $("#contentsArea");
429 var maxLink = $("#sidebarMaximizeButton");
430 var minLink = $("#sidebarMinimizeButton");
431
432 if(toc.length)
433 {
434 toc.css("display", "none");
435 }
436
437 maxLink.css("display", "block");
438 minLink.css("display", "none");
439}
440
441function maximizeSidebar()
442{
443 var coverImage = $("#coverImage");
444 var toc = $("#contentsArea");
445 var maxLink = $("#sidebarMaximizeButton");
446 var minLink = $("#sidebarMinimizeButton");
447
448 if(coverImage.length)
449 {
450 coverImage.css("display", "block");
451 }
452
453 if(toc.length)
454 {
455 toc.css("display", "block");
456 }
457
458 maxLink.css("display", "none");
459 minLink.css("display", "block");
460}
461
462/**********************
463* PAGED-IMAGE SCRIPTS *
464**********************/
465
466function changeView()
467{
468 var viewList = $("#viewSelection");
469 var currentVal = viewList.val();
470
471 var view;
472 if(currentVal == "Image view")
473 {
474 setImageVisible(true);
475 setTextVisible(false);
476 view = "image";
477 }
478 else if(currentVal == "Text view")
479 {
480 setImageVisible(false);
481 setTextVisible(true);
482 view = "text";
483 }
484 else
485 {
486 setImageVisible(true);
487 setTextVisible(true);
488 view = "";
489 }
490
491 var url = gs.xsltParams.library_name + "?a=d&view=" + view + "&c=" + gs.cgiParams.c;
492 $.ajax(url);
493}
494
495function setImageVisible(visible)
496{
497 $("div").each(function()
498 {
499 if($(this).attr("id") && $(this).attr("id").search(/^image/) != -1)
500 {
501 $(this).css("display", (visible ? "block" : "none"));
502 }
503 });
504}
505
506function setTextVisible(visible)
507{
508 $("div").each(function()
509 {
510 if($(this).attr("id") && $(this).attr("id").search(/^text/) != -1)
511 {
512 $(this).css("display", (visible ? "block" : "none"));
513 }
514 });
515}
516
517function retrieveTableOfContentsAndTitles()
518{
519 var ilt = "";
520 ilt += '<xsl:template match="/">';
521 ilt += '<xsl:for-each select="/page/pageResponse/document/documentNode">';
522 ilt += '<xsl:call-template name="documentNodeTOC"/>';
523 ilt += '</xsl:for-each>';
524 ilt += '</xsl:template>';
525
526 var url = gs.xsltParams.library_name + "?a=d&ed=1&c=" + gs.cgiParams.c + "&d=" + gs.cgiParams.d + "&ilt=" + ilt.replace(/ /g, "%20");
527
528 $.ajax(url)
529 .success(function(response)
530 {
531 $("#tableOfContents").html(response);
532 replaceLinksWithSlider();
533 var loading = $("#tocLoadingImage");
534 loading.remove();
535 })
536 .error(function()
537 {
538 setTimeout(function(){retrieveTableOfContentsAndTitles();}, 1000);
539 });
540}
541
542function replaceLinksWithSlider()
543{
544 var tableOfContents = $("#tableOfContents");
545
546 var leafSections = new Array();
547 var liElems = tableOfContents.find("li").each(function()
548 {
549 var section = $(this);
550 var add = true;
551 for(var j = 0; j < leafSections.length; j++)
552 {
553 if(leafSections[j] == undefined){continue;}
554
555 var leaf = $(leafSections[j]);
556 if(leaf.attr("id").search(section.attr("id")) != -1)
557 {
558 add = false;
559 }
560
561 if(section.attr("id").search(leaf.attr("id")) != -1)
562 {
563 delete leafSections[j];
564 }
565 }
566
567 if(add)
568 {
569 leafSections.push(section);
570 }
571 });
572
573 for(var i = 0 ; i < leafSections.length; i++)
574 {
575 if(leafSections[i] == undefined){continue;}
576
577 leafSections[i].css("display", "none");
578 var links = leafSections[i].find("a");
579
580 var widget = new SliderWidget(links);
581 leafSections[i].before(widget.getElem());
582 }
583
584 //Disable all TOC toggles
585 var imgs = $("img").each(function()
586 {
587 var currentImage = $(this);
588 if(currentImage.attr("id") && currentImage.attr("id").search(/^ttoggle/) != -1)
589 {
590 currentImage.attr("onclick", "");
591 }
592 else if(currentImage.attr("id") && currentImage.attr("id").search(/^dtoggle/) != -1)
593 {
594 currentImage.attr("onclick", currentImage.attr("onclick").replace(/\)/, ", null, true)"));
595 }
596 });
597}
598
599function SliderWidget(_links)
600{
601 //****************
602 //MEMBER VARIABLES
603 //****************
604
605 //The container for the widget
606 var _mainDiv = $("<div>");
607 _mainDiv.attr("class", "ui-widget-content pageSlider");
608
609 //The table of images
610 var _linkTable = $("<table>");
611 _mainDiv.append(_linkTable);
612
613 //The image row of the table
614 var _linkRow = $("<tr>");
615 _linkTable.append(_linkRow);
616
617 //The list of titles we can search through
618 var _titles = new Array();
619
620 //Keep track of the slider position
621 var _prevScroll = 0;
622
623 //****************
624 //PUBLIC FUNCTIONS
625 //****************
626
627 //Function that returns the widget element
628 this.getElem = function()
629 {
630 return _mainDiv;
631 }
632
633 //*****************
634 //PRIVATE FUNCTIONS
635 //*****************
636
637 var setUpFilterBox = function()
638 {
639 var filter = $("#filterText");
640 filter.keyup(function()
641 {
642 var fullValue = filter.val().replace(/ /g, "");
643 var values = fullValue.split(",");
644
645 var matchingTitles = new Array();
646
647 for (var l = 0; l < values.length; l++)
648 {
649 var currentValue = values[l];
650 var isRange = (currentValue.search(/\d+-\d+/) != -1)
651
652 var found = false;
653 for(var i = 0; i < _titles.length; i++)
654 {
655 if(_titles[i][0] == currentValue)
656 {
657 found = true;
658 }
659 }
660
661 if(!found && isRange)
662 {
663 var firstNumber = currentValue.replace(/(\d+)-\d+/, "$1");
664 var secondNumber = currentValue.replace(/\d+-(\d+)/, "$1");
665
666 if(firstNumber <= secondNumber)
667 {
668 for(var i = firstNumber; i <= secondNumber; i++)
669 {
670 var numString = i + "";
671 for(var j = 0; j < _titles.length; j++)
672 {
673 var currentTitle = _titles[j];
674 if(currentTitle[0].search(numString) != -1)
675 {
676 matchingTitles.push(currentTitle);
677 }
678 }
679 }
680 }
681 }
682 else
683 {
684 for(var i = 0; i < _titles.length; i++)
685 {
686 var currentTitle = _titles[i];
687 if(currentTitle[0].search(currentValue.replace(/\./g, "\\.")) != -1)
688 {
689 matchingTitles.push(currentTitle);
690 }
691 }
692 }
693 }
694
695 for(var i = 0; i < _titles.length; i++)
696 {
697 $(_titles[i][1].cell).css("display", "none");
698 }
699
700 for(var i = 0; i < matchingTitles.length; i++)
701 {
702 $(matchingTitles[i][1].cell).css("display", "table-cell");
703 }
704 });
705 }
706
707 var getImage = function(page, attemptNumber)
708 {
709 var href = page.getAttribute("href");
710 var startHREF = href.indexOf("'") + 1;
711 var endHREF = href.indexOf("'", startHREF);
712 var nodeID = href.substring(startHREF, endHREF);
713 href = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + nodeID;
714
715 var template = '';
716 template += '<xsl:template match="/">';
717 template += '<gsf:metadata name=\"Thumb\"/>';
718 template += '<html>';
719 template += '<img>';
720 template += '<xsl:attribute name="src">';
721 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/collection/metadataList/metadata[@name = 'httpPath']\"/>";
722 template += '<xsl:text>/index/assoc/</xsl:text>';
723 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document/metadataList/metadata[@name = 'assocfilepath']\"/>";
724 template += '<xsl:text>/</xsl:text>';
725 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document//documentNode[@nodeID = '" + nodeID + "']/metadataList/metadata[@name = 'Thumb']\"/>";
726 template += '</xsl:attribute>';
727 template += '</img>';
728 template += '<p>';
729 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document/documentNode/metadataList/metadata[@name = 'Title']\"/>";
730 template += '</p>';
731 template += '</html>';
732 template += '</xsl:template>';
733
734 var url = href + "?ilt=" + template.replace(" ", "%20");
735 $.ajax(url)
736 .success(function(text)
737 {
738 var hrefStart = text.indexOf("src=\"") + 5;
739 if(hrefStart == -1)
740 {
741 page.isLoading = false;
742 page.noImage = true;
743 $(page.image).attr("src", gs.imageURLs.blank);
744 return;
745 }
746 var hrefEnd = text.indexOf("\"", hrefStart);
747 var href = text.substring(hrefStart, hrefEnd);
748
749 var image = $("<img>");
750 image.load(function()
751 {
752 $(page.link).html("");
753 $(page.link).append(image);
754 page.isLoading = false;
755 page.imageLoaded = true;
756 });
757 image.error(function()
758 {
759 if(!attemptNumber || attemptNumber < 3)
760 {
761 setTimeout(function(){getImage(page, ((!attemptNumber) ? 1 : attemptNumber + 1));}, 500);
762 }
763 else
764 {
765 page.isLoading = false;
766 page.noImage = true;
767 image.attr("src", gs.imageURLs.blank);
768 }
769 });
770 image.attr("src", href);
771
772 var titleStart = text.indexOf("<p>") + 3;
773 var titleEnd = text.indexOf("</p>");
774 var title = text.substring(titleStart, titleEnd);
775 })
776 .error(function()
777 {
778 page.failed = true;
779 if(!attemptNumber || attemptNumber < 3)
780 {
781 setTimeout(function(){getImage(page, ((!attemptNumber) ? 1 : attemptNumber + 1));}, 500);
782 }
783 else
784 {
785 var image = $("<img>", {"src": gs.imageURLs.blank});
786 $(page.link).html("");
787 $(page.link).append(image);
788 page.isLoading = false;
789 page.noImage = true;
790 }
791 });
792 }
793
794 var startCheckFunction = function()
795 {
796 var checkFunction = function(forced)
797 {
798 //Don't bother checking if we haven't scrolled very far
799 if(Math.abs(_mainDiv.scrollLeft() - _prevScroll) > 100 || forced)
800 {
801 _prevScroll = _mainDiv.scrollLeft();
802 _checking = true;
803 var widgetLeft = _mainDiv.offset().left;
804 var widgetRight = widgetLeft + _mainDiv.width();
805
806 var visiblePages = new Array();
807 for(var i = 0; i < _links.length; i++)
808 {
809 var current = _links[i].cell;
810 var currentLeft = current.offset().left;
811 var currentRight = currentLeft + current.width();
812
813 if(currentRight > widgetLeft && currentLeft < widgetRight)
814 {
815 visiblePages.push(_links[i]);
816 }
817 }
818
819 for(var i = 0; i < visiblePages.length; i++)
820 {
821 var page = visiblePages[i];
822 if(!page || page.imageLoaded || page.noImage || page.isLoading)
823 {
824 continue;
825 }
826
827 page.isLoading = true;
828 getImage(page);
829 }
830 _checking = false;
831 }
832 }
833
834 setTimeout(checkFunction, 250);
835 setInterval(function(){checkFunction(true)}, 2000);
836 _mainDiv.scroll(checkFunction);
837 }
838
839 //***********
840 //CONSTRUCTOR
841 //***********
842
843 for(var i = 0; i < _links.length; i++)
844 {
845 var col = $("<td>");
846 _linkRow.append(col);
847 col.addClass("pageSliderCol");
848 _links[i].cell = col;
849
850 var link = $("<a>");
851 col.append(link);
852 _links[i].link = link;
853 var href = $(_links[i]).attr("href");
854 link.attr("href", href.replace(/\)/, ", 0, true)"));
855
856 if(!_linkCellMap[href])
857 {
858 _linkCellMap[href] = new Array();
859 }
860 _linkCellMap[href].push(_links[i]);
861
862 var loadingText = $("<p>Loading image</p>");
863 link.append(loadingText);
864
865 var image = $("<img>");
866 link.append(image);
867 image.attr("src", gs.imageURLs.loading);
868 _links[i].image = image;
869
870 var title = $(_links[i]).html();
871 if(title.search(/^[^ ]+ [^ ]+$/) != -1)
872 {
873 var section = title.replace(/^([^ ]+) [^ ]+$/, "$1");
874 var page = title.replace(/^[^ ]+ ([^ ]+)$/, "$1");
875 if(page.search(/^[0-9]+$/) != -1)
876 {
877 title = page;
878 }
879 }
880 _titles.push([title, _links[i]]);
881
882 col.append($("<br>"));
883 col.append(title);
884 }
885
886 setUpFilterBox();
887 startCheckFunction();
888}
889
890/***********************
891* HIGHLIGHTING SCRIPTS *
892***********************/
893function swapHighlight(imageClicked)
894{
895 var hlCheckbox = $("#highlightOption");
896
897 if(imageClicked)
898 {
899 $(hlCheckbox).attr("checked", !$(hlCheckbox).attr("checked"));
900 }
901
902 var from;
903 var to;
904 if(hlCheckbox.attr("checked"))
905 {
906 from = "noTermHighlight";
907 to = "termHighlight";
908 }
909 else
910 {
911 from = "termHighlight";
912 to = "noTermHighlight";
913 }
914
915 var spans = $("span").each(function()
916 {
917 if($(this).hasClass(from))
918 {
919 $(this).removeClass(from);
920 $(this).addClass(to);
921 }
922 });
923}
924
925/**************************
926* REALISTIC BOOKS SCRIPTS *
927**************************/
928
929function bookInit()
930{
931 loadBook();
932 hideText();
933 showBook();
934 swapLinkJavascript(false);
935}
936
937function hideText()
938{
939 $("#gs-document-text").css("visibility", "hidden");
940}
941
942function showText()
943{
944 $("#gs-document-text").css("visibility", "visible");
945}
946
947function hideBook()
948{
949 $("#bookDiv, #bookObject, #bookEmbed").css({"visibility": "hidden", "height": "0px"});
950}
951
952function showBook()
953{
954 $("#bookDiv, #bookObject, #bookEmbed").css({"visibility": "visible", "height": "600px"});
955}
956
957function swapLinkJavascript(rbOn)
958{
959 var option = $("#rbOption");
960 var optionImage = $("#rbOptionImage");
961
962 if(rbOn)
963 {
964 option.attr("onclick", "hideText(); showBook(); swapLinkJavascript(false);");
965 optionImage.attr("onclick", "hideText(); showBook(); swapLinkJavascript(false);");
966 $(option).attr("checked", false);
967 }
968 else
969 {
970 option.attr("onclick", "hideBook(); showText(); swapLinkJavascript(true);");
971 optionImage.attr("onclick", "hideBook(); showText(); swapLinkJavascript(true);");
972 $(option).attr("checked", true);
973 }
974}
975
976function loadBook()
977{
978 var doc_url = document.URL;
979 doc_url = doc_url.replace(/(&|\?)book=[a-z]+/gi,'');
980 doc_url += '&book=flashxml';
981
982 var img_cover = gs.collectionMetadata.httpPath + '/index/assoc/' + gs.documentMetadata.assocfilepath + '/cover.jpg';
983
984 var flash_plug_html = ""
985 flash_plug_html += '<OBJECT align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" \n';
986 flash_plug_html += ' height="600px" id="bookObject" swLiveConnect="true" \n';
987 flash_plug_html += ' codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" \n';
988 flash_plug_html += ' width="70%">\n';
989 flash_plug_html += ' <PARAM name="allowScriptAccess" value="always" />\n';
990 flash_plug_html += ' <PARAM name="movie" value="Book.swf';
991 flash_plug_html += '?src_image=' + escape(img_cover);
992 flash_plug_html += '&doc_url=' + escape(doc_url);
993 flash_plug_html += '" />\n';
994 flash_plug_html += ' <PARAM name="quality" value="high" />\n';
995 flash_plug_html += ' <PARAM name="bgcolor" value="#FFFFFF" />\n';
996 flash_plug_html += ' <EMBED align="middle" \n';
997 flash_plug_html += ' allowScriptAccess="always" swLiveConnect="true" \n';
998 flash_plug_html += ' bgcolor="#FFFFFF" height="600px" name="Book" \n';
999 flash_plug_html += ' pluginspage="http://www.macromedia.com/go/getflashplayer" \n';
1000 flash_plug_html += ' quality="high" id="bookEmbed"\n';
1001 flash_plug_html += ' src="Book.swf';
1002 flash_plug_html += '?src_image=' + escape(img_cover);
1003 flash_plug_html += '&doc_url=' + escape(doc_url);
1004 flash_plug_html += '"\n';
1005 flash_plug_html += ' type="application/x-shockwave-flash" width="70%" />\n';
1006 flash_plug_html += '</OBJECT>\n';
1007 $("#bookdiv").html(flash_plug_html);
1008}
1009
1010/************************
1011* METADATA EDIT SCRIPTS *
1012************************/
1013
1014function addEditMetadataLink(cell)
1015{
1016 cell = $(cell);
1017 var id = cell.attr("id").substring(6);
1018 var metaTable = gs.jqGet("meta" + id);
1019
1020 var row = cell.parent();
1021 var newCell = $("<td>", {"style": "font-size:0.7em; padding:0px 10px", "class": "editMetadataButton"});
1022 var linkSpan = $("<span>", {"class": "ui-state-default ui-corner-all", "style": "padding: 2px; float:left;"});
1023
1024 var linkLabel = $("<span>edit metadata</span>");
1025 var linkIcon = $("<span>", {"class": "ui-icon ui-icon-folder-collapsed"});
1026 newCell.linkIcon = linkIcon;
1027 newCell.linkLabel = linkLabel;
1028
1029 var uList = $("<ul>", {"style": "outline: 0 none; margin:0px; padding:0px;"});
1030 var labelItem = $("<li>", {"style": "float:left; list-style:none outside none;"});
1031 var iconItem = $("<li>", {"style": "float:left; list-style:none outside none;"});
1032
1033 uList.append(iconItem);
1034 uList.append(labelItem);
1035 labelItem.append(linkLabel);
1036 iconItem.append(linkIcon);
1037
1038 var newLink = $("<a>", {"href": "javascript:;"});
1039 newLink.click(function()
1040 {
1041 if(metaTable.css("display") == "none")
1042 {
1043 linkLabel.html("hide metadata");
1044 linkIcon.attr("class", "ui-icon ui-icon-folder-open");
1045 metaTable.css("display", "block");
1046 metaTable.metaNameField.css("display", "inline");
1047 metaTable.addRowButton.css("display", "inline");
1048 }
1049 else
1050 {
1051 linkLabel.html("edit metadata");
1052 linkIcon.attr("class", "ui-icon ui-icon-folder-collapsed");
1053 metaTable.css("display", "none");
1054 metaTable.metaNameField.css("display", "none");
1055 metaTable.addRowButton.css("display", "none");
1056 }
1057 });
1058
1059 newLink.append(uList);
1060 linkSpan.append(newLink);
1061 newCell.append(linkSpan);
1062 row.append(newCell);
1063
1064 addFunctionalityToTable(metaTable);
1065 metaTable.metaNameField.css("display", "none");
1066 metaTable.addRowButton.css("display", "none");
1067}
1068
1069function setEditingFeaturesVisible(visible)
1070{
1071 if(visible)
1072 {
1073 $("#editContentButton").html("Hide editor");
1074 }
1075 else
1076 {
1077 $("#editContentButton").html("Edit content");
1078 }
1079
1080 var visibility = (visible ? "" : "none");
1081 $("#saveButton, #metadataListLabel, #metadataSetList").css("display", visibility);
1082
1083 $(".editMetadataButton").each(function()
1084 {
1085 $(this).css("display", visibility);
1086 $(this.linkLabel).html("edit metadata");
1087 $(this.linkIcon).attr("class", "ui-icon ui-icon-folder-collapsed");
1088 });
1089
1090 $("table").each(function()
1091 {
1092 if($(this).attr("id") && $(this).attr("id").search(/^meta/) != -1)
1093 {
1094 $(this).css("display", "none");
1095 $(this.metaNameField).css("display", "none");
1096 $(this.addRowButton).css("display", "none");
1097 }
1098 });
1099}
1100
1101function readyPageForEditing()
1102{
1103 if($("#metadataSetList").length)
1104 {
1105 var setList = $("#metadataSetList");
1106 if(!setList.css("display") || setList.css("display") == "")
1107 {
1108 setEditingFeaturesVisible(false);
1109 }
1110 else
1111 {
1112 setEditingFeaturesVisible(true);
1113 }
1114 return;
1115 }
1116
1117 $("#editContentButton").html("Hide Editor");
1118
1119 var textDivs = $(".sectionText").each(function(){de.doc.registerEditSection(this);});
1120
1121 var editBar = $("#editBarLeft");
1122
1123 var saveButton = $("<button>", {"id": "saveButton", "class": "ui-state-default ui-corner-all"});
1124 saveButton.click(save);
1125 saveButton.html("Save changes");
1126 editBar.append(saveButton);
1127
1128
1129 var visibleMetadataList = $("<select>", {"id": "metadataSetList"});
1130 var allOption = $("<option>All</option>");
1131 visibleMetadataList.append(allOption);
1132
1133 var metadataListLabel = $("<span>", {"id": "metadataListLabel", "style": "margin-left:20px;"});
1134 metadataListLabel.html("Visible metadata: ");
1135 editBar.append(metadataListLabel);
1136 editBar.append(visibleMetadataList);
1137 visibleMetadataList.change(onVisibleMetadataSetChange);
1138
1139 var statusBarDiv = $("<div>");
1140 editBar.append(statusBarDiv);
1141 _statusBar = new StatusBar(statusBarDiv[0]);
1142
1143 var titleDivs = $(".sectionTitle");
1144 for(var i = 0; i < titleDivs.length; i++)
1145 {
1146 addEditMetadataLink(titleDivs[i]);
1147 }
1148
1149 _baseURL = gs.xsltParams.library_name;
1150}
1151
1152/***************
1153* MENU SCRIPTS *
1154***************/
1155
1156function floatMenu(enabled)
1157{
1158 var menu = $(".tableOfContentsContainer");
1159 if(enabled)
1160 {
1161 menu.data("position", menu.css("position"));
1162 menu.data("width", menu.css("width"));
1163 menu.data("right", menu.css("right"));
1164 menu.data("top", menu.css("top"));
1165 menu.data("max-height", menu.css("max-height"));
1166 menu.data("overflow", menu.css("overflow"));
1167 menu.data("z-index", menu.css("z-index"));
1168
1169 menu.css("position", "fixed");
1170 menu.css("width", "300px");
1171 menu.css("right", "0px");
1172 menu.css("top", "100px");
1173 menu.css("max-height", "600px");
1174 menu.css("overflow", "auto");
1175 menu.css("z-index", "200");
1176
1177 $("#unfloatTOCButton").show();
1178 }
1179 else
1180 {
1181 menu.css("position", menu.data("position"));
1182 menu.css("width", menu.data("width"));
1183 menu.css("right", menu.data("right"));
1184 menu.css("top", menu.data("top"));
1185 menu.css("max-height", menu.data("max-height"));
1186 menu.css("overflow", menu.data("overflow"));
1187 menu.css("z-index", menu.data("z-index"));
1188
1189 $("#unfloatTOCButton").hide();
1190 $("#floatTOCToggle").attr("checked", false);
1191 }
1192
1193 var url = gs.xsltParams.library_name + "?a=d&ftoc=" + (enabled ? "1" : "0") + "&c=" + gs.cgiParams.c;
1194
1195 $.ajax(url);
1196}
1197
1198/********************
1199* SLIDESHOW SCRIPTS *
1200********************/
1201
1202function showSlideShow()
1203{
1204 if(!($("#gs-slideshow").length))
1205 {
1206 var slideshowDiv = $("<div>", {id:"gs-slideshow", style:"height:100%;"});
1207 var loadingImage = $("<img>", {src:gs.imageURLs.loading});
1208 slideshowDiv.append(loadingImage);
1209
1210 $.blockUI({message: $(slideshowDiv), css:{top: "5%", left: "5%", width: "90%", height: "90%", overflow: "auto", cursor: "auto"}});
1211
1212 retrieveImagesForSlideShow(function(imageIDArray)
1213 {
1214 loadingImage.hide();
1215 if(imageIDArray && imageIDArray.length > 0)
1216 {
1217 var imageURLs = new Array();
1218 for(var i = 0; i < imageIDArray.length; i++)
1219 {
1220 if(imageIDArray[i].source && imageIDArray[i].source.search(/.*\.(gif|jpg|jpeg|png)$/) != -1)
1221 {
1222 imageURLs.push(gs.collectionMetadata.httpPath + "/index/assoc/" + gs.documentMetadata.assocfilepath + "/" + imageIDArray[i].source);
1223 }
1224 }
1225 new SlideShowWidget(slideshowDiv, imageURLs, imageIDArray);
1226 }
1227 });
1228 }
1229 else
1230 {
1231 $("#gs-slideshow").show();
1232 }
1233}
1234
1235function retrieveImagesForSlideShow(callback)
1236{
1237 var template = "";
1238 template += '<xsl:template match="/">';
1239 template += '<images>[';
1240 template += '<xsl:for-each select="//documentNode">';
1241 template += '<xsl:text disable-output-escaping="yes">{"source":"</xsl:text><gsf:metadata name="Source"/><xsl:text disable-output-escaping="yes">",</xsl:text>';
1242 template += '<xsl:text disable-output-escaping="yes">"id":"</xsl:text><xsl:value-of select="@nodeID"/><xsl:text disable-output-escaping="yes">"}</xsl:text>';
1243 template += '<xsl:if test="position() != count(//documentNode)">,</xsl:if>';
1244 template += '</xsl:for-each>';
1245 template += ']</images>';
1246 template += '</xsl:template>';
1247
1248 var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + gs.cgiParams.d + "?ed=1&ilt=" + template.replace(" ", "%20");
1249
1250 $.ajax(
1251 {
1252 url:url,
1253 success: function(data)
1254 {
1255 var startIndex = data.indexOf(">", data.indexOf(">") + 1) + 1;
1256 var endIndex = data.lastIndexOf("<");
1257 var arrayString = data.substring(startIndex, endIndex);
1258 var imageIDArray = eval(arrayString);
1259
1260 callback(imageIDArray);
1261 }
1262 });
1263}
1264
1265function SlideShowWidget(mainDiv, images, idArray)
1266{
1267 var _inTransition = false;
1268 var _images = new Array();
1269 var _mainDiv = mainDiv;
1270 var _imageDiv = $("<div>", {id:"ssImageDiv", style:"height:95%; overflow:auto;"});
1271 var _navDiv = $("<div>", {style:"height:5%;"});
1272 var _nextButton = $("<img>", {src:gs.imageURLs.next, style:"float:right; cursor:pointer;"});
1273 var _prevButton = $("<img>", {src:gs.imageURLs.prev, style:"float:left; cursor:pointer; display:none;"});
1274 var _closeLink = $("<a href=\"javascript:$.unblockUI()\">Close Slideshow</a>");
1275 var _clearDiv = $("<div>", {style:"clear:both;"});
1276 var _currentIndex = 0;
1277
1278 _navDiv.append(_nextButton);
1279 _navDiv.append(_closeLink);
1280 _navDiv.append(_prevButton);
1281 _navDiv.append(_clearDiv);
1282 _mainDiv.append(_navDiv);
1283 _mainDiv.append(_imageDiv);
1284
1285 for(var i = 0; i < images.length; i++)
1286 {
1287 _images.push($("<img>", {src:images[i], "class":"slideshowImage"}));
1288 }
1289
1290 if(_images.length < 2)
1291 {
1292 _nextButton.css("display", "none");
1293 }
1294
1295 _imageDiv.append(_images[0]);
1296
1297 this.nextImage = function()
1298 {
1299 if(!_inTransition)
1300 {
1301 _inTransition = true;
1302 if((_currentIndex + 1) < _images.length)
1303 {
1304 _prevButton.css("display", "");
1305 if(_currentIndex + 1 == _images.length - 1)
1306 {
1307 _nextButton.css("display", "none");
1308 }
1309
1310 _imageDiv.fadeOut(500, function()
1311 {
1312 _imageDiv.empty();
1313 _imageDiv.append(_images[_currentIndex + 1]);
1314 _currentIndex++;
1315 _imageDiv.fadeIn(500, function()
1316 {
1317 _inTransition = false;
1318 });
1319 });
1320 }
1321 else
1322 {
1323 _inTransition = false;
1324 }
1325 }
1326 }
1327
1328 this.prevImage = function()
1329 {
1330 if(!_inTransition)
1331 {
1332 _inTransition = true;
1333 if((_currentIndex - 1) >= 0)
1334 {
1335 _nextButton.css("display", "");
1336 if(_currentIndex - 1 == 0)
1337 {
1338 _prevButton.css("display", "none");
1339 }
1340
1341 _imageDiv.fadeOut(500, function()
1342 {
1343 _imageDiv.empty();
1344 _imageDiv.append(_images[_currentIndex - 1]);
1345 _currentIndex--;
1346 _imageDiv.fadeIn(500, function()
1347 {
1348 _inTransition = false;
1349 });
1350 });
1351 }
1352 else
1353 {
1354 _inTransition = false;
1355 }
1356 }
1357 }
1358
1359 var getRootFilenameFromURL = function(url)
1360 {
1361 var urlSegments = url.split("/");
1362 var filename = urlSegments[urlSegments.length - 1];
1363 return filename.replace(/_thumb\..*$/, "");
1364 }
1365
1366 var setLink = function(currentLink, index)
1367 {
1368 $(currentLink).click(function()
1369 {
1370 _inTransition = true;
1371 _currentIndex = index;
1372 _imageDiv.fadeOut(500, function()
1373 {
1374 _imageDiv.empty();
1375 _imageDiv.append(_images[_currentIndex]);
1376 _imageDiv.fadeIn(500, function()
1377 {
1378 _inTransition = false;
1379 });
1380 });
1381 });
1382 }
1383
1384 var sliderLinks = $(".pageSliderCol a");
1385 for(var i = 0; i < sliderLinks.length; i++)
1386 {
1387 var currentLink = sliderLinks[i];
1388 var id = $(currentLink).attr("href").split("'")[1];
1389
1390 for(var j = 0; j < idArray.length; j++)
1391 {
1392 if(idArray[j].id == id)
1393 {
1394 var image = idArray[j].source;
1395
1396 for(var l = 0; l < images.length; l++)
1397 {
1398 var filename = getRootFilenameFromURL(images[l]);
1399 if (filename == image)
1400 {
1401 setLink(currentLink, l);
1402 break;
1403 }
1404 }
1405
1406 break;
1407 }
1408 }
1409 }
1410
1411 _nextButton.click(this.nextImage);
1412 _prevButton.click(this.prevImage);
1413}
Note: See TracBrowser for help on using the repository browser.