src_js/iconolab-bundle/src/components/zoomview/template.html
changeset 146 f912b591e1c1
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src_js/iconolab-bundle/src/components/zoomview/template.html	Fri Aug 19 19:04:26 2016 +0200
@@ -0,0 +1,22 @@
+<div class="zoomview-wrapper">
+
+	<p class='form-drawing pullright'><strong>Zoom</strong></p>
+
+	<svg ref="root-svg">
+		<image 
+			id="small-image"
+			x="0" 
+			y="0" 
+			xmlns:xlink="http://www.w3.org/1999/xlink" 
+			:xlink:href="imageUrl" 
+			:width="imageWidth" 
+			:height="imageHeight"></image>
+		<rect v-show="showHandler" id="zoom-handler" ref="handler" x="0" y="0" style="fill:black; opacity:0.4"></rect>
+	</svg>
+
+	<ul class="form-drawing-wrapper zoom-action-list list-inline">
+		<li class="small showPointer" @click="incraseDrawingZoom"><i class="fa fa-search-plus"></i> </li>
+		<li class="small showPointer" @click="resetDrawingZoom"><i class="fa fa-square"></i> </li>
+		<li class="small showPointer" @click="decreaseDrawingZoom"><i class="fa fa-search-minus"></i> </li>
+	</ul>
+</div>
\ No newline at end of file