Fixed some image manager behaviour

fixed:
- Double click not working after tab usage.
- Synced edit form with select button.

diff --git a/resources/js/components/image-manager.js b/resources/js/components/image-manager.js
index 71bc55f2eb3a684d7e3292757dbec818b776d007..c974ab1b0abd818d7be81c81d08ae56cf134cd6c 100644 (file)
--- a/resources/js/components/image-manager.js
+++ b/resources/js/components/image-manager.js
@@ -27,8 +27,8 @@ class ImageManager {
         this.type = 'gallery';
         this.lastSelected = {};
         this.lastSelectedTime = 0;
         this.type = 'gallery';
         this.lastSelected = {};
         this.lastSelectedTime = 0;

+        this.callback = null;

         this.resetState = () => {
         this.resetState = () => {

-            this.callback = null;

             this.hasData = false;
             this.page = 1;
             this.filter = 'all';
             this.hasData = false;
             this.page = 1;
             this.filter = 'all';


@@ -143,14 +143,19 @@ class ImageManager {
         this.resetState();
         this.resetListView();
         this.resetSearchView();
         this.resetState();
         this.resetListView();
         this.resetSearchView();

-        this.formContainer.innerHTML = '';
+        this.resetEditForm();

         this.setActiveFilterTab('all');
         this.setActiveFilterTab('all');

+        this.selectButton.classList.add('hidden');

     }
 
     resetSearchView() {
         this.searchInput.value = '';
     }
 
     }
 
     resetSearchView() {
         this.searchInput.value = '';
     }
 

+    resetEditForm() {
+        this.formContainer.innerHTML = '';
+    }
+

     resetListView() {
         showLoading(this.listContainer);
         this.page = 1;
     resetListView() {
         showLoading(this.listContainer);
         this.page = 1;


@@ -173,6 +178,8 @@ class ImageManager {
         if (!alreadySelected) {
             event.target.classList.add('selected');
             this.loadImageEditForm(image.id);
         if (!alreadySelected) {
             event.target.classList.add('selected');
             this.loadImageEditForm(image.id);

+        } else {
+            this.resetEditForm();

         }
         this.selectButton.classList.toggle('hidden', alreadySelected);
 
         }
         this.selectButton.classList.toggle('hidden', alreadySelected);