Changeset 24730

Show
Ignore:
Timestamp:
06.10.2011 12:43:14 (8 years ago)
Author:
papitha
Message:

Annotator functionality added.

Location:
main/trunk/model-cols-dev/peijones
Files:
3 modified

Legend:

Unmodified
Added
Removed
  • main/trunk/model-cols-dev/peijones/etc/collectionConfig.bak

    r24630 r24730  
    7575    </browse> 
    7676    <display> 
    77         <format><gsf:option name="TOC" value="false"/><xsl:template match="documentNode" mode="document"><h3><gsf:metadata name="ex.Title"/></h3><xsl:variable name="imageWidth"><gsf:metadata name="ImageWidth"/></xsl:variable><xsl:variable name="imageHeight"><gsf:metadata name="ImageHeight"/></xsl:variable><xsl:variable name="screenImageWidth"><gsf:metadata name="ScreenWidth"/></xsl:variable><xsl:variable name="screenImageHeight"><gsf:metadata name="ScreenHeight"/></xsl:variable><script type="text/javascript"><xsl:text>largeImageHeight =</xsl:text><xsl:value-of select="$imageHeight"/><xsl:text>;</xsl:text><xsl:text>largeImageWidth =</xsl:text><xsl:value-of select="$imageWidth"/><xsl:text>;</xsl:text></script><div id="noZoom" style="display:block;"><gsf:metadata name="screenicon"/></div><div id="wrap" style="display:none"><div id="small" style="width: {$screenImageWidth}; height: {$screenImageHeight};"><gsf:metadata name="screenicon"/></div><div id="mover"><div id="overlay"><xsl:text/></div><div id="large"><img style="width: {$imageWidth}; height: {$imageHeight};"><xsl:attribute name="src"><xsl:value-of disable-output-escaping="yes" select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>/index/assoc/<gsf:metadata name="assocfilepath"/>/<gsf:metadata name="srclinkFile"/></xsl:attribute></img></div></div></div></xsl:template> </format> 
     77        <format><gsf:option name="TOC" value="false"/>   <xsl:template name="additionalHeaderContent">    <script src="interfaces/{$interface_name}/js/jquery-1.4.2.js" type="text/javascript"><xsl:text> </xsl:text></script>    <script src="sites/localsite/collect/peijones/js/documentmaker/zoomer.jquery.js" type="text/javascript"><xsl:text> </xsl:text></script>    <link href="sites/localsite/collect/peijones/style/style.css" rel="stylesheet" type="text/css"/>    <script type="text/javascript">     <xsl:text disable-output-escaping="yes">      function readyImagesForZoom()      {       document.getElementById("noZoom").style.display = "none";       document.getElementById("wrap").style.display = "";       var smallImageDiv = document.getElementById("small");       var smallImage = smallImageDiv.getElementsByTagName("img")[0];       smallImageDiv.style.width = smallImage.clientWidth + "px";       smallImageDiv.style.height = smallImage.clientHeight + "px";       var multiplier = largeImageHeight / smallImage.clientHeight;       $("#wrap").anythingZoomer({        expansionSize:50,        speedMultiplier:multiplier       });      }            function addZoom()      {       var wrapper = document.getElementById("wrap");       var noZoom = document.getElementById("noZoom");              noZoom.style.display = "none";       wrapper.style.display = "block";              var option = document.getElementById("zoomOption");       option.setAttribute("onclick", "removeZoom();");      }            function removeZoom()      {       var wrapper = document.getElementById("wrap");       var noZoom = document.getElementById("noZoom");              wrapper.style.display = "none";       noZoom.style.display = "block";              var option = document.getElementById("zoomOption");       option.setAttribute("onclick", "addZoom();");      }     </xsl:text>    </script>   </xsl:template>   <xsl:template match="documentNode" mode="document">   <gsf:variable-struct name="photoNotes"><gsf:metadata multiple="true" name="gsimg.photoNote" separator=", "/></gsf:variable-struct>   <h3>   <gsf:choose-metadata>     <gsf:metadata name="dc.Title"/>     <gsf:metadata name="ex.Title"/>   </gsf:choose-metadata>     </h3>   <xsl:variable name="imageWidth"><gsf:metadata name="ImageWidth"/>   </xsl:variable><xsl:variable name="imageHeight"><gsf:metadata name="ImageHeight"/>   </xsl:variable><xsl:variable name="screenImageWidth">   <gsf:metadata name="ScreenWidth"/>   </xsl:variable><xsl:variable name="screenImageHeight"><gsf:metadata name="ScreenHeight"/></xsl:variable><script type="text/javascript"><xsl:text>largeImageHeight =</xsl:text><xsl:value-of select="$imageHeight"/><xsl:text>;</xsl:text><xsl:text>largeImageWidth =</xsl:text><xsl:value-of select="$imageWidth"/><xsl:text>;</xsl:text></script><div id="noZoom" style="display:block;"><gsf:metadata name="screenicon"/></div><div id="wrap" style="display:none"><div id="small" style="width: {$screenImageWidth}; height: {$screenImageHeight};"><gsf:metadata name="screenicon"/></div><div id="mover"><div id="overlay"><xsl:text/></div><div id="large"><img style="width: {$imageWidth}; height: {$imageHeight};"><xsl:attribute name="src"><xsl:value-of disable-output-escaping="yes" select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>/index/assoc/<gsf:metadata name="assocfilepath"/>/<gsf:metadata name="srclinkFile"/></xsl:attribute></img></div></div></div></xsl:template>    </format> 
    7878    </display> 
    7979    <replaceListRef id="gs2-standard"/> 
  • main/trunk/model-cols-dev/peijones/etc/collectionConfig.xml

    r24630 r24730  
    5656            <plugin name="NulPlugin"/> 
    5757            <plugin name="OAIPlugin"/> 
     58            <plugin name="HTMLImagePlugin"/> 
    5859            <plugin name="MetadataXMLPlugin"/> 
    5960            <plugin name="ArchivesInfPlugin"/> 
     
    7576    </browse> 
    7677    <display> 
    77         <format><gsf:option name="TOC" value="false"/> 
    78         <xsl:template name="additionalHeaderContent"> 
    79             <script type="text/javascript" src="interfaces/{$interface_name}/js/jquery-1.4.2.js"><xsl:text> </xsl:text></script> 
    80             <script type="text/javascript" src="sites/localsite/collect/peijones/js/documentmaker/zoomer.jquery.js"><xsl:text> </xsl:text></script> 
    81             <link rel="stylesheet" type="text/css" href="sites/localsite/collect/peijones/style/style.css"/> 
    82             <script type="text/javascript"> 
    83                 <xsl:text disable-output-escaping="yes"> 
    84                     function readyImagesForZoom() 
    85                     { 
    86                         document.getElementById("noZoom").style.display = "none"; 
    87                         document.getElementById("wrap").style.display = ""; 
    88                         var smallImageDiv = document.getElementById("small"); 
    89                         var smallImage = smallImageDiv.getElementsByTagName("img")[0]; 
    90                         smallImageDiv.style.width = smallImage.clientWidth + "px"; 
    91                         smallImageDiv.style.height = smallImage.clientHeight + "px"; 
    92                         var multiplier = largeImageHeight / smallImage.clientHeight; 
    93                         $("#wrap").anythingZoomer({ 
    94                             expansionSize:50, 
    95                             speedMultiplier:multiplier 
    96                         }); 
    97                     } 
    98                      
    99                     function addZoom() 
    100                     { 
    101                         var wrapper = document.getElementById("wrap"); 
    102                         var noZoom = document.getElementById("noZoom"); 
    103                          
    104                         noZoom.style.display = "none"; 
    105                         wrapper.style.display = "block"; 
    106                          
    107                         var option = document.getElementById("zoomOption"); 
    108                         option.setAttribute("onclick", "removeZoom();"); 
    109                     } 
    110                      
    111                     function removeZoom() 
    112                     { 
    113                         var wrapper = document.getElementById("wrap"); 
    114                         var noZoom = document.getElementById("noZoom"); 
    115                          
    116                         wrapper.style.display = "none"; 
    117                         noZoom.style.display = "block"; 
    118                          
    119                         var option = document.getElementById("zoomOption"); 
    120                         option.setAttribute("onclick", "addZoom();"); 
    121                     } 
    122                 </xsl:text> 
    123             </script> 
    124         </xsl:template> 
    125         <xsl:template match="documentNode" mode="document"> 
    126         <gsf:variable-struct name="photoNotes"><gsf:metadata name="gsimg.photoNote" multiple="true" separator=", "/></gsf:variable-struct> 
    127         <h3> 
    128         <gsf:choose-metadata> 
    129           <gsf:metadata name="dc.Title"/> 
    130           <gsf:metadata name="ex.Title"/> 
    131         </gsf:choose-metadata> 
    132           </h3> 
    133         <xsl:variable name="imageWidth"><gsf:metadata name="ImageWidth"/> 
    134         </xsl:variable><xsl:variable name="imageHeight"><gsf:metadata name="ImageHeight"/> 
    135         </xsl:variable><xsl:variable name="screenImageWidth"> 
    136         <gsf:metadata name="ScreenWidth"/> 
    137         </xsl:variable><xsl:variable name="screenImageHeight"><gsf:metadata name="ScreenHeight"/></xsl:variable><script type="text/javascript"><xsl:text>largeImageHeight =</xsl:text><xsl:value-of select="$imageHeight"/><xsl:text>;</xsl:text><xsl:text>largeImageWidth =</xsl:text><xsl:value-of select="$imageWidth"/><xsl:text>;</xsl:text></script><div id="noZoom" style="display:block;"><gsf:metadata name="screenicon"/></div><div id="wrap" style="display:none"><div id="small" style="width: {$screenImageWidth}; height: {$screenImageHeight};"><gsf:metadata name="screenicon"/></div><div id="mover"><div id="overlay"><xsl:text/></div><div id="large"><img style="width: {$imageWidth}; height: {$imageHeight};"><xsl:attribute name="src"><xsl:value-of disable-output-escaping="yes" select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>/index/assoc/<gsf:metadata name="assocfilepath"/>/<gsf:metadata name="srclinkFile"/></xsl:attribute></img></div></div></div></xsl:template>  
    138         </format>    
    139      
    140     </display> 
     78        <format> 
     79            <gsf:option name="TOC" value="false"/>    
     80            <xsl:template name="additionalHeaderContent"> 
     81                <!-- jQuery must be included before Annotator --> 
     82                <script src="sites/localsite/collect/peijones/js/annotator/lib/vendor/jquery.js"><xsl:text> </xsl:text></script> 
     83 
     84                <!-- If you're sure your users will only be using browsers modern 
     85                     enough to have their own JSON.parse and JSON.stringify 
     86                     implementations you can skip this --> 
     87                <script src="sites/localsite/collect/peijones/js/annotator/lib/vendor/json2.js"><xsl:text> </xsl:text></script> 
     88 
     89                <!-- The main Annotator script --> 
     90                <script src="sites/localsite/collect/peijones/js/annotator/pkg/annotator.min.js"><xsl:text> </xsl:text></script> 
     91 
     92                <!-- Annotator's styling and images --> 
     93                <link rel="stylesheet" type="text/css" href="sites/localsite/collect/peijones/js/annotator/pkg/annotator.min.css"/> 
     94 
     95                <!-- The following plugins are entirely optional --> 
     96 
     97                <!-- The Store plugin. Saves annotations to a remote backend --> 
     98                <script src="sites/localsite/collect/peijones/js/annotator/pkg/annotator.store.min.js"><xsl:text> </xsl:text></script> 
     99 
     100                <!-- The Auth plugin. Allows users of Annotator to authenticate themselves 
     101                     to the remote backend --> 
     102                <script src="sites/localsite/collect/peijones/js/annotator/pkg/annotator.auth.min.js"><xsl:text> </xsl:text></script> 
     103 
     104                <!-- The Permissions plugin. See who created which annotation and create 
     105                     annotations as a specified user --> 
     106                <script src="sites/localsite/collect/peijones/js/annotator/pkg/annotator.permissions.min.js"><xsl:text> </xsl:text></script> 
     107 
     108                <!-- The Tags plugin. Edit and display tag keywords on annotations --> 
     109                <script src="sites/localsite/collect/peijones/js/annotator/pkg/annotator.tags.min.js"><xsl:text> </xsl:text></script> 
     110 
     111                <!-- The Markdown plugin. Treat annotation text as Markdown --> 
     112                <script src="sites/localsite/collect/peijones/js/annotator/lib/vendor/showdown.js"><xsl:text> </xsl:text></script> 
     113                <script src="sites/localsite/collect/peijones/js/annotator/pkg/annotator.markdown.min.js"><xsl:text> </xsl:text></script> 
     114                 
     115                 
     116                 
     117                <!--<script src="interfaces/{$interface_name}/js/jquery-1.4.2.js" type="text/javascript"><xsl:text> </xsl:text></script>--> 
     118                <script src="sites/localsite/collect/peijones/js/documentmaker/zoomer.jquery.js" type="text/javascript"><xsl:text> </xsl:text></script>    <link href="sites/localsite/collect/peijones/style/style.css" rel="stylesheet" type="text/css"/> 
     119                <!--<script type="text/javascript"> 
     120                    <xsl:text disable-output-escaping="yes">       
     121                        function readyImagesForZoom()       
     122                        {        
     123                            document.getElementById("noZoom").style.display = "none"; 
     124                            document.getElementById("wrap").style.display = ""; 
     125                            var smallImageDiv = document.getElementById("small"); 
     126                            var smallImage = smallImageDiv.getElementsByTagName("img")[0]; 
     127                            smallImageDiv.style.width = smallImage.clientWidth + "px";  
     128                            smallImageDiv.style.height = smallImage.clientHeight + "px"; 
     129                            var multiplier = largeImageHeight / smallImage.clientHeight; 
     130                            $("#wrap").anythingZoomer({         
     131                                expansionSize:50,   
     132                                speedMultiplier:multiplier    
     133                            });       
     134                        }             
     135                        function addZoom()   
     136                        {     
     137                            var wrapper = document.getElementById("wrap");   
     138                            var noZoom = document.getElementById("noZoom");  
     139                            noZoom.style.display = "none";   
     140                            wrapper.style.display = "block";  
     141                            var option = document.getElementById("zoomOption"); 
     142                            option.setAttribute("onclick", "removeZoom();");   
     143                        }            
     144                        function removeZoom() 
     145                        { 
     146                            var wrapper = document.getElementById("wrap"); 
     147                            var noZoom = document.getElementById("noZoom"); 
     148                            wrapper.style.display = "none"; 
     149                            noZoom.style.display = "block"; 
     150                            var option = document.getElementById("zoomOption"); 
     151                            option.setAttribute("onclick", "addZoom();"); 
     152                        }      
     153                    </xsl:text>     
     154                </script>   --> 
     155                <script text="text/javascript"> 
     156                    <xsl:text disable-output-escaping="yes"> 
     157                        function init() 
     158                        { 
     159                            jQuery(function ($) { 
     160                            alert(typeof $.fn.annotator); 
     161                            if (typeof $.fn.annotator !== 'function') { 
     162                                alert("Ooops! it looks like you haven't built the Annotator concatenation file. " + 
     163                                "Either download a tagged release from GitHub, or modify the Cakefile to point " + 
     164                                "at your copy of the YUI compressor and run `cake package`."); 
     165                            } else { 
     166                            // This is the important bit: how to create the annotator and add 
     167                            // plugins 
     168                            $('#gs-document-text').annotator() 
     169                                .annotator('addPlugin', 'Permissions') 
     170                                .annotator('addPlugin', 'Markdown') 
     171                                .annotator('addPlugin', 'Auth') 
     172                                .annotator('addPlugin', 'Tags'); 
     173 
     174                            $('#gs-document-text').data('annotator').plugins['Permissions'].setUser("Bloggs"); 
     175                            } 
     176                            }); 
     177                        } 
     178                        window.onload = init; 
     179                    </xsl:text> 
     180                </script> 
     181            </xsl:template> 
     182            <!-- 
     183            <xsl:template match="documentNode" mode="document"> 
     184                <gsf:variable-struct name="photoNotes"> 
     185                    <gsf:metadata multiple="true" name="gsimg.photoNote" separator=", "/> 
     186                </gsf:variable-struct> 
     187                <h3>    
     188                    <gsf:choose-metadata> 
     189                        <gsf:metadata name="dc.Title"/> 
     190                        <gsf:metadata name="ex.Title"/> 
     191                    </gsf:choose-metadata> 
     192                </h3> 
     193                <xsl:variable name="imageWidth"> 
     194                    <gsf:metadata name="ImageWidth"/>    
     195                </xsl:variable> 
     196                <xsl:variable name="imageHeight"> 
     197                    <gsf:metadata name="ImageHeight"/> 
     198                </xsl:variable> 
     199                <xsl:variable name="screenImageWidth"> 
     200                    <gsf:metadata name="ScreenWidth"/> 
     201                </xsl:variable> 
     202                <xsl:variable name="screenImageHeight"> 
     203                    <gsf:metadata name="ScreenHeight"/> 
     204                </xsl:variable> 
     205                <script type="text/javascript"> 
     206                    <xsl:text>largeImageHeight =</xsl:text><xsl:value-of select="$imageHeight"/><xsl:text>;</xsl:text> 
     207                    <xsl:text>largeImageWidth =</xsl:text><xsl:value-of select="$imageWidth"/><xsl:text>;</xsl:text> 
     208                </script> 
     209                <div id="noZoom" style="display:block;"> 
     210                    <gsf:metadata name="screenicon"/> 
     211                </div> 
     212                <div id="wrap" style="display:none"> 
     213                    <div id="small" style="width: {$screenImageWidth}; height: {$screenImageHeight};"><gsf:metadata name="screenicon"/></div> 
     214                    <div id="mover"> 
     215                        <div id="overlay"><xsl:text/></div> 
     216                        <div id="large"> 
     217                            <img style="width: {$imageWidth}; height: {$imageHeight};"> 
     218                                <xsl:attribute name="src"> 
     219                                    <xsl:value-of disable-output-escaping="yes" select="/page/pageResponse/collection/metadataList/metadata[@name='httpPath']"/>/index/assoc/<gsf:metadata name="assocfilepath"/>/<gsf:metadata name="srclinkFile"/> 
     220                                </xsl:attribute> 
     221                            </img> 
     222                        </div> 
     223                    </div> 
     224                </div> 
     225                 
     226            </xsl:template>-->     
     227        </format> 
     228    </display> 
    141229    <replaceListRef id="gs2-standard"/> 
    142230    <replaceListRef id="gs2-image"/> 
  • main/trunk/model-cols-dev/peijones/transform/pages/document.xsl

    r24710 r24730  
    144144                    newNote.Select(); 
    145145                } 
    146                 window.onload = function(){getNotes(); readyImagesForZoom();}; 
     146                //window.onload = function(){getNotes(); readyImagesForZoom();}; 
    147147            </xsl:text> 
    148148        </script>