src_js/iconolab-bundle/src/components/zoomview/template.html
changeset 146 f912b591e1c1
equal deleted inserted replaced
145:de5736883786 146:f912b591e1c1
       
     1 <div class="zoomview-wrapper">
       
     2 
       
     3 	<p class='form-drawing pullright'><strong>Zoom</strong></p>
       
     4 
       
     5 	<svg ref="root-svg">
       
     6 		<image 
       
     7 			id="small-image"
       
     8 			x="0" 
       
     9 			y="0" 
       
    10 			xmlns:xlink="http://www.w3.org/1999/xlink" 
       
    11 			:xlink:href="imageUrl" 
       
    12 			:width="imageWidth" 
       
    13 			:height="imageHeight"></image>
       
    14 		<rect v-show="showHandler" id="zoom-handler" ref="handler" x="0" y="0" style="fill:black; opacity:0.4"></rect>
       
    15 	</svg>
       
    16 
       
    17 	<ul class="form-drawing-wrapper zoom-action-list list-inline">
       
    18 		<li class="small showPointer" @click="incraseDrawingZoom"><i class="fa fa-search-plus"></i> </li>
       
    19 		<li class="small showPointer" @click="resetDrawingZoom"><i class="fa fa-square"></i> </li>
       
    20 		<li class="small showPointer" @click="decreaseDrawingZoom"><i class="fa fa-search-minus"></i> </li>
       
    21 	</ul>
       
    22 </div>