From da3d2e17a089a1358634dcbe69c91fe64190d0fe Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Mon, 28 Nov 2022 12:05:46 +0300
Subject: [PATCH 1/7] click oustide console error fixed

---
 resources/assets/js/components/AkauntingSearch.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/resources/assets/js/components/AkauntingSearch.vue b/resources/assets/js/components/AkauntingSearch.vue
index 7ba705ff1..fa2833500 100644
--- a/resources/assets/js/components/AkauntingSearch.vue
+++ b/resources/assets/js/components/AkauntingSearch.vue
@@ -645,12 +645,14 @@ export default {
         },
 
         closeIfClickedOutside(event) {
-            if (!document.getElementById('search-field-' + this._uid).contains(event.target) && event.target.getAttribute('data-btn') != 'btn btn-link') {
-                this.visible.options = false;
-                this.visible.operator = false;
-                this.visible.values = false;
+            if (document.getElementById('search-field-' + this._uid)) {
+                if (!document.getElementById('search-field-' + this._uid).contains(event.target) && event.target.getAttribute('data-btn') != 'btn btn-link') {
+                    this.visible.options = false;
+                    this.visible.operator = false;
+                    this.visible.values = false;
 
-                document.removeEventListener('click', this.closeIfClickedOutside);
+                    document.removeEventListener('click', this.closeIfClickedOutside);
+                }
             }
         },
     },

From f981b74797b4217c2b0806555297b2c0185145b3 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Mon, 28 Nov 2022 13:23:22 +0300
Subject: [PATCH 2/7] undefined classlist error fixed

---
 public/akaunting-js/generalAction.js | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/public/akaunting-js/generalAction.js b/public/akaunting-js/generalAction.js
index c6b29a79a..50caf406e 100644
--- a/public/akaunting-js/generalAction.js
+++ b/public/akaunting-js/generalAction.js
@@ -246,10 +246,11 @@ function runTooltip(tooltipToggleEl) {
 
     function show() {
         // Make the tooltip visible
-                tooltipEl.classList.remove("opacity-0");
-                tooltipEl.classList.add("opacity-100");
-                tooltipEl.classList.remove("invisible");
-                tooltipEl.classList.add("visible"); 
+        if (tooltipEl.classList.contains("opacity-0", "invisible")) {
+            tooltipEl.classList.remove("opacity-0", "invisible");
+        } else {
+            tooltipEl.classList.add("opacity-100", "visible");
+        }
          // Enable the event listeners
 
         popperInstance.setOptions((options) => ({
@@ -267,11 +268,12 @@ function runTooltip(tooltipToggleEl) {
     }
 
     function hide() {
+        if (tooltipEl.classList.contains("opacity-100", "visible")) {
+            tooltipEl.classList.remove("opacity-100", "visible");
+        } else {
+            tooltipEl.classList.add("opacity-0", "invisible");
+        }
         // Hide the tooltip
-            tooltipEl.classList.remove("opacity-100");
-            tooltipEl.classList.add("opacity-0");
-            tooltipEl.classList.remove("visible");
-            tooltipEl.classList.add("invisible");
         // Disable the event listeners
 
         popperInstance.setOptions((options) => ({

From c2fcd8036430a25b7ce754e236dca34477cb5bf7 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Mon, 28 Nov 2022 14:38:20 +0300
Subject: [PATCH 3/7] onSubmit console error fixed

---
 resources/assets/js/views/portal/apps.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/resources/assets/js/views/portal/apps.js b/resources/assets/js/views/portal/apps.js
index 547c56aa4..1cb97f284 100644
--- a/resources/assets/js/views/portal/apps.js
+++ b/resources/assets/js/views/portal/apps.js
@@ -147,6 +147,10 @@ const app = new Vue({
                           resolve({
                             template: '<div>' + response.data.html + '</div>',
 
+                            mixins: [
+                                Global
+                            ],
+
                             components: {
                                 CardForm
                             },
@@ -238,6 +242,10 @@ const app = new Vue({
                           resolve({
                             template: '<div>' + response.data.html + '</div>',
 
+                            mixins: [
+                                Global
+                            ],
+
                             components: {
                                 CardForm
                             },

From 67efcbbcaf58888024623bada70ba3ca13f4bc2e Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Mon, 28 Nov 2022 15:59:59 +0300
Subject: [PATCH 4/7] clear console error fixed

---
 resources/views/components/form/index.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/components/form/index.blade.php b/resources/views/components/form/index.blade.php
index 5dfcbcb73..4b09f2e66 100644
--- a/resources/views/components/form/index.blade.php
+++ b/resources/views/components/form/index.blade.php
@@ -17,7 +17,7 @@
     accept-charset="{{ $acceptCharset }}"
     @endif
     @submit.prevent="{{ $submit }}"
-    @keydown="form.errors.clear($event.target.name)"
+    @keydown="form.errors ? form.errors.clear($event.target.name) : null"
     {{ $attributes }}
 >
     @csrf

From ef75f2c43ec172eb9a29e459420174a8a3712490 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Mon, 28 Nov 2022 17:30:25 +0300
Subject: [PATCH 5/7] module button styling

---
 public/css/app.css                                     |  7 +++++++
 .../components/layouts/modules/show/buttons.blade.php  |  6 +++---
 .../components/layouts/modules/show/price.blade.php    |  2 +-
 .../components/layouts/modules/show/toggle.blade.php   |  4 ++--
 resources/views/components/loading/module.blade.php    |  9 +++++++++
 resources/views/modules/item/show.blade.php            | 10 ++++++----
 safelist.txt                                           |  1 +
 7 files changed, 29 insertions(+), 10 deletions(-)
 create mode 100644 resources/views/components/loading/module.blade.php

diff --git a/public/css/app.css b/public/css/app.css
index 9d098a3be..10c97872c 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -57885,5 +57885,12 @@ body{
   .\32xl\:w-8{
     width: 2rem;
   }
+
+  .\32xl\:flex-row{
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+            flex-direction: row;
+  }
 }
 
diff --git a/resources/views/components/layouts/modules/show/buttons.blade.php b/resources/views/components/layouts/modules/show/buttons.blade.php
index 436dabc66..1efee00b4 100644
--- a/resources/views/components/layouts/modules/show/buttons.blade.php
+++ b/resources/views/components/layouts/modules/show/buttons.blade.php
@@ -1,6 +1,6 @@
 @props(['module', 'installed', 'enable'])
 
-<div x-show="price_type == 'monthly'" class="w-full">
+<div x-show="price_type == 'monthly'" class="w-full flex space-x-6">
     <x-tooltip message="{{ trans('modules.hosted_on_akaunting') }}" placement="top" width="w-full">
         <x-link
             href="{{ $module->action_url }}"
@@ -13,7 +13,7 @@
     </x-tooltip>
 </div>
 
-<div x-show="price_type == 'yearly'" class="w-full">
+<div x-show="price_type == 'yearly'" class="w-full flex space-x-6">
     @if (in_array('onprime', $module->where_to_use) || $module->isPurchase)
         @if ($installed)
             @can('delete-modules-item')
@@ -98,7 +98,7 @@
     @endif
 </div>
 
-<div x-show="price_type == 'lifetime'" class="w-full">
+<div x-show="price_type == 'lifetime'" class="w-full flex space-x-6">
     @if (empty($module->plan))
         @if ($installed)
             @can('delete-modules-item')
diff --git a/resources/views/components/layouts/modules/show/price.blade.php b/resources/views/components/layouts/modules/show/price.blade.php
index 100d2164d..95589660d 100644
--- a/resources/views/components/layouts/modules/show/price.blade.php
+++ b/resources/views/components/layouts/modules/show/price.blade.php
@@ -1,7 +1,7 @@
 @props(['module'])
 
 @if ($module->price != '0.0000')
-    <div class="flex gap-2 items-baseline cursor-default">
+    <div class="flex flex-col 2xl:flex-row gap-2 items-baseline cursor-default">
         {!! $module->price_prefix !!}
 
         <div x-show="price_type == 'monthly'">
diff --git a/resources/views/components/layouts/modules/show/toggle.blade.php b/resources/views/components/layouts/modules/show/toggle.blade.php
index 2b99cd7b4..9ce529edc 100644
--- a/resources/views/components/layouts/modules/show/toggle.blade.php
+++ b/resources/views/components/layouts/modules/show/toggle.blade.php
@@ -1,7 +1,7 @@
 <x-form>
-    <div class="lg:absolute lg:ltr:right-0 lg:rtl:left-0 top-4">
+    <div>
         <div class="relative" x-model="price_type">
-            <div class="w-58 flex items-center bg-gray-200 p-1 ltr:mr-2 rtl:ml-2 rounded-lg">
+            <div class="w-58 flex items-center bg-gray-200 p-1 rounded-lg">
                 <button type="button"
                     x-on:click="price_type = 'monthly'"
                     class="w-18 flex justify-center px-2"
diff --git a/resources/views/components/loading/module.blade.php b/resources/views/components/loading/module.blade.php
new file mode 100644
index 000000000..f1b3d0adc
--- /dev/null
+++ b/resources/views/components/loading/module.blade.php
@@ -0,0 +1,9 @@
+<div
+  x-data="{ }"
+  x-init="document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.add('invisible') }) : null, setTimeout(() => $refs.loadingModuleContent.remove(), 1000), setTimeout(() => document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.remove('invisible') }) : null , 1010)"
+  x-ref="loadingModuleContent"
+  class="absolute lg:flex items-center justify-center bg-body top-0 bottom-0 left-0 right-0"
+  style="width: 120%; z-index: 60;"
+>
+  <img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28" alt="Akaunting" />
+</div>
\ No newline at end of file
diff --git a/resources/views/modules/item/show.blade.php b/resources/views/modules/item/show.blade.php
index 48ed7cbcd..e5b9f2844 100644
--- a/resources/views/modules/item/show.blade.php
+++ b/resources/views/modules/item/show.blade.php
@@ -54,7 +54,7 @@
                     @endif
                 </div>
 
-                <div class="w-full lg:w-5/12" x-data="{ price_type : 'yearly' }">
+                <div class="relative w-full lg:w-5/12" x-data="{ price_type : 'yearly' }">
                     <div class="flex flex-col space-y-6">
                         <div class="flex flex-col cursor-default">
                             <div class="flex flex-col space-y-4">
@@ -101,10 +101,12 @@
                             {!! ! empty($module->sort_desc) ? $module->sort_desc : strip_tags($module->description) !!}
                         </div>
 
-                        <div class="relative flex items-center space-x-4 justify-between">
+                        <div class="flex items-center space-x-4 justify-between">
+                            <x-loading.module />
+
                             <x-layouts.modules.show.price :module="$module" />
 
-                            <div class="flex w-1/2 lg:justify-center">
+                            <div class="flex lg:justify-center">
                                 @if ($module->price != '0.0000')
                                     <x-layouts.modules.show.toggle />
                                 @endif
@@ -114,7 +116,7 @@
                         <x-layouts.modules.show.information :module="$module" />
                     </div>
 
-                    <div class="flex justify-around space-x-12 mt-5">
+                    <div class="flex justify-around mt-5">
                         <x-layouts.modules.show.buttons :module="$module" :installed="$installed" :enable="$enable" />
                     </div>
                 </div>
diff --git a/safelist.txt b/safelist.txt
index 51df5748d..0d57c72b2 100644
--- a/safelist.txt
+++ b/safelist.txt
@@ -70,6 +70,7 @@ lg:overflow-x-hidden
 xl:grid-cols-4
 xl:w-8/12
 xl:pt-6
+2xl:flex-row
 ltr:-right-10
 rtl:-left-10
 ltr:rounded-tl-md

From ecc643435bc67212333eadec7c495d6a4c1b3a14 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Mon, 28 Nov 2022 17:55:21 +0300
Subject: [PATCH 6/7] refactoring

---
 .../layouts/modules/show/toggle.blade.php          | 14 +++++++-------
 .../views/components/loading/module.blade.php      |  9 ---------
 resources/views/modules/item/show.blade.php        |  4 ++--
 3 files changed, 9 insertions(+), 18 deletions(-)
 delete mode 100644 resources/views/components/loading/module.blade.php

diff --git a/resources/views/components/layouts/modules/show/toggle.blade.php b/resources/views/components/layouts/modules/show/toggle.blade.php
index 9ce529edc..bb2e06b1d 100644
--- a/resources/views/components/layouts/modules/show/toggle.blade.php
+++ b/resources/views/components/layouts/modules/show/toggle.blade.php
@@ -1,27 +1,27 @@
 <x-form>
     <div>
         <div class="relative" x-model="price_type">
-            <div class="w-58 flex items-center bg-gray-200 p-1 rounded-lg">
+            <div class="w-58 flex items-center">
                 <button type="button"
                     x-on:click="price_type = 'monthly'"
-                    class="w-18 flex justify-center px-2"
-                    x-bind:class="price_type == 'monthly' ? 'bg-white rounded-lg' : 'btn-outline-primary'"
+                    class="w-18 flex justify-center text-base px-2 py-1 rounded-tl-lg rounded-bl-lg"
+                    x-bind:class="price_type == 'monthly' ? 'bg-black-700 text-white' : 'bg-gray-200 btn-outline-primary'"
                 >
                     {{ trans('general.monthly') }}
                 </button>
 
                 <button type="button"
                     x-on:click="price_type = 'yearly'"
-                    class="w-18 flex justify-center px-2"
-                    x-bind:class="price_type == 'yearly' ? 'bg-white rounded-lg' : 'btn-outline-primary'"
+                    class="w-18 flex justify-center text-base px-2 py-1 border-r border-l border-gray-300"
+                    x-bind:class="price_type == 'yearly' ? 'bg-black-700 text-white' : 'bg-gray-200 btn-outline-primary'"
                 >
                     {{ trans('general.yearly') }}
                 </button>
 
                 <button type="button"
                     x-on:click="price_type = 'lifetime'"
-                    class="w-18 flex justify-center px-2"
-                    x-bind:class="price_type == 'lifetime' ? 'bg-white rounded-lg' : 'btn-outline-primary'"
+                    class="w-18 flex justify-center text-base px-2 py-1 rounded-tr-lg rounded-br-lg "
+                    x-bind:class="price_type == 'lifetime' ? 'bg-black-700 text-white' : 'bg-gray-200 btn-outline-primary'"
                 >
                     {{ trans('general.lifetime') }}
                 </button>
diff --git a/resources/views/components/loading/module.blade.php b/resources/views/components/loading/module.blade.php
deleted file mode 100644
index f1b3d0adc..000000000
--- a/resources/views/components/loading/module.blade.php
+++ /dev/null
@@ -1,9 +0,0 @@
-<div
-  x-data="{ }"
-  x-init="document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.add('invisible') }) : null, setTimeout(() => $refs.loadingModuleContent.remove(), 1000), setTimeout(() => document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.remove('invisible') }) : null , 1010)"
-  x-ref="loadingModuleContent"
-  class="absolute lg:flex items-center justify-center bg-body top-0 bottom-0 left-0 right-0"
-  style="width: 120%; z-index: 60;"
->
-  <img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28" alt="Akaunting" />
-</div>
\ No newline at end of file
diff --git a/resources/views/modules/item/show.blade.php b/resources/views/modules/item/show.blade.php
index e5b9f2844..6a4dac4ab 100644
--- a/resources/views/modules/item/show.blade.php
+++ b/resources/views/modules/item/show.blade.php
@@ -14,6 +14,8 @@
     </x-slot>
 
     <x-slot name="content">
+        <x-loading.content />
+        
         <div class="flex flex-col space-y-16 py-4 cursor-default">
             <div class="flex flex-col lg:flex-row w-full lg:space-x-16 rtl:space-x-reverse space-y-0">
                 <div class="w-full lg:w-7/12 flex flex-col space-x-2 banner">
@@ -102,8 +104,6 @@
                         </div>
 
                         <div class="flex items-center space-x-4 justify-between">
-                            <x-loading.module />
-
                             <x-layouts.modules.show.price :module="$module" />
 
                             <div class="flex lg:justify-center">

From 5714269f4a9399f7a41ddfd945ac9b183bd10d40 Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Mon, 28 Nov 2022 17:58:41 +0300
Subject: [PATCH 7/7] unused developments ejected

---
 public/akaunting-js/generalAction.js           | 18 ++++++++----------
 .../views/components/form/index.blade.php      |  2 +-
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/public/akaunting-js/generalAction.js b/public/akaunting-js/generalAction.js
index 50caf406e..7784ca600 100644
--- a/public/akaunting-js/generalAction.js
+++ b/public/akaunting-js/generalAction.js
@@ -246,11 +246,10 @@ function runTooltip(tooltipToggleEl) {
 
     function show() {
         // Make the tooltip visible
-        if (tooltipEl.classList.contains("opacity-0", "invisible")) {
-            tooltipEl.classList.remove("opacity-0", "invisible");
-        } else {
-            tooltipEl.classList.add("opacity-100", "visible");
-        }
+        tooltipEl.classList.remove("opacity-0");
+        tooltipEl.classList.add("opacity-100");
+        tooltipEl.classList.remove("invisible");
+        tooltipEl.classList.add("visible"); 
          // Enable the event listeners
 
         popperInstance.setOptions((options) => ({
@@ -268,11 +267,10 @@ function runTooltip(tooltipToggleEl) {
     }
 
     function hide() {
-        if (tooltipEl.classList.contains("opacity-100", "visible")) {
-            tooltipEl.classList.remove("opacity-100", "visible");
-        } else {
-            tooltipEl.classList.add("opacity-0", "invisible");
-        }
+        tooltipEl.classList.remove("opacity-100");
+        tooltipEl.classList.add("opacity-0");
+        tooltipEl.classList.remove("visible");
+        tooltipEl.classList.add("invisible");
         // Hide the tooltip
         // Disable the event listeners
 
diff --git a/resources/views/components/form/index.blade.php b/resources/views/components/form/index.blade.php
index 4b09f2e66..5dfcbcb73 100644
--- a/resources/views/components/form/index.blade.php
+++ b/resources/views/components/form/index.blade.php
@@ -17,7 +17,7 @@
     accept-charset="{{ $acceptCharset }}"
     @endif
     @submit.prevent="{{ $submit }}"
-    @keydown="form.errors ? form.errors.clear($event.target.name) : null"
+    @keydown="form.errors.clear($event.target.name)"
     {{ $attributes }}
 >
     @csrf