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

Last change on this file since 25922 was 25922, checked in by sjm84, 12 years ago

New TOC layout
  • Property svn:executable set to *
File size: 13.0 KB
RevLine 
[25660]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">
[25922]12 <div id="rightSidebar">
13 <xsl:call-template name="displayCoverImage"/>
14 <xsl:call-template name="viewOptions"/>
15 <xsl:call-template name="displayTOC"/>
16 </div>
17 </xsl:template>
18
19 <xsl:template name="displayCoverImage">
20 <!-- Need to be in the context of the top-level documentNode rather than the document for the gsf:metadata call to work -->
21 <xsl:for-each select="documentNode">
22 <xsl:variable name="hasCover"><gsf:metadata name="hascover"/></xsl:variable>
23 <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')">
24 <!-- the book's cover image -->
25 <div id="coverImage">
26 <img>
27 <xsl:attribute name="src"><xsl:value-of select="$httpPath"/>/index/assoc/<gsf:metadata name="assocfilepath"/>/cover.jpg</xsl:attribute>
28 </img><xsl:text> </xsl:text>
29 </div>
30 </xsl:if>
31 </xsl:for-each>
32 </xsl:template>
33
34 <xsl:template name="displayTOC">
35 <div class="tableOfContentsContainer ui-state-default">
36 <table class="tocTable ui-widget-content">
37 <tr>
38 <td style="vertical-align:top; text-align:right;">
39 <a id="sidebarMinimizeButton" href="javascript:minimizeSidebar();" style="float: right; font-size:0.6em;">
40 <img class="icon" style="padding-top:3px;">
41 <xsl:attribute name="src">
42 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'collapse_image')"/>
[25660]43 </xsl:attribute>
[25922]44 </img>
45 </a>
46 <a id="sidebarMaximizeButton" href="javascript:maximizeSidebar();" style="float: right; font-size:0.6em; display:none;">
47 <img class="icon" style="padding-top:3px;">
48 <xsl:attribute name="src">
49 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'expand_image')"/>
50 </xsl:attribute>
51 </img>
52 </a>
53 </td>
54 </tr>
55 <tr><td>
56 <div id="contentsArea">
57 <!-- show the berry basket if it's turned on -->
58 <gslib:berryBasket/>
[25660]59
[25922]60 <!-- the contents (if enabled) -->
61 <xsl:choose>
62 <xsl:when test="/page/pageResponse/document/@docType = 'paged'">
63 <gsf:image type="Thumb"/>
64 <!-- Table of contents will be dynamically retrieved when viewing a paged document -->
65 <script type="text/javascript">
66 <xsl:text disable-output-escaping="yes">
67 $(window).load(function()
68 {
69 retrieveTableOfContentsAndTitles();
70 });
71 </xsl:text>
72 </script>
73 <div id="tableOfContents"><xsl:text> </xsl:text></div>
[25660]74 <div id="tocLoadingImage" style="text-align:center;">
75 <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>
76 </div>
[25922]77 <table style="width:100%;"><tbody><tr>
78 <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>
79 </tr></tbody></table>
80 </xsl:when>
81 <xsl:when test="not(/page/pageRequest/paramList/param[@name = 'ed']/@value = '1')">
82 <div id="tableOfContents">
83 <div id="tocLoadingImage" style="text-align:center;">
84 <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>
85 </div>
86 </div>
87 <script type="text/javascript">
88 <xsl:text disable-output-escaping="yes">
89 $(window).load(function()
90 {
91 retrieveFullTableOfContents();
92 });
93 </xsl:text>
94 </script>
95 </xsl:when>
96 <xsl:otherwise>
97 <div id="tableOfContents">
98 <xsl:attribute name="class">
99 <xsl:choose>
100 <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>
101 <xsl:otherwise>hidden</xsl:otherwise>
102 </xsl:choose>
103 </xsl:attribute>
104 <xsl:for-each select="documentNode">
105 <xsl:call-template name="documentNodeTOC"/>
106 </xsl:for-each>
107 </div>
108 </xsl:otherwise>
109 </xsl:choose>
110 </div>
111 </td></tr>
112 </table>
113 </div>
[25660]114 </xsl:template>
115
116 <!-- This template is used to display the table of contents -->
[25720]117 <xsl:template name="documentNodeTOC">
[25660]118
119 <!-- check if this is the currently selected table of contents item -->
120 <xsl:variable name="isCurrent" select="nodeContent"/>
121
122 <!-- formulate the link -->
123 <xsl:variable name="contentsLink">
124 <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
125 </xsl:variable>
126
127 <ul>
128 <table><tr>
129 <!-- The expand/collapse button (not displayed for the top level node) -->
130 <xsl:if test="util:hashToDepthClass(@nodeID) != 'sectionHeaderDepthTitle'">
131 <td>
132 <xsl:choose>
133 <xsl:when test="not(nodeContent and not(documentNode))">
134 <img id="ttoggle{@nodeID}" onclick="toggleSection('{@nodeID}');" class="icon">
135 <xsl:attribute name="src">
136 <xsl:choose>
137 <xsl:when test="/page/pageRequest/paramList/param[@name = 'ed']/@value = '1' or /page/pageResponse/document/@selectedNode = @nodeID">
138 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'collapse_image')"/>
139 </xsl:when>
140 <xsl:otherwise>
141 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'expand_image')"/>
142 </xsl:otherwise>
143 </xsl:choose>
144 </xsl:attribute>
145 </img>
146 </xsl:when>
147 <xsl:otherwise>
148 <xsl:attribute name="class">emptyIcon</xsl:attribute>
149 </xsl:otherwise>
150 </xsl:choose>
151 </td>
152 </xsl:if>
153
154 <!-- The chapter/page icon -->
155 <td>
156 <img>
157 <xsl:if test="nodeContent and not(documentNode)">
158 <xsl:attribute name="class">leafNode</xsl:attribute>
159 </xsl:if>
160
161 <xsl:attribute name="src">
162 <xsl:choose>
163 <xsl:when test="nodeContent and not(documentNode)">
164 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'page_image')"/>
165 </xsl:when>
166 <xsl:otherwise>
167 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'chapter_image')"/>
168 </xsl:otherwise>
169 </xsl:choose>
170 </xsl:attribute>
171 </img>
172 </td>
173
174 <!-- The section name, links to the section in the document -->
175 <td>
176 <a id="toclink{@nodeID}">
177 <xsl:choose>
178 <xsl:when test="/page/pageResponse/document/@docType = 'paged'">
179 <xsl:attribute name="href"><xsl:value-of select="$library_name"/>?a=d&amp;c=<xsl:value-of select="/page/pageResponse/collection/@name"/>&amp;d=<xsl:value-of select="@nodeID"/>&amp;dt=<xsl:value-of select="@docType"/>&amp;p.a=b&amp;p.s=<xsl:value-of select="/page/pageResponse/service/@name"/></xsl:attribute>
180 </xsl:when>
181 <xsl:otherwise>
182 <xsl:attribute name="href">javascript:focusSection('<xsl:value-of select="@nodeID"/>');</xsl:attribute>
183 </xsl:otherwise>
184 </xsl:choose>
185 <xsl:if test="util:hashToSectionId(@nodeID)">
186 <xsl:value-of select="util:hashToSectionId(@nodeID)"/>
187 <xsl:text> </xsl:text>
188 </xsl:if>
[25720]189 <xsl:call-template name="sectionTitle"/>
[25660]190 </a>
191 </td>
192 </tr></table>
193
194 <!-- display any child items -->
195 <xsl:if test="documentNode">
196 <li id="toc{@nodeID}">
197 <xsl:attribute name="style">
198 <xsl:choose>
199 <xsl:when test="/page/pageRequest/paramList/param[@name = 'ed']/@value = '1' or /page/pageResponse/document/@selectedNode = @nodeID">
200 <xsl:text>display:block;</xsl:text>
201 </xsl:when>
202 <xsl:otherwise>
203 <xsl:text>display:none;</xsl:text>
204 </xsl:otherwise>
205 </xsl:choose>
206 </xsl:attribute>
[25720]207 <xsl:for-each select="documentNode">
[25660]208 <xsl:call-template name="documentNodeTOC"/>
209 </xsl:for-each>
210 </li>
211 </xsl:if>
212
213 </ul>
214 </xsl:template>
215
216 <xsl:template name="viewOptions">
[25922]217 <div id="viewAndZoomOptions" class="ui-state-default ui-corner-all">
218 <ul id="viewOptions">
219 <!-- Paged-image options -->
220 <xsl:if test="count(//documentNode/metadataList/metadata[@name = 'Screen']) > 0 or /page/pageResponse/document/documentNode/@docType = 'paged'">
221 <li>
222 <select id="viewSelection" onchange="changeView();">
223 <xsl:choose>
224 <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'image'">
225 <option>Default view</option>
226 <option selected="true">Image view</option>
227 <option>Text view</option>
228 </xsl:when>
229 <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'text'">
230 <option>Default view</option>
231 <option>Image view</option>
232 <option selected="true">Text view</option>
233 </xsl:when>
234 <xsl:otherwise>
235 <option selected="true">Default view</option>
236 <option>Image view</option>
237 <option>Text view</option>
238 </xsl:otherwise>
239 </xsl:choose>
240 </select>
241 </li>
242 </xsl:if>
[25660]243
[25922]244 <!-- Realistic books link -->
245 <xsl:if test="/page/pageResponse/collection[@name = $collName]/metadataList/metadata[@name = 'tidyoption'] = 'tidy'">
246 <li>
247 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.realisticBooksTooltip')"/></xsl:attribute>
248 <img>
249 <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'realistic_books_image')"/></xsl:attribute>
[25660]250 </img>
[25922]251 <input id="rbOption" type="checkbox" onclick="bookInit();" class="optionCheckBox"/>
252 </li>
253 </xsl:if>
254
255 <!-- Highlight on/off button -->
256 <xsl:if test="util:contains(/page/pageRequest/paramList/param[@name = 'p.s']/@value, 'Query')">
257 <li>
258 <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.highlightTooltip')"/></xsl:attribute>
259 <img>
260 <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'highlight_image')"/></xsl:attribute>
[25660]261 </img>
[25922]262 <input id="highlightOption" type="checkbox" class="optionCheckBox" onclick="swapHighlight();">
263 <xsl:if test="/page/pageRequest/paramList/param[@name = 'hl']/@value = 'on'">
264 <xsl:attribute name="checked">true</xsl:attribute>
265 </xsl:if>
266 </input>
267 </li>
[25660]268 </xsl:if>
[25922]269 </ul>
270 <ul id="zoomOptions">
271 <!-- This is invisible unless it is made visible by Javascript controlling the image zooming -->
272 <xsl:attribute name="style">display: none;</xsl:attribute>
273 <li style="width:10%;">
274 <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.zoom')"/>
275 </li>
276 <li style="width:5%;">
277 <input id="zoomToggle" type="checkbox"/>
278 <script type="text/javascript">
279 <xsl:text disable-output-escaping="yes">
280 $("#zoomToggle").change(function()
281 {
282 _imageZoomEnabled = !_imageZoomEnabled;
283 });
284 </xsl:text>
285 </script>
286 </li>
287 <li style="width:15%;"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.zoom_size')"/><xsl:text>:</xsl:text></li>
288 <li id="zoomSlider" style="width:50%; height:5px;"><xsl:text> </xsl:text></li>
[25660]289 <script type="text/javascript">
290 <xsl:text disable-output-escaping="yes">
[25922]291 $("#zoomSlider").slider(
[25660]292 {
[25922]293 change: function(event, ui)
[25660]294 {
[25922]295 var sliderValue = ui.value;
296 var divs = document.getElementsByTagName("DIV");
297 for(var i = 0; i &lt; divs.length; i++)
[25660]298 {
[25922]299 if(divs[i].getAttribute("id") &amp;&amp; divs[i].getAttribute("id").search(/^mover.*/) != -1)
[25660]300 {
[25922]301 divs[i].style.height = 200 + (2 * sliderValue) + "px";
302 divs[i].style.width = 200 + (2 * sliderValue) + "px";
[25660]303 }
304 }
[25922]305 }
306 });
307 </xsl:text>
308 </script>
309 <style>.ui-slider .ui-slider-handle{height:0.8em; width:1.0em;}</style>
310 </ul>
311 </div>
[25660]312 </xsl:template>
313</xsl:stylesheet>
Note: See TracBrowser for help on using the repository browser.