From d36ef71dd923bd088e6d5a3c86575f6130e6cba4 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Wed, 8 Jun 2022 11:35:11 +0200
Subject: [PATCH] #153 - added for created forms

---
 resources/js/Pages/Holidays/Create.vue        | 3 ++-
 resources/js/Pages/Resumes/Create.vue         | 2 ++
 resources/js/Pages/Technologies.vue           | 3 ++-
 resources/js/Pages/Users/Create.vue           | 3 ++-
 resources/js/Pages/VacationRequest/Create.vue | 3 ++-
 5 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/resources/js/Pages/Holidays/Create.vue b/resources/js/Pages/Holidays/Create.vue
index 4b8f3c1..e29d43f 100644
--- a/resources/js/Pages/Holidays/Create.vue
+++ b/resources/js/Pages/Holidays/Create.vue
@@ -67,8 +67,9 @@
           </InertiaLink>
           <button
             type="submit"
-            :disabled="form.processing"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+            :disabled="form.processing || !form.isDirty"
           >
             Zapisz
           </button>
diff --git a/resources/js/Pages/Resumes/Create.vue b/resources/js/Pages/Resumes/Create.vue
index a70c461..3675dfe 100644
--- a/resources/js/Pages/Resumes/Create.vue
+++ b/resources/js/Pages/Resumes/Create.vue
@@ -532,6 +532,8 @@
             <button
               type="submit"
               class="inline-flex justify-center py-2 px-4 ml-3 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+              :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+              :disabled="form.processing || !form.isDirty"
             >
               Zapisz
             </button>
diff --git a/resources/js/Pages/Technologies.vue b/resources/js/Pages/Technologies.vue
index f578cc4..7e6ec9a 100644
--- a/resources/js/Pages/Technologies.vue
+++ b/resources/js/Pages/Technologies.vue
@@ -187,8 +187,9 @@
                 </button>
                 <button
                   type="submit"
-                  :disabled="form.processing"
                   class="inline-flex justify-center py-2 px-4 text-base font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm sm:text-sm"
+                  :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+                  :disabled="form.processing || !form.isDirty"
                 >
                   Dodaj
                 </button>
diff --git a/resources/js/Pages/Users/Create.vue b/resources/js/Pages/Users/Create.vue
index 18d7e96..bfd5f69 100644
--- a/resources/js/Pages/Users/Create.vue
+++ b/resources/js/Pages/Users/Create.vue
@@ -290,8 +290,9 @@
           </InertiaLink>
           <button
             type="submit"
-            :disabled="form.processing"
             class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+            :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+            :disabled="form.processing || !form.isDirty"
           >
             Zapisz
           </button>
diff --git a/resources/js/Pages/VacationRequest/Create.vue b/resources/js/Pages/VacationRequest/Create.vue
index 3118556..40e6e4c 100644
--- a/resources/js/Pages/VacationRequest/Create.vue
+++ b/resources/js/Pages/VacationRequest/Create.vue
@@ -296,8 +296,9 @@
               </InertiaLink>
               <button
                 type="submit"
-                :disabled="form.processing"
                 class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 hover:bg-blumilk-700 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
+                :class="{ 'disabled:opacity-60': form.processing || !form.isDirty }"
+                :disabled="form.processing || !form.isDirty"
               >
                 Zapisz
               </button>