fix: error placeholders

gustaveWPM · Oct 4, 2023 · 66fedb3 · 66fedb3
1 parent e8ab492
commit 66fedb3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/docs/assets/maugallery.js b/docs/assets/maugallery.js
@@ -1,7 +1,8 @@
 // * ... Prefix Class
 const _mauGalleryManager = {
   mauGalleryGlobalConfig: {
-    mauPrefixClass: typeof _asyncMauGalleryLauncher !== 'undefined' ? _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.mauPrefixClass : 'mau'
+    mauPrefixClass: typeof _asyncMauGalleryLauncher !== 'undefined' ? _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.mauPrefixClass : 'mau',
+    galleryPlaceholderClass: typeof _asyncMauGalleryLauncher !== 'undefined' ? _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.galleryPlaceholderClass : 'gallery-placeholder'
   }
 };
 
@@ -15,7 +16,6 @@ Object.assign(_mauGalleryManager.mauGalleryGlobalConfig, {
   modalTriggerClass: 'modal-trigger',
   galleryItemClass: 'gallery-item',
   modalWrapperClass: 'modal-component',
-  galleryPlaceHolderClass: 'gallery-placeholder',
   styles: {
     animation: {
       modal: {
@@ -1077,8 +1077,8 @@ if (typeof _asyncMauGalleryLauncher === 'undefined') {
 
   _mauGalleryManager.mauGalleriesConfig.forEach((conf) => {
     new _mauGalleryManager.MauGallery(conf);
-    const galleryPlaceHolderClass = _mauGalleryManager.options('galleryPlaceHolderClass');
-    const placeholder = document.querySelector(`#${conf.galleryRootNodeId} .${galleryPlaceHolderClass}`);
+    const galleryPlaceholderClass = _mauGalleryManager.options('galleryPlaceholderClass');
+    const placeholder = document.querySelector(`#${conf.galleryRootNodeId} .${galleryPlaceholderClass}`);
     if (placeholder) placeholder.remove();
   });
 }
diff --git a/docs/assets/maugalleryLauncher.js b/docs/assets/maugalleryLauncher.js
@@ -1,10 +1,11 @@
 let _asyncMauGalleryLauncher = {
   LauncherCls: class LauncherCls {
     constructor() {
-      this.failedToLoadMauGalleryMsg = 'Failed to load MauGallery! Please, retry to load this page.';
+      this.failedToLoadMauGalleryMsg = 'Failed to load MauGallery! Please, try to refresh this page.';
       this.boostrapIsAsyncLoadedSomewhereElseInMyCodebasePleaseDoNotAsyncLoadItHereImBeggingYou = false;
       this.globalMauGalleryConfig = {
-        mauPrefixClass: 'mau'
+        mauPrefixClass: 'mau',
+        galleryPlaceholderClass: 'gallery-placeholder'
       };
 
       this.readyToMountGalleriesComponents = false;
@@ -43,8 +44,8 @@ let _asyncMauGalleryLauncher = {
               clearInterval(coroutine);
               launcherPtr.Launcher.mauGalleriesConfig.forEach((conf) => {
                 new _mauGalleryManager.MauGallery(conf);
-                const galleryPlaceHolderClass = _mauGalleryManager.options('galleryPlaceHolderClass');
-                const placeholder = document.querySelector(`#${conf.galleryRootNodeId} .${galleryPlaceHolderClass}`);
+                const galleryPlaceholderClass = _mauGalleryManager.options('galleryPlaceholderClass');
+                const placeholder = document.querySelector(`#${conf.galleryRootNodeId} .${galleryPlaceholderClass}`);
                 if (placeholder) placeholder.remove();
               });
             }
@@ -482,10 +483,11 @@ let _asyncMauGalleryLauncher = {
             errorCallbacks: [
               async function failedToInjectMauGallery() {
                 const mauPrefixClass = _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.mauPrefixClass;
-                const galleryPlaceHolderClass = _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.galleryPlaceHolderClass;
-                const placeholders = document.querySelectorAll(`.${mauPrefixClass}.${galleryPlaceHolderClass}`);
+                const galleryPlaceholderClass = _asyncMauGalleryLauncher.Launcher.globalMauGalleryConfig.galleryPlaceholderClass;
+                const placeholders = document.querySelectorAll(`.${mauPrefixClass}.${galleryPlaceholderClass}`);
                 placeholders.forEach(
-                  (element) => (element.outerHTML = `<div class="mau gallery-placeholder alert alert-danger" role="alert">${_asyncMauGalleryLauncher.Launcher.failedToLoadMauGalleryMsg}</div>`)
+                  (element) =>
+                    (element.outerHTML = `<div class="${mauPrefixClass} ${galleryPlaceholderClass} alert alert-danger" role="alert">${_asyncMauGalleryLauncher.Launcher.failedToLoadMauGalleryMsg}</div>`)
                 );
               }
             ]