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

Revision 25922, 13.0 KB (checked in by sjm84, 7 years ago)

New TOC layout

  • Property svn:executable set to *
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: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')"/>
43                                </xsl:attribute>
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/>
59
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>
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>
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>
114    </xsl:template>
115   
116    <!-- This template is used to display the table of contents -->
117    <xsl:template name="documentNodeTOC">
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>
189                        <xsl:call-template name="sectionTitle"/>
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>
207                    <xsl:for-each select="documentNode">
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">
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>
243           
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>
250                        </img>
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>
261                        </img>
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>
268                </xsl:if>
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>
289                <script type="text/javascript">
290                    <xsl:text disable-output-escaping="yes">
291                        $("#zoomSlider").slider(
292                        {
293                            change: function(event, ui)
294                            {
295                                var sliderValue = ui.value;
296                                var divs = document.getElementsByTagName("DIV");
297                                for(var i = 0; i &lt; divs.length; i++)
298                                {
299                                    if(divs[i].getAttribute("id") &amp;&amp; divs[i].getAttribute("id").search(/^mover.*/) != -1)
300                                    {
301                                        divs[i].style.height = 200 + (2 * sliderValue) + "px";
302                                        divs[i].style.width = 200 + (2 * sliderValue) + "px";
303                                    }
304                                }
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>
312    </xsl:template>
313</xsl:stylesheet>
Note: See TracBrowser for help on using the browser.