source: main/trunk/greenstone3/web/interfaces/default/transform/layouts/toc.xsl@ 36027

Last change on this file since 36027 was 36027, checked in by cstephen, 2 years ago

Migrate to using jQuery3 and jQuery-UI-1.13.2; and integrate cookie consent manager
  • Property svn:executable set to *
File size: 27.6 KB
Line 
1<?xml version="1.0" encoding="UTF-8"?>
2<xsl:stylesheet version="1.0"
3 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
4 xmlns:java="http://xml.apache.org/xslt/java"
5 xmlns:util="xalan://org.greenstone.gsdl3.util.XSLTUtil"
6 xmlns:gslib="http://www.greenstone.org/skinning"
7 xmlns:gsf="http://www.greenstone.org/greenstone3/schema/ConfigFormat"
8 extension-element-prefixes="java util"
9 exclude-result-prefixes="java util gsf">
10
11 <xsl:template name="rightSidebarTOC">
12 <div id="rightSidebar">
13 <xsl:choose>
14 <xsl:when test="@docType = 'simple'">
15 <xsl:for-each select=".">
16 <xsl:call-template name="displayCoverImage"/>
17 </xsl:for-each>
18 <xsl:call-template name="viewOptions"/>
19 <!--<xsl:text> </xsl:text>-->
20 </xsl:when>
21 <xsl:otherwise>
22 <xsl:for-each select="documentNode[1]">
23 <xsl:call-template name="displayCoverImage"/>
24 </xsl:for-each>
25 <xsl:call-template name="viewOptions"/>
26 <xsl:call-template name="displayTOC"/>
27 </xsl:otherwise>
28 </xsl:choose>
29 </div>
30 </xsl:template>
31
32 <!-- this is called in the context of the top level node with the metadataList. For a simple doc, this is the document node. For a comples document, this is the first documentNode hcild of the document node. -->
33 <xsl:template name="displayCoverImage">
34 <xsl:variable name="hasCover">
35 <gsf:metadata name="hascover"/>
36 </xsl:variable>
37 <xsl:if test="$hasCover = '1' and (not(/page/pageResponse/format[@type='display']/gsf:option[@name='coverImage']) or /page/pageResponse/format[@type='display']/gsf:option[@name='coverImage']/@value='true')">
38 <!-- the book's cover image -->
39 <div id="coverImage">
40 <img>
41 <xsl:attribute name="src">
42 <xsl:value-of select="$httpPath"/>/index/assoc/<gsf:metadata name="assocfilepath" pos="1"/>/cover.jpg
43 </xsl:attribute>
44 </img>
45 <xsl:text> </xsl:text>
46 </div>
47 </xsl:if>
48 </xsl:template>
49
50 <xsl:template name="displayTOC">
51 <xsl:if test="not(/page/pageResponse/format[@type='display']/gsf:option[@name='TOC']) or /page/pageResponse/format[@type='display']/gsf:option[@name='TOC']/@value='true'">
52 <div class="tableOfContentsContainer ui-state-default">
53 <table class="tocTable ui-widget-content">
54 <tr>
55 <td id="unfloatTOCButton" style="display:none;">
56 <a href="javascript:floatMenu(false);">
57 <img class="icon" style="padding-top:3px;">
58 <xsl:attribute name="src">
59 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'left_arrow_image')"/>
60 </xsl:attribute>
61 </img>
62 </a>
63 </td>
64 <td style="vertical-align:top; text-align:right;">
65 <a id="sidebarMinimizeButton" href="javascript:minimizeSidebar();" style="float: right; font-size:0.6em;">
66 <img class="icon" style="padding-top:3px;">
67 <xsl:attribute name="src">
68 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'collapse_image')"/>
69 </xsl:attribute>
70 </img>
71 </a>
72 <a id="sidebarMaximizeButton" href="javascript:maximizeSidebar();" style="float: right; font-size:0.6em; display:none;">
73 <img class="icon" style="padding-top:3px;">
74 <xsl:attribute name="src">
75 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'expand_image')"/>
76 </xsl:attribute>
77 </img>
78 </a>
79 </td>
80 </tr>
81 <tr>
82 <td id="tdContentsArea">
83 <div id="contentsArea">
84 <!-- showing gotoFavourites display-area takes priority over berryBaskets -->
85 <xsl:choose>
86 <xsl:when test="/page/pageResponse/interfaceOptions/option[@name = 'favouriteBasket']/@value = 'true'">
87 <!-- show the goto favourites if it's turned on -->
88 <xsl:call-template name="gotoFavourites"/>
89 </xsl:when>
90 <xsl:otherwise>
91 <!-- show the berry basket if it's turned on -->
92 <xsl:call-template name="berryBasket"/>
93 </xsl:otherwise>
94 </xsl:choose>
95
96 <!-- add in expand and contract document links -->
97 <xsl:call-template name="expandContractDocumentLinks"/>
98 <!-- dynamically get the contents (if enabled) -->
99 <xsl:choose>
100 <xsl:when test="/page/pageResponse/document/@docType = 'paged' or /page/pageResponse/document/@docType = 'pagedhierarchy'">
101 <gsf:image type="Thumb"/>
102 <!-- Table of contents will be dynamically retrieved when viewing a paged document -->
103 <script type="text/javascript">
104 <xsl:text disable-output-escaping="yes">
105 $(window).on("load", function()
106 {
107 retrieveTableOfContentsAndTitles();
108 <!--setUpFilterButtons();-->
109 });
110 </xsl:text>
111 </script>
112
113 <div id="tableOfContents">
114 <xsl:text> </xsl:text>
115 </div>
116
117 <div id="tocLoadingImage" style="text-align:center;">
118 <img src="{util:getInterfaceText($interface_name, /page/@lang, 'loading_image')}"/>
119 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.loading')"/>
120 <xsl:text>...</xsl:text>
121 </div>
122
123 <label for="filterText">
124 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.filter_pages')"/>
125 <xsl:text>: </xsl:text>
126 </label>
127 <span id="filterOnButtons" style="float: right;">...</span>
128 <input id="filterText" type="text" style="width: 100%;" />
129
130 <!-- <xsl:if test="/page/pageRequest/userInformation and /page/pageRequest/userInformation/@editEnabled = 'true'"> -->
131 <xsl:if test="/page/pageRequest/userInformation and /page/pageRequest/userInformation/@editEnabled = 'true' and /page/pageRequest/paramList/param[@name='docEdit']/@value = '1' and (util:contains(/page/pageRequest/userInformation/@groups, 'administrator') or util:contains(/page/pageRequest/userInformation/@groups, 'all-collections-editor') or util:contains(/page/pageRequest/userInformation/@groups, $thisCollectionEditor))">
132 <a href="javascript:extractFilteredPagesToOwnDocument();">
133 <button id="extractDocButton">
134 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'de.extract_pages')"/>
135 </button>
136 </a>
137 </xsl:if>
138 </xsl:when>
139 <xsl:when test="not(/page/pageRequest/paramList/param[@name = 'ed']/@value = '1' or /page/pageRequest/paramList/param[@name = 'ec']/@value = '1')">
140 <div id="tableOfContents">
141 <div id="tocLoadingImage" style="text-align:center;">
142 <img src="{util:getInterfaceText($interface_name, /page/@lang, 'loading_image')}"/>
143 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.loading')"/>
144 <xsl:text>...</xsl:text>
145 </div>
146 </div>
147 <script type="text/javascript">
148 <xsl:text disable-output-escaping="yes">
149 $(window).on("load", function()
150 {
151 retrieveFullTableOfContents();
152 });
153 </xsl:text>
154 </script>
155 </xsl:when>
156 <xsl:otherwise>
157
158 <div id="tableOfContents">
159 <!-- if ed=1 or ec=1 then we have the complete section hierarchy in the page xml source, so we don't need an ajax call to get the table of contents, we just generate it from the list of nodes -->
160 <xsl:attribute name="class"> <!-- do we ever need this ?? -->
161 <xsl:choose>
162 <xsl:when test="count(//documentNode) > 1">visible</xsl:when>
163 <xsl:otherwise>hidden</xsl:otherwise>
164 </xsl:choose>
165 </xsl:attribute>
166
167 <xsl:for-each select="documentNode">
168 <xsl:call-template name="documentNodeTOC"/>
169 </xsl:for-each>
170 </div>
171 </xsl:otherwise>
172 </xsl:choose>
173 </div>
174 </td>
175 </tr>
176 </table>
177 </div>
178 </xsl:if>
179 </xsl:template>
180
181 <!-- This template is used to display the table of contents -->
182 <xsl:template name="documentNodeTOC">
183 <table>
184 <tr>
185 <!-- The expand/collapse button (not displayed for the top level node) -->
186 <xsl:if test="util:hashToDepthClass(@nodeID) != 'sectionHeaderDepthTitle'">
187 <td>
188 <xsl:choose>
189 <xsl:when test="documentNode">
190 <img id="ttoggle{@nodeID}" onclick="toggleSection('{@nodeID}');" class="icon">
191 <xsl:attribute name="src">
192 <xsl:choose>
193 <xsl:when test="/page/pageRequest/paramList/param[@name = 'ed']/@value = '1' or /page/pageResponse/document/@selectedNode = @nodeID">
194 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'collapse_image')"/>
195 </xsl:when>
196 <xsl:otherwise>
197 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'expand_image')"/>
198 </xsl:otherwise>
199 </xsl:choose>
200 </xsl:attribute>
201 </img>
202 </xsl:when>
203 <xsl:otherwise>
204 <xsl:attribute name="class">emptyIcon</xsl:attribute>
205
206 <!--
207 Prevent the <td> element being self-closed, which would be invalid according to the HTML spec.
208 This is also an identified issue in jQuery > 3.5.0
209 -->
210 <xsl:text> </xsl:text>
211 </xsl:otherwise>
212 </xsl:choose>
213 </td>
214 </xsl:if>
215
216 <!-- The chapter/page icon -->
217 <td>
218 <img>
219 <xsl:if test="not(documentNode)">
220 <xsl:attribute name="class">leafNode</xsl:attribute>
221 </xsl:if>
222
223 <xsl:attribute name="src">
224 <xsl:choose>
225 <xsl:when test="not(documentNode)">
226 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'page_image')"/>
227 </xsl:when>
228 <xsl:otherwise>
229 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'chapter_image')"/>
230 </xsl:otherwise>
231 </xsl:choose>
232 </xsl:attribute>
233 </img>
234 </td>
235
236 <!-- The section name, links to the section in the document -->
237 <td class="tocTextCell">
238 <a id="toclink{@nodeID}" href="javascript:focusSection('{@nodeID}');">
239 <xsl:if test="util:hashToSectionId(@nodeID)">
240 <span class="tocSectionNumber">
241 <xsl:value-of select="util:hashToSectionId(@nodeID)"/><!--<xsl:text> </xsl:text>-->
242 </span>
243 </xsl:if>
244 <span class="tocSectionTitle">
245 <xsl:call-template name="sectionHeading"/>
246 </span>
247 </a>
248 </td>
249 </tr>
250 </table>
251
252 <!-- display any child items -->
253 <xsl:if test="documentNode">
254 <div id="toc{@nodeID}">
255 <xsl:attribute name="style">
256 <xsl:choose>
257 <xsl:when test="/page/pageRequest/paramList/param[@name = 'ed']/@value = '1' or /page/pageResponse/document/@selectedNode = @nodeID">
258 <xsl:text>display:block;</xsl:text>
259 </xsl:when>
260 <xsl:otherwise>
261 <xsl:text>display:none;</xsl:text>
262 </xsl:otherwise>
263 </xsl:choose>
264 </xsl:attribute>
265 <xsl:for-each select="documentNode">
266 <xsl:call-template name="documentNodeTOC"/>
267 </xsl:for-each>
268 </div>
269 </xsl:if>
270 </xsl:template>
271
272 <xsl:template name="viewOptions">
273 <div id="viewAndZoomOptions" class="ui-state-default ui-corner-all">
274 <ul id="viewOptions">
275 <!-- Paged-image document options -->
276 <xsl:if test="count(//documentNode/metadataList/metadata[@name = 'Screen']) > 0 or /page/pageResponse/document/@docType = 'paged' or /page/pageResponse/document/@docType = 'pagedhierarchy'">
277 <!-- view selection option -->
278 <xsl:if test="not(/page/pageResponse/format[@type='display']/gsf:option[@name='viewSelection']) or /page/pageResponse/format[@type='display']/gsf:option[@name='viewSelection']/@value='true'">
279 <li id="pagedImageOptions">
280 <select id="viewSelection" onchange="changeView();">
281 <xsl:choose>
282 <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'image'">
283 <option>
284 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.default_view')"/>
285 </option>
286 <option selected="true">
287 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.image_view')"/>
288 </option>
289 <option>
290 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.text_view')"/>
291 </option>
292 </xsl:when>
293 <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'text'">
294 <option>
295 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.default_view')"/>
296 </option>
297 <option>
298 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.image_view')"/>
299 </option>
300 <option selected="true">
301 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.text_view')"/>
302 </option>
303 </xsl:when>
304 <xsl:otherwise>
305 <option selected="true">
306 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.default_view')"/>
307 </option>
308 <option>
309 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.image_view')"/>
310 </option>
311 <option>
312 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.text_view')"/>
313 </option>
314 </xsl:otherwise>
315 </xsl:choose>
316 </select>
317 </li>
318 </xsl:if>
319
320 <!-- Slide-show options -->
321 <xsl:if test="not(/page/pageResponse/format[@type='display']/gsf:option[@name='slideShow']) or /page/pageResponse/format[@type='display']/gsf:option[@name='slideShow']/@value='true'">
322 <li id="slideShowOptions">
323 <xsl:attribute name="title">
324 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.slideshowTooltip')"/>
325 </xsl:attribute>
326 <img onclick="showSlideShow()">
327 <xsl:attribute name="src">
328 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'slideshow_image')"/>
329 </xsl:attribute>
330 </img>
331 </li>
332 </xsl:if>
333 </xsl:if>
334 <!-- Realistic books link -->
335 <xsl:if test="/page/pageResponse/collection[@name = $collName]/metadataList/metadata[@name = 'tidyoption'] = 'tidy'">
336 <li>
337 <xsl:attribute name="title">
338 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.realisticBooksTooltip')"/>
339 </xsl:attribute>
340 <img id="rbOptionImage" onclick="bookInit();">
341 <xsl:attribute name="src">
342 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'realistic_books_image')"/>
343 </xsl:attribute>
344 </img>
345 <input id="rbOption" type="checkbox" onclick="bookInit();" class="optionCheckBox"/>
346 </li>
347 </xsl:if>
348
349 <!-- Highlight on/off button -->
350 <xsl:if test="util:contains(/page/pageRequest/paramList/param[@name = 'p.s']/@value, 'Query') and not(metadataList/metadata[@name='NoText']) and not(/page/pageResponse/format[@type='display']/gsf:option[@name='disableSearchTermHighlighting']/@value='true')">
351 <li>
352 <xsl:attribute name="title">
353 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.highlightTooltip')"/>
354 </xsl:attribute>
355 <img onclick="swapHighlight(true);">
356 <xsl:attribute name="src">
357 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'highlight_image')"/>
358 </xsl:attribute>
359 </img>
360 <input id="highlightOption" type="checkbox" class="optionCheckBox" onclick="swapHighlight(false);">
361 <xsl:if test="not(/page/pageRequest/paramList/param[@name = 'hl']/@value = 'off')">
362 <xsl:attribute name="checked">checked</xsl:attribute>
363 </xsl:if>
364 </input>
365 </li>
366 </xsl:if>
367 <xsl:text> </xsl:text>
368
369 <!-- Zoom on/off button -->
370 <xsl:if test="not(/page/pageResponse/format[@type='display']/gsf:option[@name='disableZoom']) or /page/pageResponse/format[@type='display']/gsf:option[@name='disableZoom']/@value='false'">
371 <li id="zoomOptions" style="display:none;">
372 <xsl:attribute name="title">
373 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.zoomTooltip')"/>
374 </xsl:attribute>
375 <img id="zoomToggleImage">
376 <xsl:attribute name="src">
377 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'zoom_image')"/>
378 </xsl:attribute>
379 </img>
380 <input id="zoomToggle" type="checkbox"/>
381 <script type="text/javascript">
382 <xsl:text disable-output-escaping="yes">
383 $("#zoomToggle").change(function()
384 {
385 _imageZoomEnabled = $("#zoomToggle").prop("checked");
386 });
387
388 $("#zoomToggleImage").on("click", function()
389 {
390 $("#zoomToggle").prop("checked", !$("#zoomToggle").prop("checked"));
391 _imageZoomEnabled = $("#zoomToggle").prop("checked");
392 });
393 </xsl:text>
394 </script>
395 </li>
396 </xsl:if>
397
398 <!-- Floating TOC on/off button -->
399 <xsl:if test="count(//documentNode) > 0 and (not(/page/pageResponse/format[@type='display']/gsf:option[@name='TOC']) or /page/pageResponse/format[@type='display']/gsf:option[@name='TOC']/@value='true')">
400 <li id="floatingTOCOptions">
401 <xsl:attribute name="title">
402 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.floatingTooltip')"/>
403 </xsl:attribute>
404 <img id="floatTOCToggleImage">
405 <xsl:attribute name="src">
406 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'float_toc_image')"/>
407 </xsl:attribute>
408 </img>
409 <input id="floatTOCToggle" type="checkbox"/>
410 <script type="text/javascript">
411 <xsl:text disable-output-escaping="yes">
412 $("#floatTOCToggle").prop("checked", false);
413 $("#floatTOCToggle").on("click", function()
414 {
415 floatMenu($("#floatTOCToggle").prop("checked"));
416 });
417
418 $("#floatTOCToggleImage").on("click", function()
419 {
420 $("#floatTOCToggle").prop("checked", !$("#floatTOCToggle").prop("checked"))
421 floatMenu($("#floatTOCToggle").prop("checked"));
422 });
423 </xsl:text>
424 </script>
425 </li>
426 <xsl:if test="/page/pageRequest/paramList/param[@name='ftoc']/@value = '1'">
427 <script type="text/javascript">
428 <xsl:text disable-output-escaping="yes">
429 $(window).on("load", function()
430 {
431 $("#floatTOCToggle").prop("checked", true);
432 floatMenu(true);
433 });
434 </xsl:text>
435 </script>
436 </xsl:if>
437 </xsl:if>
438 </ul>
439 <div style="clear:both;">
440 <xsl:text> </xsl:text>
441 </div>
442 </div>
443 </xsl:template>
444</xsl:stylesheet>
Note: See TracBrowser for help on using the repository browser.