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

Last change on this file since 29319 was 29319, checked in by kjdon, 10 years ago

made search term highlighting on by default. set hl=off in url to turn it off. Using .attr to access 'checked' doesn't work in jquery 1.9.2 and higher. Changing to use .prop instead
  • Property svn:executable set to *
File size: 15.5 KB
Line 
1<?xml version="1.0" encoding="ISO-8859-1"?>
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="rightSidebar">
12 <div id="rightSidebar">
13 <xsl:choose>
14 <xsl:when test="@docType = 'simple'">
15 <xsl:text> </xsl:text>
16 </xsl:when>
17 <xsl:otherwise>
18 <xsl:call-template name="displayCoverImage"/>
19 <xsl:call-template name="viewOptions"/>
20 <xsl:call-template name="displayTOC"/>
21 </xsl:otherwise>
22 </xsl:choose>
23 </div>
24 </xsl:template>
25
26 <xsl:template name="displayCoverImage">
27 <!-- Need to be in the context of the top-level documentNode rather than the document for the gsf:metadata call to work -->
28 <xsl:for-each select="documentNode">
29 <xsl:variable name="hasCover"><gsf:metadata name="hascover"/></xsl:variable>
30 <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')">
31 <!-- the book's cover image -->
32 <div id="coverImage">
33 <img>
34 <xsl:attribute name="src"><xsl:value-of select="$httpPath"/>/index/assoc/<gsf:metadata name="assocfilepath"/>/cover.jpg</xsl:attribute>
35 </img><xsl:text> </xsl:text>
36 </div>
37 </xsl:if>
38 </xsl:for-each>
39 </xsl:template>
40
41 <xsl:template name="displayTOC">
42 <div class="tableOfContentsContainer ui-state-default">
43 <table class="tocTable ui-widget-content">
44 <tr>
45 <td id="unfloatTOCButton" style="display:none;">
46 <a href="javascript:floatMenu(false);">
47 <img class="icon" style="padding-top:3px;">
48 <xsl:attribute name="src">
49 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'left_arrow_image')"/>
50 </xsl:attribute>
51 </img>
52 </a>
53 </td>
54 <td style="vertical-align:top; text-align:right;">
55 <a id="sidebarMinimizeButton" href="javascript:minimizeSidebar();" style="float: right; font-size:0.6em;">
56 <img class="icon" style="padding-top:3px;">
57 <xsl:attribute name="src">
58 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'collapse_image')"/>
59 </xsl:attribute>
60 </img>
61 </a>
62 <a id="sidebarMaximizeButton" href="javascript:maximizeSidebar();" style="float: right; font-size:0.6em; display:none;">
63 <img class="icon" style="padding-top:3px;">
64 <xsl:attribute name="src">
65 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'expand_image')"/>
66 </xsl:attribute>
67 </img>
68 </a>
69 </td>
70 </tr>
71 <tr><td>
72 <div id="contentsArea">
73 <!-- show the berry basket if it's turned on -->
74 <gslib:berryBasket/>
75
76 <!-- the contents (if enabled) -->
77 <xsl:choose>
78 <xsl:when test="/page/pageResponse/document/@docType = 'paged' or /page/pageResponse/document/@docType = 'pagedhierarchy'">
79 <gsf:image type="Thumb"/>
80 <!-- Table of contents will be dynamically retrieved when viewing a paged document -->
81 <script type="text/javascript">
82 <xsl:text disable-output-escaping="yes">
83 $(window).load(function()
84 {
85 retrieveTableOfContentsAndTitles();
86 });
87 </xsl:text>
88 </script>
89 <div id="tableOfContents"><xsl:text> </xsl:text></div>
90 <div id="tocLoadingImage" style="text-align:center;">
91 <img src="{util:getInterfaceText($interface_name, /page/@lang, 'loading_image')}"/><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.loading')"/><xsl:text>...</xsl:text>
92 </div>
93 <table style="width:100%;"><tbody><tr>
94 <td><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.filter_pages')"/><xsl:text>: </xsl:text><input id="filterText" type="text" size="27"/></td>
95 </tr>
96 <xsl:if test="/page/pageRequest/userInformation and /page/pageRequest/userInformation/@editEnabled = 'true'">
97 <tr><td><a href="javascript:extractFilteredPagesToOwnDocument();"><button id="extractDocButton">Extract these pages to document</button></a></td></tr>
98 </xsl:if>
99 </tbody></table>
100 </xsl:when>
101 <xsl:when test="not(/page/pageRequest/paramList/param[@name = 'ed']/@value = '1')">
102 <div id="tableOfContents">
103 <div id="tocLoadingImage" style="text-align:center;">
104 <img src="{util:getInterfaceText($interface_name, /page/@lang, 'loading_image')}"/><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.loading')"/><xsl:text>...</xsl:text>
105 </div>
106 </div>
107 <script type="text/javascript">
108 <xsl:text disable-output-escaping="yes">
109 $(window).load(function()
110 {
111 retrieveFullTableOfContents();
112 });
113 </xsl:text>
114 </script>
115 </xsl:when>
116 <xsl:otherwise>
117 <div id="tableOfContents">
118 <xsl:attribute name="class">
119 <xsl:choose>
120 <xsl:when test="count(//documentNode) > 1 and not(/page/pageResponse/format[@type='display']/gsf:option[@name='TOC']) or /page/pageResponse/format[@type='display']/gsf:option[@name='TOC']/@value='true'">visible</xsl:when>
121 <xsl:otherwise>hidden</xsl:otherwise>
122 </xsl:choose>
123 </xsl:attribute>
124 <xsl:for-each select="documentNode">
125 <xsl:call-template name="documentNodeTOC"/>
126 </xsl:for-each>
127 </div>
128 </xsl:otherwise>
129 </xsl:choose>
130 </div>
131 </td></tr>
132 </table>
133 </div>
134 </xsl:template>
135
136 <!-- This template is used to display the table of contents -->
137 <xsl:template name="documentNodeTOC">
138
139 <!-- check if this is the currently selected table of contents item -->
140 <xsl:variable name="isCurrent" select="nodeContent"/>
141
142 <!-- formulate the link -->
143 <xsl:variable name="contentsLink">
144 <xsl:value-of select='$library_name'/>?a=d&amp;c=<gslib:collectionNameShort/>&amp;d=<xsl:value-of select='@nodeID'/><xsl:if test="documentNode">.pr</xsl:if>&amp;sib=1
145 </xsl:variable>
146
147 <ul>
148 <table><tr>
149 <!-- The expand/collapse button (not displayed for the top level node) -->
150 <xsl:if test="util:hashToDepthClass(@nodeID) != 'sectionHeaderDepthTitle'">
151 <td>
152 <xsl:choose>
153 <xsl:when test="not(nodeContent and not(documentNode))">
154 <img id="ttoggle{@nodeID}" onclick="toggleSection('{@nodeID}');" class="icon">
155 <xsl:attribute name="src">
156 <xsl:choose>
157 <xsl:when test="/page/pageRequest/paramList/param[@name = 'ed']/@value = '1' or /page/pageResponse/document/@selectedNode = @nodeID">
158 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'collapse_image')"/>
159 </xsl:when>
160 <xsl:otherwise>
161 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'expand_image')"/>
162 </xsl:otherwise>
163 </xsl:choose>
164 </xsl:attribute>
165 </img>
166 </xsl:when>
167 <xsl:otherwise>
168 <xsl:attribute name="class">emptyIcon</xsl:attribute>
169 </xsl:otherwise>
170 </xsl:choose>
171 </td>
172 </xsl:if>
173
174 <!-- The chapter/page icon -->
175 <td>
176 <img>
177 <xsl:if test="nodeContent and not(documentNode)">
178 <xsl:attribute name="class">leafNode</xsl:attribute>
179 </xsl:if>
180
181 <xsl:attribute name="src">
182 <xsl:choose>
183 <xsl:when test="nodeContent and not(documentNode)">
184 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'page_image')"/>
185 </xsl:when>
186 <xsl:otherwise>
187 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'chapter_image')"/>
188 </xsl:otherwise>
189 </xsl:choose>
190 </xsl:attribute>
191 </img>
192 </td>
193
194 <!-- The section name, links to the section in the document -->
195 <td class="tocTextCell">
196 <a id="toclink{@nodeID}" href="javascript:focusSection('{@nodeID}');">
197 <xsl:if test="util:hashToSectionId(@nodeID)">
198 <xsl:value-of select="util:hashToSectionId(@nodeID)"/>
199 <xsl:text> </xsl:text>
200 </xsl:if>
201 <xsl:call-template name="sectionHeading"/>
202 </a>
203 </td>
204 </tr></table>
205
206 <!-- display any child items -->
207 <xsl:if test="documentNode">
208 <li id="toc{@nodeID}">
209 <xsl:attribute name="style">
210 <xsl:choose>
211 <xsl:when test="/page/pageRequest/paramList/param[@name = 'ed']/@value = '1' or /page/pageResponse/document/@selectedNode = @nodeID">
212 <xsl:text>display:block;</xsl:text>
213 </xsl:when>
214 <xsl:otherwise>
215 <xsl:text>display:none;</xsl:text>
216 </xsl:otherwise>
217 </xsl:choose>
218 </xsl:attribute>
219 <xsl:for-each select="documentNode">
220 <xsl:call-template name="documentNodeTOC"/>
221 </xsl:for-each>
222 </li>
223 </xsl:if>
224
225 </ul>
226 </xsl:template>
227
228 <xsl:template name="viewOptions">
229 <div id="viewAndZoomOptions" class="ui-state-default ui-corner-all">
230 <ul id="viewOptions">
231 <!-- Paged-image options -->
232 <li id="pagedImageOptions">
233 <xsl:attribute name="style">
234 <xsl:choose>
235 <xsl:when test="count(//documentNode/metadataList/metadata[@name = 'Screen']) > 0 or /page/pageResponse/document/@docType = 'paged' or /page/pageResponse/document/@docType = 'pagedhierarchy'">
236 </xsl:when>
237 <xsl:otherwise>
238 display:none;
239 </xsl:otherwise>
240 </xsl:choose>
241 </xsl:attribute>
242 <select id="viewSelection" onchange="changeView();">
243 <xsl:choose>
244 <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'image'">
245 <option>Default view</option>
246 <option selected="true">Image view</option>
247 <option>Text view</option>
248 </xsl:when>
249 <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'text'">
250 <option>Default view</option>
251 <option>Image view</option>
252 <option selected="true">Text view</option>
253 </xsl:when>
254 <xsl:otherwise>
255 <option selected="true">Default view</option>
256 <option>Image view</option>
257 <option>Text view</option>
258 </xsl:otherwise>
259 </xsl:choose>
260 </select>
261 </li>
262
263 <!-- Slide-show options -->
264 <li id="slideShowOptions">
265 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.slideshowTooltip')"/></xsl:attribute>
266 <xsl:attribute name="style">
267 <xsl:choose>
268 <xsl:when test="count(//documentNode/metadataList/metadata[@name = 'Screen']) > 0 or /page/pageResponse/document/@docType = 'paged' or /page/pageResponse/document/@docType = 'pagedhierarchy'">
269 </xsl:when>
270 <xsl:otherwise>
271 display:none;
272 </xsl:otherwise>
273 </xsl:choose>
274 </xsl:attribute>
275 <img onclick="showSlideShow()">
276 <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'slideshow_image')"/></xsl:attribute>
277 </img>
278 </li>
279
280 <!-- Realistic books link -->
281 <xsl:if test="/page/pageResponse/collection[@name = $collName]/metadataList/metadata[@name = 'tidyoption'] = 'tidy'">
282 <li>
283 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.realisticBooksTooltip')"/></xsl:attribute>
284 <img id="rbOptionImage" onclick="bookInit();">
285 <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'realistic_books_image')"/></xsl:attribute>
286 </img>
287 <input id="rbOption" type="checkbox" onclick="bookInit();" class="optionCheckBox"/>
288 </li>
289 </xsl:if>
290
291 <!-- Highlight on/off button -->
292 <xsl:if test="util:contains(/page/pageRequest/paramList/param[@name = 'p.s']/@value, 'Query')">
293 <li>
294 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.highlightTooltip')"/></xsl:attribute>
295 <img onclick="swapHighlight(true);">
296 <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'highlight_image')"/></xsl:attribute>
297 </img>
298 <input id="highlightOption" type="checkbox" class="optionCheckBox" onclick="swapHighlight(false);">
299 <xsl:if test="/page/pageRequest/paramList/param[@name = 'hl']/@value != 'off'">
300 <xsl:attribute name="checked">checked</xsl:attribute>
301 </xsl:if>
302 </input>
303 </li>
304 </xsl:if><xsl:text> </xsl:text>
305
306 <!-- Zoom on/off button -->
307 <li id="zoomOptions" style="display:none;">
308 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.zoomTooltip')"/></xsl:attribute>
309 <img id="zoomToggleImage">
310 <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'zoom_image')"/></xsl:attribute>
311 </img>
312 <input id="zoomToggle" type="checkbox"/>
313 <script type="text/javascript">
314 <xsl:text disable-output-escaping="yes">
315 $("#zoomToggle").change(function()
316 {
317 _imageZoomEnabled = $("#zoomToggle").prop("checked");
318 });
319
320 $("#zoomToggleImage").click(function()
321 {
322 $("#zoomToggle").prop("checked", !$("#zoomToggle").prop("checked"));
323 _imageZoomEnabled = $("#zoomToggle").prop("checked");
324 });
325 </xsl:text>
326 </script>
327 </li>
328
329 <!-- Floating TOC on/off button -->
330 <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')">
331 <li id="floatingTOCOptions">
332 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.floatingTooltip')"/></xsl:attribute>
333 <img id="floatTOCToggleImage">
334 <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'float_toc_image')"/></xsl:attribute>
335 </img>
336 <input id="floatTOCToggle" type="checkbox"/>
337 <script type="text/javascript">
338 <xsl:text disable-output-escaping="yes">
339 $("#floatTOCToggle").prop("checked", false);
340 $("#floatTOCToggle").click(function()
341 {
342 floatMenu($("#floatTOCToggle").prop("checked"));
343 });
344
345 $("#floatTOCToggleImage").click(function()
346 {
347 $("#floatTOCToggle").prop("checked", !$("#floatTOCToggle").prop("checked"))
348 floatMenu($("#floatTOCToggle").prop("checked"));
349 });
350 </xsl:text>
351 </script>
352 </li>
353 <xsl:if test="/page/pageRequest/paramList/param[@name='ftoc']/@value = '1'">
354 <script type="text/javascript">
355 <xsl:text disable-output-escaping="yes">
356 $(window).load(function()
357 {
358 $("#floatTOCToggle").prop("checked", true);
359 floatMenu(true);
360 });
361 </xsl:text>
362 </script>
363 </xsl:if>
364 </xsl:if>
365 </ul>
366 <div style="clear:both;"><xsl:text> </xsl:text></div>
367 </div>
368 </xsl:template>
369</xsl:stylesheet>
Note: See TracBrowser for help on using the repository browser.