Ignore:
Timestamp:
2011-10-20T15:56:06+13:00 (13 years ago)
Author:
sjm84
Message:

More Pei Jones collection changes

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r24769 r24784  
    113113                <script src="sites/localsite/collect/peijones/js/annotator/pkg/annotator.markdown.min.js"><xsl:text> </xsl:text></script>
    114114               
     115                <!-- Photo note scripts -->
     116                <script type="text/javascript" src="sites/localsite/collect/peijones/js/documentmaker/BrowserDetect.js"><xsl:text> </xsl:text></script>
     117                <script type="text/javascript" src="sites/localsite/collect/peijones/js/documentmaker/PhotoNotes-1.5.js"><xsl:text> </xsl:text></script>
     118                <link rel="stylesheet" type="text/css" href="sites/localsite/collect/peijones/style/PhotoNotes-1.5.css"/>
     119               
     120                <!-- Zoom scripts -->
    115121                <!--<script src="interfaces/{$interface_name}/js/jquery-1.4.2.js" type="text/javascript"><xsl:text> </xsl:text></script>-->
    116122                <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"/>
    117123                <script type="text/javascript">
    118                     <xsl:text disable-output-escaping="yes">     
     124                    <xsl:text disable-output-escaping="yes">
     125                        _zoomEnabled = true;
    119126                        function readyImagesForZoom()     
    120                         {      
     127                        {
    121128                            var noZoom = document.getElementById("noZoom");
    122129                            var wrap = document.getElementById("wrap");
    123                            
    124130                            if(!noZoom || !wrap)
    125131                            {
    126132                                return;
    127133                            }
    128                            
    129                             noZoom.style.display = "none";
    130                             wrap.style.display = "";
    131134                            var smallImageDiv = document.getElementById("small");
    132135                            var smallImage = smallImageDiv.getElementsByTagName("img")[0];
    133                             smallImageDiv.style.width = smallImage.clientWidth + "px";
    134                             smallImageDiv.style.height = smallImage.clientHeight + "px";
    135                             var multiplier = largeImageHeight / smallImage.clientHeight;
     136                            smallImageDiv.style.width = smallImageWidth + "px";
     137                            smallImageDiv.style.height = smallImageHeight + "px";
     138                            var multiplier = largeImageHeight / smallImageHeight;
    136139                            $("#wrap").anythingZoomer({       
    137140                                expansionSize:50, 
    138141                                speedMultiplier:multiplier   
    139                             });     
     142                            });     
     143
     144                            noZoom.onclick = function(){addZoom();}
     145                            document.getElementById("overlay").onclick = function(){removeZoom();}                         
     146                           
     147                            removeZoom();
    140148                        }           
    141149                        function addZoom() 
    142                         {   
     150                        {
     151                            if(!_zoomEnabled)
     152                            {
     153                                return;
     154                            }
     155                           
    143156                            var wrapper = document.getElementById("wrap"); 
    144157                            var noZoom = document.getElementById("noZoom");
    … …  
    152165                            wrapper.style.display = "block";
    153166                            var option = document.getElementById("zoomOption");
    154                             option.setAttribute("onclick", "removeZoom();"); 
     167                            if(option)
     168                            {
     169                                option.setAttribute("onclick", "removeZoom();"); 
     170                            }
    155171                        }           
    156172                        function removeZoom()
    157173                        {
     174                            if(!_zoomEnabled)
     175                            {
     176                                return;
     177                            }
     178                       
    158179                            var wrapper = document.getElementById("wrap");
    159180                            var noZoom = document.getElementById("noZoom");
    … …  
    167188                            noZoom.style.display = "block";
    168189                            var option = document.getElementById("zoomOption");
    169                             option.setAttribute("onclick", "addZoom();");
    170                         }     
     190                            if(option)
     191                            {
     192                                option.setAttribute("onclick", "addZoom();");
     193                            }
     194                        }   
    171195                    </xsl:text>   
     196                </script>
     197                <script text="text/javascript">
     198                    <xsl:text disable-output-escaping="yes">
     199                       
     200                        var _posCount = 0;
     201                        var _notes;
     202                        function initNotes()
     203                        {
     204                            /* create the Photo Note Container */
     205                            _notes = new PhotoNoteContainer(document.getElementById("noZoom"));
     206                            getNotes();
     207                        }
     208                       
     209                        function deleteFunction(note)
     210                        {
     211                            var callback =
     212                            {
     213                                success: function(response)
     214                                {
     215                                    var updateURL = gs.siteMetadata.siteURL.replace("8080","9090") + gs.xsltParams.library_name + "?a=s&amp;sa=c";
     216                               
     217                                    var updateCallback =
     218                                    {
     219                                        success: function(response){},
     220                                        failed: function(){alert("Failed in deleteFunction() to update Greenstone server with: " + updateURL);}
     221                                    };
     222                                   
     223           
     224                                    YAHOO.util.Connect.asyncRequest("GET", updateURL, updateCallback);
     225                                },
     226                                failed: function(){ alert("Failed in deleteFunction() with note id: " + note.id)},
     227                            };
     228                           
     229                            var status = true;
     230                           
     231                            if (note &amp;&amp; note.id &amp;&amp; note.id &gt; 0) {
     232                                var metaposStr =  note.id - 1;
     233                           
     234                                var url = gs.siteMetadata.siteURL.replace("8080","9090") + "cgi-bin/metadata-server.pl?a=remove-metadata&amp;site=localsite&amp;c=" + gs.cgiParams.c + "&amp;d=" + gs.cgiParams.d + "&amp;metaname=gsimg.photoNote&amp;metapos=" + metaposStr;
     235                                YAHOO.util.Connect.asyncRequest("GET", url, callback);
     236                            }
     237                            else {
     238                                alert("Failed to find valid note data to delete");
     239                                status = false;
     240                            }
     241                           
     242                            return status;
     243                        }
     244                       
     245                        function saveFunction(note)
     246                        {
     247                            var callback =
     248                            {
     249                                success: function(response)
     250                                {
     251                                    var updateURL = gs.siteMetadata.siteURL.replace("8080","9090") + gs.xsltParams.library_name + "?a=s&amp;sa=c";
     252                               
     253                                    var updateCallback =
     254                                    {
     255                                        success: function(response){},
     256                                        failed: function(reponse){ alert("Failed in saveFunction() to update Greenstone server with: " + updateURL);}
     257                                    };
     258                                   
     259                                   
     260                                    YAHOO.util.Connect.asyncRequest("GET", updateURL, updateCallback);
     261                                },
     262                                failed: function(reponse){ alert("Failed in saveFunction() with note id: " + note.id)},
     263                            };
     264                           
     265                            var jsonVal = '{"caption":"' + note.text + '", "area":{"x":' + note.rect.left + ', "y":' + note.rect.top + ', "width":' + note.rect.width + ', "height":' + note.rect.height + '}}';
     266                            var metaposStr = (note &amp;&amp; note.id &amp;&amp; note.id &gt; 0) ? note.id - 1 : _posCount;
     267                           
     268                            var saveURL = gs.siteMetadata.siteURL.replace("8080","9090") + "cgi-bin/metadata-server.pl?a=set-metadata&amp;site=localsite&amp;c=" + gs.cgiParams.c + "&amp;d=" + gs.cgiParams.d + "&amp;metaname=gsimg.photoNote&amp;metavalue=" + jsonVal + "&amp;metapos=" + metaposStr;
     269                            YAHOO.util.Connect.asyncRequest("GET", saveURL, callback);
     270                           
     271                            return 1;
     272                        }               
     273                       
     274                        function getNotes()
     275                        {
     276                            if(gs.variables.photoNotes == null || gs.variables.photoNotes == undefined)
     277                            {
     278                                console.log("No photo notes");
     279                                return;
     280                            }
     281                           
     282                            for(var i = 0; i &lt; gs.variables.photoNotes.length; i++)
     283                            {
     284                                var note = gs.variables.photoNotes[i];
     285                                if(!note)
     286                                {
     287                                    continue;
     288                                }
     289                                var newNote = new PhotoNote(note.caption, i+1, new PhotoNoteRect(note.area.x,note.area.y,note.area.width,note.area.height));
     290                                newNote.onsave = saveFunction;
     291                                newNote.ondelete = deleteFunction;
     292                                _notes.AddNote(newNote);
     293                                _posCount++;
     294                            }
     295                           
     296                            addNoteOverAndOutHandlers();
     297                        }
     298                       
     299                        function AddNote()
     300                        {
     301                            var newNote = new PhotoNote('Add note text here...',_posCount+1,new PhotoNoteRect(10,10,50,50));
     302                            newNote.onsave = saveFunction;
     303                            newNote.ondelete = deleteFunction;
     304                            _notes.AddNote(newNote);
     305                            _posCount++;
     306                           
     307                            addNoteOverAndOutHandlers();
     308                            newNote.Select();
     309                        }
     310                       
     311                        function addNoteOverAndOutHandlers()
     312                        {
     313                            var divs = document.getElementsByTagName("DIV");
     314                            for(var i = 0; i &lt; divs.length; i++)
     315                            {
     316                                if(divs[i].getAttribute("class") &amp;&amp; divs[i].getAttribute("class").search("fn-area") != -1)
     317                                {
     318                                    divs[i].onmouseover = function(){_zoomEnabled = false;}
     319                                    divs[i].onmouseout = function(){_zoomEnabled = true;}
     320                                }
     321                            }
     322                        }
     323                       
     324                        window.onload = function(){initNotes(); readyImagesForZoom(); initAnnotator();};
     325                    </xsl:text>
    172326                </script>
    173327                <script text="text/javascript">
    … …  
    197351                </script>
    198352            </xsl:template>
    199             <xsl:template match="documentNode" mode="document">
     353           
     354            <!--<xsl:template match="documentNode" mode="document">-->
    200355                <!-- Get the photo notes for this document node -->
    201                 <gsf:variable-struct name="photoNotes">
     356                <!--<gsf:variable-struct name="photoNotes">
    202357                    <gsf:metadata multiple="true" name="gsimg.photoNote" separator=", "/>
    203                 </gsf:variable-struct>
     358                </gsf:variable-struct>-->
    204359               
    205360                <!-- Get details about the image for zooming -->
    206                 <h3>   
     361                <!--<h3>   
    207362                    <gsf:choose-metadata>
    208363                        <gsf:metadata name="dc.Title"/>
    … …  
    237392                    <xsl:text>largeImageHeight =</xsl:text><xsl:value-of select="$imageHeight"/><xsl:text>;</xsl:text>
    238393                    <xsl:text>largeImageWidth =</xsl:text><xsl:value-of select="$imageWidth"/><xsl:text>;</xsl:text>
     394                    <xsl:text>smallImageHeight =</xsl:text><xsl:value-of select="$screenImageHeight"/><xsl:text>;</xsl:text>
     395                    <xsl:text>smallImageWidth =</xsl:text><xsl:value-of select="$screenImageWidth"/><xsl:text>;</xsl:text>
    239396                </script>
    240397                <div id="noZoom" style="display:block;">
    … …  
    245402                        <div id="small" style="width: {$screenImageWidth}; height: {$screenImageHeight};"><gsf:metadata name="screenicon"/></div>
    246403                        <div id="mover">
    247                             <div id="overlay"><xsl:text/></div>
     404                            <div id="overlay"><xsl:text> </xsl:text></div>
    248405                            <div id="large">
    249406                                <img style="width: {$imageWidth}; height: {$imageHeight};">
    … …  
    255412                        </div>
    256413                    </div>
     414                    <input type="button" value="Tag Photo!" style="margin-left:30px;" onclick="AddNote();" />
    257415                </xsl:if>   
    258             </xsl:template>   
     416            </xsl:template>-->
     417           
    259418        </format>
    260419    </display>
Note: See TracChangeset for help on using the changeset viewer.