Changeset 24730


Ignore:
Timestamp:
2011-10-06T12:43:14+13:00 (13 years ago)
Author:
papitha
Message:

Annotator functionality added.

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

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>
Note: See TracChangeset for help on using the changeset viewer.