custom js events fix (#407)

* custom js events fix * build new scripts
BitBagCommerce · Dec 9, 2021 · 6a1b664 · 6a1b664
1 parent cc62e53
commit 6a1b664
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/src/Resources/assets/admin/js/bitbag/bitbag-cms-preview.js b/src/Resources/assets/admin/js/bitbag/bitbag-cms-preview.js
@@ -70,22 +70,22 @@ export class HandlePreview {
         };
 
         try {
-            triggerCustomEvent(this.mediaContainer, 'cms.create.preview.start');
+            triggerCustomEvent(this.modal, 'cms.create.preview.start');
             const req = await fetch(`${path}?_channel_code=${channelCode}&_locale=${localeCode}`, settings);
             const res = await req.text();
 
             const blob = new Blob([res], {type: 'text/html', charset: 'utf-8'});
             const blobUrl = window.URL.createObjectURL(blob);
 
             this.modal.querySelector('iframe').src = blobUrl;
-            triggerCustomEvent(this.mediaContainer, 'cms.create.preview.completed', res);
+            triggerCustomEvent(this.modal, 'cms.create.preview.completed', res);
         } catch (error) {
             console.error(`BitBag CMS Plugin - HandlePreview class error : ${error}`);
-            triggerCustomEvent(this.mediaContainer, 'cms.create.preview.error', error);
+            triggerCustomEvent(this.modal, 'cms.create.preview.error', error);
         } finally {
             this.modal.querySelector('.ui.loadable').classList.remove('loading');
             this.modal.disabled = false;
-            triggerCustomEvent(this.mediaContainer, 'cms.create.preview.end');
+            triggerCustomEvent(this.modal, 'cms.create.preview.end');
         }
     }
 }

diff --git a/src/Resources/assets/admin/js/bitbag/bitbag-page-slug.js b/src/Resources/assets/admin/js/bitbag/bitbag-page-slug.js
@@ -70,22 +70,20 @@ export class HandleSlugUpdate {
     }
 
     async _updateSlug(slugField, value) {
-        triggerCustomEvent(this.mediaContainer, 'cms.slug.update.start');
+        triggerCustomEvent(slugField, 'cms.slug.update.start');
         slugField.parentNode.classList.add('loading');
         slugField.value = await this._getValidSlug(slugField.dataset.url, value);
         slugField.parentNode.classList.remove('loading');
-        triggerCustomEvent(this.mediaContainer, 'cms.slug.update.end');
+        triggerCustomEvent(slugField, 'cms.slug.update.end');
     }
 
     async _getValidSlug(url, value) {
         try {
             const request = await fetch(`${url}?name=${value}`);
             const response = await request.json();
-            triggerCustomEvent(this.mediaContainer, 'cms.slug.update.completed', response);
             return response.slug;
         } catch (error) {
             console.error(`BitBag CMS Plugin - HandleSlugUpdate class error : ${error}`);
-            triggerCustomEvent(this.mediaContainer, 'cms.slug.update.error', error);
         }
     }