Changeset 25274


Ignore:
Timestamp:
2012-03-23T16:31:18+13:00 (12 years ago)
Author:
sjm84
Message:

Added the ability to zoom images if the conditions allow, also a few other minor changes

File:
1 edited

Legend:

Unmodified
Added
Removed

  • main/trunk/greenstone3/web/interfaces/oran/transform/pages/document.xsl

    r25177 r25274  
    131131
    132132                <xsl:choose>
    133                     <xsl:when test="metadataList/metadata[@name = 'Screen'] and metadataList/metadata[@name = 'Source'] and /page/pageRequest/paramList/param[@name = 'zoom']/@value = 'true'">
     133                    <xsl:when test="metadataList/metadata[@name = 'Screen'] and metadataList/metadata[@name = 'Source']">
    134134                        <div id="wrap{util:replace(@nodeID, '.', '_')}" class="zoomImage" style="position:relative; width: {$screenImageWidth}px; height: {$screenImageHeight}px;">
    135135                            <div id="small{util:replace(@nodeID, '.', '_')}" style="position:relative; width: {$screenImageWidth}px; height: {$screenImageHeight}px;">
    … …  
    151151                                    var nodeID = "</xsl:text><xsl:value-of select="@nodeID"/><xsl:text disable-output-escaping="yes">";
    152152                                    var bigHeight = </xsl:text><xsl:value-of select="$imageHeight"/><xsl:text disable-output-escaping="yes">;
    153                                     var smallHeight = </xsl:text><xsl:value-of select="$screenImageHeight"/><xsl:text disable-output-escaping="yes">
     153                                    var smallHeight = </xsl:text><xsl:value-of select="$screenImageHeight"/><xsl:text disable-output-escaping="yes">;
    154154                                   
    155155                                    nodeID = nodeID.replace(/\./g, "_");
    … …  
    238238                        <div style="text-align:center;">
    239239                            <div style="margin:5px;" class="ui-state-default ui-corner-all">
    240                                 <a style="padding: 3px; text-decoration:none;" href="{$library_name}?a=g&amp;sa=documentbasket&amp;c=&amp;s=DisplayDocumentList&amp;rt=r&amp;p.c={/page/pageResponse/collection/@name}&amp;docToEdit={/page/pageResponse/document/documentNode/@nodeID}">Edit structure</a>
     240                                <a style="padding: 3px; text-decoration:none;" href="{$library_name}?a=g&amp;sa=documentbasket&amp;c=&amp;s=DisplayDocumentList&amp;rt=r&amp;p.c={/page/pageResponse/collection/@name}&amp;docToEdit={/page/pageResponse/document/documentNode/@nodeID}"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.edit_structure')"/></a>
    241241                            </div>
    242242                            <div style="margin:5px;" class="ui-state-default ui-corner-all">
    243                                 <a style="padding: 3px; text-decoration:none;" href="javascript:readyPageForEditing();">Edit content</a>
     243                                <a id="editContentButton" style="padding: 3px; text-decoration:none;" href="javascript:readyPageForEditing();"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.edit_content')"/></a>
    244244                            </div>
    245245                        </div>
    … …  
    277277                                            $(window).load(function()
    278278                                            {
    279                                                 retrieveTableOfContents();
     279                                                retrieveTableOfContentsAndTitles();
    280280                                            });
    281281                                        </xsl:text>
    282282                                    </script>
    283283                                    <div id="tocLoadingImage" style="text-align:center;">
    284                                         <img src="{util:getInterfaceText($interface_name, /page/@lang, 'loading_image')}"/><xsl:text> loading...</xsl:text>
     284                                        <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>
    285285                                    </div>
    286286                                </xsl:when>
    … …  
    296296                                        <xsl:if test="@docType = 'paged'">
    297297                                            <table style="width:100%;"><tbody><tr>
    298                                                 <td style="width:10%; text-align:left;"><a href="?a=d&amp;ed=1&amp;book=off&amp;dt=paged&amp;c={/page/pageResponse/collection/@name}&amp;d={/page/pageResponse/document/documentNode/@nodeID}"><img src="interfaces/{$interface_name}/images/previous.png"/></a></td>
    299                                                 <td style="width:20%; text-align:left;"><a href="?a=d&amp;ed=1&amp;book=off&amp;dt=paged&amp;c={/page/pageResponse/collection/@name}&amp;d={/page/pageResponse/document/documentNode/@nodeID}">Previous</a></td>
    300                                                 <td style="width:40%; text-align:center;"><xsl:text>Go to page</xsl:text><input type="text" size="3"/></td>
    301                                                 <td style="width:20%; text-align:right;"><a href="?a=d&amp;ed=1&amp;book=off&amp;dt=paged&amp;c={/page/pageResponse/collection/@name}&amp;d={/page/pageResponse/document/documentNode/@nodeID}">Next</a></td>
    302                                                 <td style="width:10%; text-align:right;"><a href="?a=d&amp;ed=1&amp;book=off&amp;dt=paged&amp;c={/page/pageResponse/collection/@name}&amp;d={/page/pageResponse/document/documentNode/@nodeID}"><img src="interfaces/{$interface_name}/images/next.png"/></a></td>
     298                                                <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>
    303299                                            </tr></tbody></table>
    304300                                        </xsl:if>
    … …  
    394390            </xsl:for-each>
    395391        </xsl:for-each><xsl:text> </xsl:text>
    396     </xsl:template>
    397    
    398     <!-- The default template for displaying the document image -->
    399     <xsl:template name="documentImage">
    400         <xsl:variable name="imageTest"><gsf:metadata name="ScreenWidth"/></xsl:variable>
    401         <xsl:if test="$imageTest != ''">
    402             <h3>
    403                 <gsf:choose-metadata>
    404                     <gsf:metadata name="dc.Title"/>
    405                     <gsf:metadata name="ex.Title"/>
    406                     <gsf:metadata name="Title"/>
    407                     <gsf:default>Untitled</gsf:default>
    408                 </gsf:choose-metadata>
    409             </h3>
    410             <gsf:image type="screen"/>
    411         </xsl:if>
    412392    </xsl:template>
    413393
    … …  
    537517       
    538518            <!-- Paged-image options -->
    539             <td>
    540                 <select id="viewSelection" onchange="changeView();">
    541                     <xsl:choose>
    542                         <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'image'">
    543                             <option>Default view</option>
    544                             <option selected="true">Image view</option>
    545                             <option>Text view</option>
    546                         </xsl:when>
    547                         <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'text'">
    548                             <option>Default view</option>
    549                             <option>Image view</option>
    550                             <option selected="true">Text view</option>
    551                         </xsl:when>
    552                         <xsl:otherwise>
    553                             <option selected="true">Default view</option>
    554                             <option>Image view</option>
    555                             <option>Text view</option>
    556                         </xsl:otherwise>
    557                     </xsl:choose>
    558                 </select>
    559             </td>
     519            <xsl:if test="count(//documentNode/metadataList/metadata[@name = 'Screen']) > 0 or /page/pageRequest/paramList/param[@name = 'dt']/@value = 'paged'">
     520                <td>
     521                    <select id="viewSelection" onchange="changeView();">
     522                        <xsl:choose>
     523                            <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'image'">
     524                                <option>Default view</option>
     525                                <option selected="true">Image view</option>
     526                                <option>Text view</option>
     527                            </xsl:when>
     528                            <xsl:when test="/page/pageRequest/paramList/param[@name = 'view']/@value = 'text'">
     529                                <option>Default view</option>
     530                                <option>Image view</option>
     531                                <option selected="true">Text view</option>
     532                            </xsl:when>
     533                            <xsl:otherwise>
     534                                <option selected="true">Default view</option>
     535                                <option>Image view</option>
     536                                <option>Text view</option>
     537                            </xsl:otherwise>
     538                        </xsl:choose>
     539                    </select>
     540                </td>
     541            </xsl:if>
    560542       
    561543            <!-- Realistic books link -->
    … …  
    594576            <td style="vertical-align:top; text-align:right;">
    595577                <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'">
    596                     <span class="tableOfContentsTitle">Table of Contents</span>
     578                    <span class="tableOfContentsTitle"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.table_of_contents')"/></span>
     579
     580                    <a id="sidebarMinimizeButton" href="javascript:minimizeSidebar();" style="float: right; font-size:0.6em;">
     581                        <img class="icon" style="padding-top:3px;">
     582                            <xsl:attribute name="src">
     583                                <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'collapse_image')"/>
     584                            </xsl:attribute>
     585                        </img>
     586                    </a>
     587                    <a id="sidebarMaximizeButton" href="javascript:maximizeSidebar();" style="float: right; font-size:0.6em; display:none;">
     588                        <img class="icon" style="padding-top:3px;">
     589                            <xsl:attribute name="src">
     590                                <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'expand_image')"/>
     591                            </xsl:attribute>
     592                        </img>
     593                    </a>
    597594                </xsl:if>
    598                 <a id="sidebarMinimizeButton" href="javascript:minimizeSidebar();" style="float: right; font-size:0.6em;">
    599                     <img class="icon" style="padding-top:3px;">
    600                         <xsl:attribute name="src">
    601                             <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'collapse_image')"/>
    602                         </xsl:attribute>
    603                     </img>
    604                 </a>
    605                 <a id="sidebarMaximizeButton" href="javascript:maximizeSidebar();" style="float: right; font-size:0.6em; display:none;">
    606                     <img class="icon" style="padding-top:3px;">
    607                         <xsl:attribute name="src">
    608                             <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'expand_image')"/>
    609                         </xsl:attribute>
    610                     </img>
    611                 </a>
    612595            </td>
    613         </tr></table>   
     596        </tr>
     597        <xsl:if test="count(//documentNode/metadataList/metadata[@name = 'Screen']) > 0 and count(//documentNode/metadataList/metadata[@name = 'Source']) > 0">
     598            <tr>
     599                <td style="width:40%;">
     600                    <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.zoom')"/><input id="zoomToggle" type="checkbox"/>
     601                    <script type="text/javascript">
     602                        <xsl:text disable-output-escaping="yes">
     603                            $("#zoomToggle").change(function()
     604                            {
     605                                _imageZoomEnabled = !_imageZoomEnabled;
     606                            });
     607                        </xsl:text>
     608                    </script>
     609                </td>
     610                <td style="width:60%;">
     611                    <div>
     612                        <div style="float:left; width:30%;"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.zoom')"/><xsl:text>:</xsl:text></div>
     613                        <div id="zoomSlider" style="float:right; width:65%; height:5px; margin-top:6px;"><xsl:text> </xsl:text></div>
     614                        <script type="text/javascript">
     615                            <xsl:text disable-output-escaping="yes">
     616                                $("#zoomSlider").slider(
     617                                {
     618                                    change: function(event, ui)
     619                                    {
     620                                        var sliderValue = ui.value;
     621                                        var divs = document.getElementsByTagName("DIV");
     622                                        for(var i = 0; i &lt; divs.length; i++)
     623                                        {
     624                                            if(divs[i].getAttribute("id") &amp;&amp; divs[i].getAttribute("id").search(/^mover.*/) != -1)
     625                                            {
     626                                                divs[i].style.height = 200 + (2 * sliderValue) + "px";
     627                                                divs[i].style.width = 200 + (2 * sliderValue) + "px";
     628                                            }
     629                                        }
     630                                    }
     631                                });
     632                            </xsl:text>
     633                        </script>
     634                        <style>
     635                            .ui-slider .ui-slider-handle{height:0.8em; width:1.0em;}
     636                        </style>
     637                        <div style="float:clear;"><xsl:text> </xsl:text></div>
     638                    </div>
     639                </td>
     640            </tr>
     641        </xsl:if>
     642        </table>   
    614643    </xsl:template>
    615644   
    … …  
    625654        <xsl:if test="metadataList/metadata[@name = 'Latitude'] and metadataList/metadata[@name = 'Longitude']">
    626655            <div style="background:#BBFFBB; padding: 5px; margin:0px auto; width:890px;">
    627                 <xsl:text>Show documents near here </xsl:text>
     656                <xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.maps.nearby_docs')"/>
    628657                <img id="nearbyDocumentsToggle" src="interfaces/oran/images/expand.png">
    629658                    <xsl:attribute name="onclick">
Note: See TracChangeset for help on using the changeset viewer.