From 4d009e11b0ca1a0fd4ddcd82924f0dd13c606dee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=BCneyt=20=C5=9Eent=C3=BCrk?= <cneytsenturk@gmail.com>
Date: Fri, 5 Jun 2020 16:12:19 +0300
Subject: [PATCH] close #1453 Fixed: Style problem with date field after
 validation

---
 public/css/custom.css                               | 4 ++++
 resources/assets/js/components/AkauntingDate.vue    | 2 +-
 resources/assets/js/components/Inputs/BaseInput.vue | 9 +++++++++
 resources/views/partials/form/date_group.blade.php  | 6 ++++++
 4 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/public/css/custom.css b/public/css/custom.css
index 8491b2c9d..91fb421dc 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -826,3 +826,7 @@ table .align-items-center td span.badge {
 .navbar-vertical .navbar-nav .nav-link:not(.active) {
     color: #fff !important;
 }
+
+.form-group.has-error .el-input__inner {
+    border-color: #ef3232 !important;
+}
diff --git a/resources/assets/js/components/AkauntingDate.vue b/resources/assets/js/components/AkauntingDate.vue
index 924e404fc..ce0710a4d 100644
--- a/resources/assets/js/components/AkauntingDate.vue
+++ b/resources/assets/js/components/AkauntingDate.vue
@@ -6,7 +6,7 @@
             {'disabled': disabled},
             formClasses
         ]"
-        :error="formError"
+        :footer-error="formError"
         :prependIcon="icon"
         :readonly="readonly"
         :disabled="disabled"
diff --git a/resources/assets/js/components/Inputs/BaseInput.vue b/resources/assets/js/components/Inputs/BaseInput.vue
index 4d59ec559..a8fda25d2 100644
--- a/resources/assets/js/components/Inputs/BaseInput.vue
+++ b/resources/assets/js/components/Inputs/BaseInput.vue
@@ -52,6 +52,11 @@
         </div>
       </slot>
     </div>
+    <slot name="error">
+      <div v-if="footerError" class="invalid-feedback d-block"
+          v-html="footerError">
+      </div>
+    </slot>
   </div>
 </template>
 <script>
@@ -84,6 +89,10 @@
         type: String,
         description: "Input error (below input)"
       },
+      footerError: {
+        type: String,
+        description: "Input error (below input)"
+      },
       successMessage: {
         type: String,
         description: "Input success message",
diff --git a/resources/views/partials/form/date_group.blade.php b/resources/views/partials/form/date_group.blade.php
index e072095d4..4ce430b92 100644
--- a/resources/views/partials/form/date_group.blade.php
+++ b/resources/views/partials/form/date_group.blade.php
@@ -9,6 +9,8 @@
         :form-classes="[{'has-error': form.errors.get('{{ $name }}') }]"
         @endif
 
+        :group_class="'{{ $group_class }}'"
+
         icon="fa fa-{{ $icon }}"
         title="{{ $text }}"
         placeholder="{{ trans('general.form.select.field', ['field' => $text]) }}"
@@ -47,6 +49,10 @@
         @interface="form.{{ $name }} = $event"
         @endif
 
+        @if (isset($attributes['required']))
+        :required="{{ ($attributes['required']) ? 'true' : 'false' }}"
+        @endif
+
         @if (isset($attributes['readonly']))
         :readonly="{{ $attributes['readonly'] }}"
         @endif