From e423b5d74520d4f2ebb89856fc380d81f18d5722 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Tue, 18 Feb 2020 13:29:15 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D1=85=D0=BE=D0=B4=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20quasar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/share/NumInput.vue | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/client/components/share/NumInput.vue b/client/components/share/NumInput.vue
index 1f126e82..cb9b4c3d 100644
--- a/client/components/share/NumInput.vue
+++ b/client/components/share/NumInput.vue
@@ -5,11 +5,21 @@
         class="no-mp"
         :class="(error ? 'error' : '')"
     >
+        <slot></slot>
         <template v-slot:prepend>
-            <q-icon name="la la-minus-circle" class="button" v-ripple @click="minus"/>
+            <q-icon :class="(validate(value - step) ? '' : 'disable')" 
+                name="la la-minus-circle" 
+                class="button" 
+                :v-ripple="validate(value - step)" 
+                @click="minus"
+            />
         </template>
         <template v-slot:append>
-            <q-icon name="la la-plus-circle" class="button" v-ripple @click="plus"/>
+            <q-icon :class="(validate(value + step) ? '' : 'disable')"
+                name="la la-plus-circle"
+                class="button"
+                :v-ripple="validate(value + step)"
+                @click="plus"/>
         </template>
     </q-input>
 </template>
@@ -87,10 +97,11 @@ class NumInput extends NumInputProps {
 .button {
     font-size: 130%;
     border-radius: 20px;
-    color: #616161;
+    color: #bbb;
 }
 
 .button:hover {
+    color: #616161;
     background-color: #efebe9;
 }
 
@@ -98,4 +109,10 @@ class NumInput extends NumInputProps {
     background-color: #ffabab;
     border-radius: 3px;
 }
+
+.disable, .disable:hover {
+    cursor: not-allowed;
+    color: #bbb;
+    background-color: white;
+}
 </style>
\ No newline at end of file