# HG changeset patch
# User Alexandre Segura <mex.zktk@gmail.com>
# Date 1487785249 -3600
# Node ID 4f0ede751fcfe53e4a9474ed176c509f3ae56cf8
# Parent  2d5557c01f9558733c2f16d8d6872fac251b9b5e
Handle max zoom level.

diff -r 2d5557c01f95 -r 4f0ede751fcf src_js/iconolab-bundle/src/components/editor/Canvas.vue
--- 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);
             },