Changeset 25274

Show
Ignore:
Timestamp:
23.03.2012 16:31:18 (7 years ago)
Author:
sjm84
Message:

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

Files:
1 modified

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">