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

Last change on this file since 37007 was 37007, checked in by davidb, 17 months ago

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