src_js/iconolab-bundle/src/components/editor/Canvas.vue
changeset 352 4f0ede751fcf
parent 350 7c0b98b10e00
child 355 004fdb42f063
--- a/src_js/iconolab-bundle/src/components/editor/Canvas.vue	Wed Feb 22 18:32:39 2017 +0100
+++ b/src_js/iconolab-bundle/src/components/editor/Canvas.vue	Wed Feb 22 18:40:49 2017 +0100
@@ -24,8 +24,14 @@
         </div>
         <div class="zoomer">
             <div class="btn-group-vertical" role="group" aria-label="...">
-                <button @click="zoomIn" type="button" class="btn btn-default"><i class="fa fa-plus" aria-hidden="true"></i></button>
-                <button @click="zoomOut" type="button" class="btn btn-default"><i class="fa fa-minus" aria-hidden="true"></i></button>
+                <button @click="zoomIn" type="button" class="btn btn-default"
+                    v-bind:class="{ disabled: scale >= 1.9 }">
+                    <i class="fa fa-plus" aria-hidden="true"></i>
+                </button>
+                <button @click="zoomOut" type="button" class="btn btn-default"
+                    v-bind:class="{ disabled: scale === 1 }">
+                    <i class="fa fa-minus" aria-hidden="true"></i>
+                </button>
             </div>
         </div>
         <div class="zoom-thumbnail">
@@ -314,6 +320,7 @@
             },
 
             zoomIn: function() {
+                if (this.scale >= 1.9) { return; }
                 this.scale = this.scale + (1 * this.zoomFactor);
             },