Changeset 33021 for main/trunk

Timestamp:

2019-04-19T20:43:46+12:00 (5 years ago)

Author:

davidb

Message:

mine-type not allowing XML to be diffed

File:

• main/trunk/model-sites-dev/heritage-nz/collect/reports-2019/transform/pages/classifier.xsl (modified) (2 diffs, 1 prop)

main/trunk/model-sites-dev/heritage-nz/collect/reports-2019/transform/pages/classifier.xsl

@@ -29 +29 @@
           height="1746.2094"
           -->
+          
           <iframe src="sites/{$site_name}/collect/{$collName}/iframe/nz-territorial-authorities-v06.svg"
               style="float:right; positionXX: absolute; width: 345px; height: 436px; border: none; ">
@@ -82 +83 @@
       <div style="position: relative">
         <xsl:if test="$cl_name = 'CL4'">          
+
+<!--
+          <ul>
+
+        <li id="zoomOptions" style="display:none;">
+          <xsl:attribute name="title"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'doc.zoomTooltip')"/></xsl:attribute>
+          <img id="zoomToggleImage">
+            <xsl:attribute name="src"><xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'zoom_image')"/></xsl:attribute>
+          </img>
+          <input id="zoomToggle" type="checkbox"/>
+          <script type="text/javascript">
+            <xsl:text disable-output-escaping="yes">
+
+              $("#zoomToggle").change(function()
+              {
+                _imageZoomEnabled = $("#zoomToggle").prop("checked");
+            if (_imageZoomEnabled) {
+              $('#moverHASH').css("display","block");
+            }
+              });
+              
+              $("#zoomToggleImage").click(function()
+              {
+                $("#zoomToggle").prop("checked", !$("#zoomToggle").prop("checked"));
+                _imageZoomEnabled = $("#zoomToggle").prop("checked");
+              });
+            </xsl:text>
+          </script>
+        </li>
+          </ul>
+
+-->
           <!--
           width="1380.2666"
           height="1746.2094"
           -->
+<!--
           <iframe src="sites/{$site_name}/collect/{$collName}/iframe/nz-territorial-authorities-v06.svg"
               style="float:right; positionXX: absolute; width: 483px; height: 610px; border: none; ">
         <gsf:comment>filler</gsf:comment>
           </iframe>
+-->
+
+
+
+<div>
+              <div class="zoomImage" id="wrapHASH" style="float: right; position:relative; width: 483px; height: 610px;">
+        <div id="smallHASH" style="position: relative; width: 483px; height: 610px;">
+          <iframe src="sites/{$site_name}/collect/{$collName}/iframe/nz-territorial-authorities-v06.svg"
+              style="floatXX:right; positionXXXX: absolute; width: 483px; height: 610px; border: none; ">
+            <xsl:comment>filler</xsl:comment>
+          </iframe>
+        </div>  
+        <div id="moverHASH" style="border: 1px solid #820404; position: absolute; top: -61.7667px; left: -20.5px; width: 498px; height: 498px; overflow: hidden; z-index: 100; background: #f5f3e5; none repeat scroll 0% 0%; display: none;">
+                  <div id="overlayHASH" style="width: 500px; height: 500px; position: absolute; top: 0; left: 0; z-index: 200;"> 
+            <xsl:comment>filler</xsl:comment> 
+          </div>
+          
+                  <div id="largeHASH" style="position: relative; width: 1380px; height:1744px; left: 600px; top: 100px; leftXX: -57.48px; topXX: -4.65867px;">
+
+            <iframe id="largeHASH-iframe" src="sites/{$site_name}/collect/{$collName}/iframe/nz-territorial-authorities-v06-large.svg"
+                style="floatXX:right; positionXXXX: absolute; width: 1380px; height: 1744px; border: none; ">
+              <xsl:comment>filler</xsl:comment>
+            </iframe>
+                  </div>
+        </div>
+          </div>
+
+        <script type="text/javascript">
+          <xsl:text disable-output-escaping="yes">
+          //{
+          //var bigHeight = 690;
+          //var smallHeight = 436;
+
+          var multiplier = 2;
+
+          var aZoomer = $("#wrapHASH").anythingZoomer({
+            smallArea: "#smallHASH",
+            largeArea: "#largeHASH",
+            zoomPort: "#overlayHASH",
+            mover: "#moverHASH",
+            expansionSize:50,  
+            speedMultiplier:3
+          });
+
+          $("#zoomOptions input").prop("checked", false);
+          $("#zoomOptions").css("display", "");
+          //}
+
+          _imageZoomEnabled = true;
+
+          aZoomer.mouseenter(function (e) { 
+         $('#moverHASH').css("display","block");
+             //console.log("**** mouseenter: pageX = " + e.pageX + "," + "PageY = " + e.pageY); 
+             $(aZoomer).trigger('mousemove',[e.pageX, e.pageY]); 
+
+         //mme = $.Event('mousemove');
+         //mme.pageX = e.pageX;
+         //mme.pageY = e.pageY;
+
+         //$(document).trigger(e);
+         //$('#moverHASH').fadeIn(); 
+          } );
+          //aZoomer.mouseout(function (e) { console.log("Mouse out") } );
+                
+                   
+
+          </xsl:text>
+        </script>
+
+</div>
         </xsl:if>