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

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

After sections are extracted the collection is rebuilt
  • Property svn:executable set to *
File size: 36.0 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
462function extractFilteredPagesToOwnDocument()
463{
464 var oids = new Array();
465 var filtered = $(".pageSliderCol:visible a").each(function()
466 {
467 var hrefString = $(this).attr("href");
468 var oidStart = hrefString.indexOf(".") + 1;
469 var oidFinish = hrefString.indexOf("'", oidStart + 1);
470
471 oids.push(hrefString.substring(oidStart, oidFinish));
472 });
473
474 var sectionString = "[";
475 for(var i = 0; i < oids.length; i++)
476 {
477 sectionString += "\"" + oids[i] + "\"";
478 if(i < oids.length - 1)
479 {
480 sectionString += ",";
481 }
482 }
483 sectionString += "]";
484
485 var url = "cgi-bin/document-extract.pl?a=extract-archives-doc&c=" + gs.cgiParams.c + "&d=" + gs.cgiParams.d + "&json-sections=" + sectionString;// + "&json-metadata=[{"metaname":"dc.Title","metavalue":"All Black Rugy Success","metamode":"accumulate"]"
486 $.ajax(url)
487 .success(function(response)
488 {
489 console.log(response);
490 gs.functions.buildCollections([gs.cgiParams.c], function()
491 {
492 console.log("DONE BUILDING!");
493 });
494 });
495}
496
497/**********************
498* PAGED-IMAGE SCRIPTS *
499**********************/
500
501function changeView()
502{
503 var viewList = $("#viewSelection");
504 var currentVal = viewList.val();
505
506 var view;
507 if(currentVal == "Image view")
508 {
509 setImageVisible(true);
510 setTextVisible(false);
511 view = "image";
512 }
513 else if(currentVal == "Text view")
514 {
515 setImageVisible(false);
516 setTextVisible(true);
517 view = "text";
518 }
519 else
520 {
521 setImageVisible(true);
522 setTextVisible(true);
523 view = "";
524 }
525
526 var url = gs.xsltParams.library_name + "?a=d&view=" + view + "&c=" + gs.cgiParams.c;
527 $.ajax(url);
528}
529
530function setImageVisible(visible)
531{
532 $("div").each(function()
533 {
534 if($(this).attr("id") && $(this).attr("id").search(/^image/) != -1)
535 {
536 $(this).css("display", (visible ? "block" : "none"));
537 }
538 });
539}
540
541function setTextVisible(visible)
542{
543 $("div").each(function()
544 {
545 if($(this).attr("id") && $(this).attr("id").search(/^text/) != -1)
546 {
547 $(this).css("display", (visible ? "block" : "none"));
548 }
549 });
550}
551
552function retrieveTableOfContentsAndTitles()
553{
554 var ilt = "";
555 ilt += '<xsl:template match="/">';
556 ilt += '<xsl:for-each select="/page/pageResponse/document/documentNode">';
557 ilt += '<xsl:call-template name="documentNodeTOC"/>';
558 ilt += '</xsl:for-each>';
559 ilt += '</xsl:template>';
560
561 var url = gs.xsltParams.library_name + "?a=d&ed=1&c=" + gs.cgiParams.c + "&d=" + gs.cgiParams.d + "&ilt=" + ilt.replace(/ /g, "%20");
562
563 $.ajax(url)
564 .success(function(response)
565 {
566 $("#tableOfContents").html(response);
567 replaceLinksWithSlider();
568 var loading = $("#tocLoadingImage");
569 loading.remove();
570 })
571 .error(function()
572 {
573 setTimeout(function(){retrieveTableOfContentsAndTitles();}, 1000);
574 });
575}
576
577function replaceLinksWithSlider()
578{
579 var tableOfContents = $("#tableOfContents");
580
581 var leafSections = new Array();
582 var liElems = tableOfContents.find("li").each(function()
583 {
584 var section = $(this);
585 var add = true;
586 for(var j = 0; j < leafSections.length; j++)
587 {
588 if(leafSections[j] == undefined){continue;}
589
590 var leaf = $(leafSections[j]);
591 if(leaf.attr("id").search(section.attr("id")) != -1)
592 {
593 add = false;
594 }
595
596 if(section.attr("id").search(leaf.attr("id")) != -1)
597 {
598 delete leafSections[j];
599 }
600 }
601
602 if(add)
603 {
604 leafSections.push(section);
605 }
606 });
607
608 for(var i = 0 ; i < leafSections.length; i++)
609 {
610 if(leafSections[i] == undefined){continue;}
611
612 leafSections[i].css("display", "none");
613 var links = leafSections[i].find("a");
614
615 var widget = new SliderWidget(links);
616 leafSections[i].before(widget.getElem());
617 }
618
619 //Disable all TOC toggles
620 var imgs = $("img").each(function()
621 {
622 var currentImage = $(this);
623 if(currentImage.attr("id") && currentImage.attr("id").search(/^ttoggle/) != -1)
624 {
625 currentImage.attr("onclick", "");
626 currentImage.click(function()
627 {
628 var sliderDiv = currentImage.parents("table").first().next();
629 if(sliderDiv.is(":visible"))
630 {
631 sliderDiv.hide();
632 }
633 else
634 {
635 sliderDiv.show();
636 }
637 });
638 }
639 else if(currentImage.attr("id") && currentImage.attr("id").search(/^dtoggle/) != -1)
640 {
641 currentImage.attr("onclick", currentImage.attr("onclick").replace(/\)/, ", null, true)"));
642 }
643 });
644}
645
646function SliderWidget(_links)
647{
648 //****************
649 //MEMBER VARIABLES
650 //****************
651
652 //The container for the widget
653 var _mainDiv = $("<div>");
654 _mainDiv.attr("class", "ui-widget-content pageSlider");
655
656 //The table of images
657 var _linkTable = $("<table>");
658 _mainDiv.append(_linkTable);
659
660 //The image row of the table
661 var _linkRow = $("<tr>");
662 _linkTable.append(_linkRow);
663
664 //The list of titles we can search through
665 var _titles = new Array();
666
667 //Keep track of the slider position
668 var _prevScroll = 0;
669
670 //****************
671 //PUBLIC FUNCTIONS
672 //****************
673
674 //Function that returns the widget element
675 this.getElem = function()
676 {
677 return _mainDiv;
678 }
679
680 //*****************
681 //PRIVATE FUNCTIONS
682 //*****************
683
684 var setUpFilterBox = function()
685 {
686 var filter = $("#filterText");
687 filter.keyup(function()
688 {
689 var fullValue = filter.val();
690 var values = fullValue.split(",");
691
692 var matchingTitles = new Array();
693
694 for (var l = 0; l < values.length; l++)
695 {
696 var currentValue = values[l].replace(/^ +/g, "").replace(/ +$/g, "");
697 var isRange = (currentValue.search(/\d+-\d+/) != -1)
698
699 var found = false;
700 for(var i = 0; i < _titles.length; i++)
701 {
702 if(_titles[i][0] == currentValue)
703 {
704 found = true;
705 }
706 }
707
708 if(!found && isRange)
709 {
710 var firstNumber = currentValue.replace(/(\d+)-\d+/, "$1");
711 var secondNumber = currentValue.replace(/\d+-(\d+)/, "$1");
712
713 if(firstNumber <= secondNumber)
714 {
715 for(var i = firstNumber; i <= secondNumber; i++)
716 {
717 var numString = i + "";
718 for(var j = 0; j < _titles.length; j++)
719 {
720 var currentTitle = _titles[j];
721 if(currentTitle[0].search(numString) != -1)
722 {
723 matchingTitles.push(currentTitle);
724 }
725 }
726 }
727 }
728 }
729 else
730 {
731 for(var i = 0; i < _titles.length; i++)
732 {
733 var currentTitle = _titles[i];
734 if(currentTitle[0].search(currentValue.replace(/\./g, "\\.")) != -1)
735 {
736 matchingTitles.push(currentTitle);
737 }
738 }
739 }
740 }
741
742 for(var i = 0; i < _titles.length; i++)
743 {
744 $(_titles[i][1].cell).css("display", "none");
745 }
746
747 for(var i = 0; i < matchingTitles.length; i++)
748 {
749 $(matchingTitles[i][1].cell).css("display", "table-cell");
750 }
751 });
752 }
753
754 var getImage = function(page, attemptNumber)
755 {
756 var href = page.getAttribute("href");
757 var startHREF = href.indexOf("'") + 1;
758 var endHREF = href.indexOf("'", startHREF);
759 var nodeID = href.substring(startHREF, endHREF);
760 href = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + nodeID;
761
762 var template = '';
763 template += '<xsl:template match="/">';
764 template += '<gsf:metadata name=\"Thumb\"/>';
765 template += '<html>';
766 template += '<img>';
767 template += '<xsl:attribute name="src">';
768 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/collection/metadataList/metadata[@name = 'httpPath']\"/>";
769 template += '<xsl:text>/index/assoc/</xsl:text>';
770 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document/metadataList/metadata[@name = 'assocfilepath']\"/>";
771 template += '<xsl:text>/</xsl:text>';
772 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document//documentNode[@nodeID = '" + nodeID + "']/metadataList/metadata[@name = 'Thumb']\"/>";
773 template += '</xsl:attribute>';
774 template += '</img>';
775 template += '<p>';
776 template += "<xsl:value-of disable-output-escaping=\"yes\" select=\"/page/pageResponse/document/documentNode/metadataList/metadata[@name = 'Title']\"/>";
777 template += '</p>';
778 template += '</html>';
779 template += '</xsl:template>';
780
781 var url = href + "?ilt=" + template.replace(" ", "%20");
782 $.ajax(url)
783 .success(function(text)
784 {
785 var hrefStart = text.indexOf("src=\"") + 5;
786 if(hrefStart == -1)
787 {
788 page.isLoading = false;
789 page.noImage = true;
790 $(page.image).attr("src", gs.imageURLs.blank);
791 return;
792 }
793 var hrefEnd = text.indexOf("\"", hrefStart);
794 var href = text.substring(hrefStart, hrefEnd);
795
796 var image = $("<img>");
797 image.load(function()
798 {
799 $(page.link).html("");
800 $(page.link).append(image);
801 page.isLoading = false;
802 page.imageLoaded = true;
803 });
804 image.error(function()
805 {
806 if(!attemptNumber || attemptNumber < 3)
807 {
808 setTimeout(function(){getImage(page, ((!attemptNumber) ? 1 : attemptNumber + 1));}, 500);
809 }
810 else
811 {
812 page.isLoading = false;
813 page.noImage = true;
814 image.attr("src", gs.imageURLs.blank);
815 }
816 });
817 image.attr("src", href);
818
819 var titleStart = text.indexOf("<p>") + 3;
820 var titleEnd = text.indexOf("</p>");
821 var title = text.substring(titleStart, titleEnd);
822 })
823 .error(function()
824 {
825 page.failed = true;
826 if(!attemptNumber || attemptNumber < 3)
827 {
828 setTimeout(function(){getImage(page, ((!attemptNumber) ? 1 : attemptNumber + 1));}, 500);
829 }
830 else
831 {
832 var image = $("<img>", {"src": gs.imageURLs.blank});
833 $(page.link).html("");
834 $(page.link).append(image);
835 page.isLoading = false;
836 page.noImage = true;
837 }
838 });
839 }
840
841 var startCheckFunction = function()
842 {
843 var checkFunction = function(forced)
844 {
845 //Don't bother checking if we haven't scrolled very far
846 if(Math.abs(_mainDiv.scrollLeft() - _prevScroll) > 100 || forced)
847 {
848 _prevScroll = _mainDiv.scrollLeft();
849 _checking = true;
850 var widgetLeft = _mainDiv.offset().left;
851 var widgetRight = widgetLeft + _mainDiv.width();
852
853 var visiblePages = new Array();
854 for(var i = 0; i < _links.length; i++)
855 {
856 var current = _links[i].cell;
857 var currentLeft = current.offset().left;
858 var currentRight = currentLeft + current.width();
859
860 if(currentRight > widgetLeft && currentLeft < widgetRight)
861 {
862 visiblePages.push(_links[i]);
863 }
864 }
865
866 for(var i = 0; i < visiblePages.length; i++)
867 {
868 var page = visiblePages[i];
869 if(!page || page.imageLoaded || page.noImage || page.isLoading)
870 {
871 continue;
872 }
873
874 page.isLoading = true;
875 getImage(page);
876 }
877 _checking = false;
878 }
879 }
880
881 setTimeout(checkFunction, 250);
882 setInterval(function(){checkFunction(true)}, 2000);
883 _mainDiv.scroll(checkFunction);
884 }
885
886 //***********
887 //CONSTRUCTOR
888 //***********
889
890 for(var i = 0; i < _links.length; i++)
891 {
892 var col = $("<td>");
893 _linkRow.append(col);
894 col.addClass("pageSliderCol");
895 _links[i].cell = col;
896
897 var link = $("<a>");
898 col.append(link);
899 _links[i].link = link;
900 var href = $(_links[i]).attr("href");
901 link.attr("href", href.replace(/\)/, ", 0, true)"));
902
903 if(!_linkCellMap[href])
904 {
905 _linkCellMap[href] = new Array();
906 }
907 _linkCellMap[href].push(_links[i]);
908
909 var loadingText = $("<p>Loading image</p>");
910 link.append(loadingText);
911
912 var image = $("<img>");
913 link.append(image);
914 image.attr("src", gs.imageURLs.loading);
915 _links[i].image = image;
916
917 var title = $(_links[i]).html();
918 if(title.search(/^[^ ]+ [^ ]+$/) != -1)
919 {
920 var section = title.replace(/^([^ ]+) [^ ]+$/, "$1");
921 var page = title.replace(/^[^ ]+ ([^ ]+)$/, "$1");
922 if(page.search(/^[0-9]+$/) != -1)
923 {
924 title = page;
925 }
926 }
927 _titles.push([title, _links[i]]);
928
929 col.append($("<br>"));
930 col.append(title);
931 }
932
933 setUpFilterBox();
934 startCheckFunction();
935}
936
937/***********************
938* HIGHLIGHTING SCRIPTS *
939***********************/
940function swapHighlight(imageClicked)
941{
942 var hlCheckbox = $("#highlightOption");
943
944 if(imageClicked)
945 {
946 $(hlCheckbox).attr("checked", !$(hlCheckbox).attr("checked"));
947 }
948
949 var from;
950 var to;
951 if(hlCheckbox.attr("checked"))
952 {
953 from = "noTermHighlight";
954 to = "termHighlight";
955 }
956 else
957 {
958 from = "termHighlight";
959 to = "noTermHighlight";
960 }
961
962 var spans = $("span").each(function()
963 {
964 if($(this).hasClass(from))
965 {
966 $(this).removeClass(from);
967 $(this).addClass(to);
968 }
969 });
970}
971
972/**************************
973* REALISTIC BOOKS SCRIPTS *
974**************************/
975
976function bookInit()
977{
978 loadBook();
979 hideText();
980 showBook();
981 swapLinkJavascript(false);
982}
983
984function hideText()
985{
986 $("#gs-document-text").css("visibility", "hidden");
987}
988
989function showText()
990{
991 $("#gs-document-text").css("visibility", "visible");
992}
993
994function hideBook()
995{
996 $("#bookDiv, #bookObject, #bookEmbed").css({"visibility": "hidden", "height": "0px"});
997}
998
999function showBook()
1000{
1001 $("#bookDiv, #bookObject, #bookEmbed").css({"visibility": "visible", "height": "600px"});
1002}
1003
1004function swapLinkJavascript(rbOn)
1005{
1006 var option = $("#rbOption");
1007 var optionImage = $("#rbOptionImage");
1008
1009 if(rbOn)
1010 {
1011 option.attr("onclick", "hideText(); showBook(); swapLinkJavascript(false);");
1012 optionImage.attr("onclick", "hideText(); showBook(); swapLinkJavascript(false);");
1013 $(option).attr("checked", false);
1014 }
1015 else
1016 {
1017 option.attr("onclick", "hideBook(); showText(); swapLinkJavascript(true);");
1018 optionImage.attr("onclick", "hideBook(); showText(); swapLinkJavascript(true);");
1019 $(option).attr("checked", true);
1020 }
1021}
1022
1023function loadBook()
1024{
1025 var doc_url = document.URL;
1026 doc_url = doc_url.replace(/(&|\?)book=[a-z]+/gi,'');
1027 doc_url += '&book=flashxml';
1028
1029 var img_cover = gs.collectionMetadata.httpPath + '/index/assoc/' + gs.documentMetadata.assocfilepath + '/cover.jpg';
1030
1031 var flash_plug_html = ""
1032 flash_plug_html += '<OBJECT align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" \n';
1033 flash_plug_html += ' height="600px" id="bookObject" swLiveConnect="true" \n';
1034 flash_plug_html += ' codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" \n';
1035 flash_plug_html += ' width="70%">\n';
1036 flash_plug_html += ' <PARAM name="allowScriptAccess" value="always" />\n';
1037 flash_plug_html += ' <PARAM name="movie" value="Book.swf';
1038 flash_plug_html += '?src_image=' + escape(img_cover);
1039 flash_plug_html += '&doc_url=' + escape(doc_url);
1040 flash_plug_html += '" />\n';
1041 flash_plug_html += ' <PARAM name="quality" value="high" />\n';
1042 flash_plug_html += ' <PARAM name="bgcolor" value="#FFFFFF" />\n';
1043 flash_plug_html += ' <EMBED align="middle" \n';
1044 flash_plug_html += ' allowScriptAccess="always" swLiveConnect="true" \n';
1045 flash_plug_html += ' bgcolor="#FFFFFF" height="600px" name="Book" \n';
1046 flash_plug_html += ' pluginspage="http://www.macromedia.com/go/getflashplayer" \n';
1047 flash_plug_html += ' quality="high" id="bookEmbed"\n';
1048 flash_plug_html += ' src="Book.swf';
1049 flash_plug_html += '?src_image=' + escape(img_cover);
1050 flash_plug_html += '&doc_url=' + escape(doc_url);
1051 flash_plug_html += '"\n';
1052 flash_plug_html += ' type="application/x-shockwave-flash" width="70%" />\n';
1053 flash_plug_html += '</OBJECT>\n';
1054 $("#bookdiv").html(flash_plug_html);
1055}
1056
1057/************************
1058* METADATA EDIT SCRIPTS *
1059************************/
1060
1061function addEditMetadataLink(cell)
1062{
1063 cell = $(cell);
1064 var id = cell.attr("id").substring(6);
1065 var metaTable = gs.jqGet("meta" + id);
1066
1067 var row = cell.parent();
1068 var newCell = $("<td>", {"style": "font-size:0.7em; padding:0px 10px", "class": "editMetadataButton"});
1069 var linkSpan = $("<span>", {"class": "ui-state-default ui-corner-all", "style": "padding: 2px; float:left;"});
1070
1071 var linkLabel = $("<span>edit metadata</span>");
1072 var linkIcon = $("<span>", {"class": "ui-icon ui-icon-folder-collapsed"});
1073 newCell.linkIcon = linkIcon;
1074 newCell.linkLabel = linkLabel;
1075
1076 var uList = $("<ul>", {"style": "outline: 0 none; margin:0px; padding:0px;"});
1077 var labelItem = $("<li>", {"style": "float:left; list-style:none outside none;"});
1078 var iconItem = $("<li>", {"style": "float:left; list-style:none outside none;"});
1079
1080 uList.append(iconItem);
1081 uList.append(labelItem);
1082 labelItem.append(linkLabel);
1083 iconItem.append(linkIcon);
1084
1085 var newLink = $("<a>", {"href": "javascript:;"});
1086 newLink.click(function()
1087 {
1088 if(metaTable.css("display") == "none")
1089 {
1090 linkLabel.html("hide metadata");
1091 linkIcon.attr("class", "ui-icon ui-icon-folder-open");
1092 metaTable.css("display", "block");
1093 metaTable.metaNameField.css("display", "inline");
1094 metaTable.addRowButton.css("display", "inline");
1095 }
1096 else
1097 {
1098 linkLabel.html("edit metadata");
1099 linkIcon.attr("class", "ui-icon ui-icon-folder-collapsed");
1100 metaTable.css("display", "none");
1101 metaTable.metaNameField.css("display", "none");
1102 metaTable.addRowButton.css("display", "none");
1103 }
1104 });
1105
1106 newLink.append(uList);
1107 linkSpan.append(newLink);
1108 newCell.append(linkSpan);
1109 row.append(newCell);
1110
1111 addFunctionalityToTable(metaTable);
1112 metaTable.metaNameField.css("display", "none");
1113 metaTable.addRowButton.css("display", "none");
1114}
1115
1116function setEditingFeaturesVisible(visible)
1117{
1118 if(visible)
1119 {
1120 $("#editContentButton").html("Hide editor");
1121 }
1122 else
1123 {
1124 $("#editContentButton").html("Edit content");
1125 }
1126
1127 var visibility = (visible ? "" : "none");
1128 $("#saveButton, #metadataListLabel, #metadataSetList").css("display", visibility);
1129
1130 $(".editMetadataButton").each(function()
1131 {
1132 $(this).css("display", visibility);
1133 $(this.linkLabel).html("edit metadata");
1134 $(this.linkIcon).attr("class", "ui-icon ui-icon-folder-collapsed");
1135 });
1136
1137 $("table").each(function()
1138 {
1139 if($(this).attr("id") && $(this).attr("id").search(/^meta/) != -1)
1140 {
1141 $(this).css("display", "none");
1142 $(this.metaNameField).css("display", "none");
1143 $(this.addRowButton).css("display", "none");
1144 }
1145 });
1146}
1147
1148function readyPageForEditing()
1149{
1150 if($("#metadataSetList").length)
1151 {
1152 var setList = $("#metadataSetList");
1153 if(!setList.css("display") || setList.css("display") == "")
1154 {
1155 setEditingFeaturesVisible(false);
1156 }
1157 else
1158 {
1159 setEditingFeaturesVisible(true);
1160 }
1161 return;
1162 }
1163
1164 $("#editContentButton").html("Hide Editor");
1165
1166 var textDivs = $(".sectionText").each(function(){de.doc.registerEditSection(this);});
1167
1168 var editBar = $("#editBarLeft");
1169
1170 var saveButton = $("<button>", {"id": "saveButton", "class": "ui-state-default ui-corner-all"});
1171 saveButton.click(save);
1172 saveButton.html("Save changes");
1173 editBar.append(saveButton);
1174
1175
1176 var visibleMetadataList = $("<select>", {"id": "metadataSetList"});
1177 var allOption = $("<option>All</option>");
1178 visibleMetadataList.append(allOption);
1179
1180 var metadataListLabel = $("<span>", {"id": "metadataListLabel", "style": "margin-left:20px;"});
1181 metadataListLabel.html("Visible metadata: ");
1182 editBar.append(metadataListLabel);
1183 editBar.append(visibleMetadataList);
1184 visibleMetadataList.change(onVisibleMetadataSetChange);
1185
1186 var statusBarDiv = $("<div>");
1187 editBar.append(statusBarDiv);
1188 _statusBar = new StatusBar(statusBarDiv[0]);
1189
1190 var titleDivs = $(".sectionTitle");
1191 for(var i = 0; i < titleDivs.length; i++)
1192 {
1193 addEditMetadataLink(titleDivs[i]);
1194 }
1195
1196 _baseURL = gs.xsltParams.library_name;
1197}
1198
1199/***************
1200* MENU SCRIPTS *
1201***************/
1202
1203function floatMenu(enabled)
1204{
1205 var menu = $(".tableOfContentsContainer");
1206 if(enabled)
1207 {
1208 menu.data("position", menu.css("position"));
1209 menu.data("width", menu.css("width"));
1210 menu.data("right", menu.css("right"));
1211 menu.data("top", menu.css("top"));
1212 menu.data("max-height", menu.css("max-height"));
1213 menu.data("overflow", menu.css("overflow"));
1214 menu.data("z-index", menu.css("z-index"));
1215
1216 menu.css("position", "fixed");
1217 menu.css("width", "300px");
1218 menu.css("right", "0px");
1219 menu.css("top", "100px");
1220 menu.css("max-height", "600px");
1221 menu.css("overflow", "auto");
1222 menu.css("z-index", "200");
1223
1224 $("#unfloatTOCButton").show();
1225 }
1226 else
1227 {
1228 menu.css("position", menu.data("position"));
1229 menu.css("width", menu.data("width"));
1230 menu.css("right", menu.data("right"));
1231 menu.css("top", menu.data("top"));
1232 menu.css("max-height", menu.data("max-height"));
1233 menu.css("overflow", menu.data("overflow"));
1234 menu.css("z-index", menu.data("z-index"));
1235
1236 $("#unfloatTOCButton").hide();
1237 $("#floatTOCToggle").attr("checked", false);
1238 }
1239
1240 var url = gs.xsltParams.library_name + "?a=d&ftoc=" + (enabled ? "1" : "0") + "&c=" + gs.cgiParams.c;
1241
1242 $.ajax(url);
1243}
1244
1245/********************
1246* SLIDESHOW SCRIPTS *
1247********************/
1248
1249function showSlideShow()
1250{
1251 if(!($("#gs-slideshow").length))
1252 {
1253 var slideshowDiv = $("<div>", {id:"gs-slideshow", style:"height:100%;"});
1254 var loadingImage = $("<img>", {src:gs.imageURLs.loading});
1255 slideshowDiv.append(loadingImage);
1256
1257 $.blockUI({message: $(slideshowDiv), css:{top: "5%", left: "5%", width: "90%", height: "90%", overflow: "auto", cursor: "auto"}});
1258
1259 retrieveImagesForSlideShow(function(imageIDArray)
1260 {
1261 loadingImage.hide();
1262 if(imageIDArray && imageIDArray.length > 0)
1263 {
1264 var imageURLs = new Array();
1265 for(var i = 0; i < imageIDArray.length; i++)
1266 {
1267 if(imageIDArray[i].source && imageIDArray[i].source.search(/.*\.(gif|jpg|jpeg|png)$/) != -1)
1268 {
1269 imageURLs.push(gs.collectionMetadata.httpPath + "/index/assoc/" + gs.documentMetadata.assocfilepath + "/" + imageIDArray[i].source);
1270 }
1271 }
1272 new SlideShowWidget(slideshowDiv, imageURLs, imageIDArray);
1273 }
1274 });
1275 }
1276 else
1277 {
1278 $("#gs-slideshow").show();
1279 }
1280}
1281
1282function retrieveImagesForSlideShow(callback)
1283{
1284 var template = "";
1285 template += '<xsl:template match="/">';
1286 template += '<images>[';
1287 template += '<xsl:for-each select="//documentNode">';
1288 template += '<xsl:text disable-output-escaping="yes">{"source":"</xsl:text><gsf:metadata name="Source"/><xsl:text disable-output-escaping="yes">",</xsl:text>';
1289 template += '<xsl:text disable-output-escaping="yes">"id":"</xsl:text><xsl:value-of select="@nodeID"/><xsl:text disable-output-escaping="yes">"}</xsl:text>';
1290 template += '<xsl:if test="position() != count(//documentNode)">,</xsl:if>';
1291 template += '</xsl:for-each>';
1292 template += ']</images>';
1293 template += '</xsl:template>';
1294
1295 var url = gs.xsltParams.library_name + "/collection/" + gs.cgiParams.c + "/document/" + gs.cgiParams.d + "?ed=1&ilt=" + template.replace(" ", "%20");
1296
1297 $.ajax(
1298 {
1299 url:url,
1300 success: function(data)
1301 {
1302 var startIndex = data.indexOf(">", data.indexOf(">") + 1) + 1;
1303 var endIndex = data.lastIndexOf("<");
1304 var arrayString = data.substring(startIndex, endIndex);
1305 var imageIDArray = eval(arrayString);
1306
1307 callback(imageIDArray);
1308 }
1309 });
1310}
1311
1312function SlideShowWidget(mainDiv, images, idArray)
1313{
1314 var _inTransition = false;
1315 var _images = new Array();
1316 var _mainDiv = mainDiv;
1317 var _imageDiv = $("<div>", {id:"ssImageDiv", style:"height:95%; overflow:auto;"});
1318 var _navDiv = $("<div>", {style:"height:5%;"});
1319 var _nextButton = $("<img>", {src:gs.imageURLs.next, style:"float:right; cursor:pointer;"});
1320 var _prevButton = $("<img>", {src:gs.imageURLs.prev, style:"float:left; cursor:pointer; display:none;"});
1321 var _closeLink = $("<a href=\"javascript:$.unblockUI()\">Close Slideshow</a>");
1322 var _clearDiv = $("<div>", {style:"clear:both;"});
1323 var _currentIndex = 0;
1324
1325 _navDiv.append(_nextButton);
1326 _navDiv.append(_closeLink);
1327 _navDiv.append(_prevButton);
1328 _navDiv.append(_clearDiv);
1329 _mainDiv.append(_navDiv);
1330 _mainDiv.append(_imageDiv);
1331
1332 for(var i = 0; i < images.length; i++)
1333 {
1334 _images.push($("<img>", {src:images[i], "class":"slideshowImage"}));
1335 }
1336
1337 if(_images.length < 2)
1338 {
1339 _nextButton.css("display", "none");
1340 }
1341
1342 _imageDiv.append(_images[0]);
1343
1344 this.nextImage = function()
1345 {
1346 if(!_inTransition)
1347 {
1348 _inTransition = true;
1349 if((_currentIndex + 1) < _images.length)
1350 {
1351 _prevButton.css("display", "");
1352 if(_currentIndex + 1 == _images.length - 1)
1353 {
1354 _nextButton.css("display", "none");
1355 }
1356
1357 _imageDiv.fadeOut(500, function()
1358 {
1359 _imageDiv.empty();
1360 _imageDiv.append(_images[_currentIndex + 1]);
1361 _currentIndex++;
1362 _imageDiv.fadeIn(500, function()
1363 {
1364 _inTransition = false;
1365 });
1366 });
1367 }
1368 else
1369 {
1370 _inTransition = false;
1371 }
1372 }
1373 }
1374
1375 this.prevImage = function()
1376 {
1377 if(!_inTransition)
1378 {
1379 _inTransition = true;
1380 if((_currentIndex - 1) >= 0)
1381 {
1382 _nextButton.css("display", "");
1383 if(_currentIndex - 1 == 0)
1384 {
1385 _prevButton.css("display", "none");
1386 }
1387
1388 _imageDiv.fadeOut(500, function()
1389 {
1390 _imageDiv.empty();
1391 _imageDiv.append(_images[_currentIndex - 1]);
1392 _currentIndex--;
1393 _imageDiv.fadeIn(500, function()
1394 {
1395 _inTransition = false;
1396 });
1397 });
1398 }
1399 else
1400 {
1401 _inTransition = false;
1402 }
1403 }
1404 }
1405
1406 var getRootFilenameFromURL = function(url)
1407 {
1408 var urlSegments = url.split("/");
1409 var filename = urlSegments[urlSegments.length - 1];
1410 return filename.replace(/_thumb\..*$/, "");
1411 }
1412
1413 var setLink = function(currentLink, index)
1414 {
1415 $(currentLink).click(function()
1416 {
1417 _inTransition = true;
1418 _currentIndex = index;
1419 _imageDiv.fadeOut(500, function()
1420 {
1421 _imageDiv.empty();
1422 _imageDiv.append(_images[_currentIndex]);
1423 _imageDiv.fadeIn(500, function()
1424 {
1425 _inTransition = false;
1426 });
1427 });
1428 });
1429 }
1430
1431 var sliderLinks = $(".pageSliderCol a");
1432 for(var i = 0; i < sliderLinks.length; i++)
1433 {
1434 var currentLink = sliderLinks[i];
1435 var id = $(currentLink).attr("href").split("'")[1];
1436
1437 for(var j = 0; j < idArray.length; j++)
1438 {
1439 if(idArray[j].id == id)
1440 {
1441 var image = idArray[j].source;
1442
1443 for(var l = 0; l < images.length; l++)
1444 {
1445 var filename = getRootFilenameFromURL(images[l]);
1446 if (filename == image)
1447 {
1448 setLink(currentLink, l);
1449 break;
1450 }
1451 }
1452
1453 break;
1454 }
1455 }
1456 }
1457
1458 _nextButton.click(this.nextImage);
1459 _prevButton.click(this.prevImage);
1460}
Note: See TracBrowser for help on using the repository browser.