Added beforeMounted/mounted events

validide · Mar 23, 2020 · 6a9ced3 · 6a9ced3
1 parent 22a8c14
commit 6a9ced3
Show file tree

Hide file tree

Showing 6 changed files with 349 additions and 184 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -163,6 +163,11 @@ <h3>Modal Content IframeLoader</h3>
     integrity="sha256-e+lKyc6IHmfX3PMu1Z1Xi1KAHZRUYwKP/KD/n5C7ecs=" crossorigin="anonymous"></script>
   <script src="./lib/bundle/index.js"></script>
   <script src="./js/app.js"></script>
+  <script>
+    (function () {
+      //window.addEventListener('message', function (e) { console.log(e); });
+    })();
+  </script>
   <script data-lang="js" id="js-IframeHttpRequest">
     (function () {
       var request = new validide_jbu.IframeHttpRequest(
@@ -270,8 +275,7 @@ <h3>Modal Content IframeLoader</h3>
   </script>
   <script data-lang="js" id="js-IframeLoader-simple">
     (function () {
-      var consoleContainer = window.document
-        .getElementById('console-IframeLoader-simple');
+      var consoleContainer = window.document.getElementById('console-IframeLoader-simple');
       var events = [];
       var eventHander = function (e, contentContainer) {
         events.push(e);
@@ -286,6 +290,12 @@ <h3>Modal Content IframeLoader</h3>
             e.el.classList.add('iframe-pending-ready');
             break;
           }
+          case 'beforeMount': {
+            break;
+          }
+          case 'mounted': {
+            break;
+          }
           case 'beforeUpdate': {
             window.app.addLoader(contentContainer);
             break;
@@ -315,102 +325,53 @@ <h3>Modal Content IframeLoader</h3>
           events.map(e => JSON.stringify(e, undefined, 2)).join('\n'));
       };
 
-      var iframeContentLoader = new validide_jbu
-        .IframeLoader(window, {
-          url: './simple-iframe-content.html',
-          parent: '#result-IframeLoader-simple',
+      function createIframeLoader(url, parent) {
+        var parentEl = document.getElementById(parent);
+        return new validide_jbu.IframeLoader(window, {
+          url: url,
+          parent: parentEl,
           events: {
             beforeCreate: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-simple')
-              );
+              eventHander(e, parentEl);
             },
             created: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-simple')
-              );
-            },
-            beforeUpdate: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-simple')
-              );
+              eventHander(e, parentEl);
             },
-            updated: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-simple')
-              );
-            },
-            beforeDestroy: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-simple')
-              );
-            },
-            destroyed: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-simple'
-                ))
-                ;
-            }
-          },
-          iframeAttributes: {
-            'allowtransparency': 'true',
-            'frameborder': 0
-          }
-        });
-
-      var crossDomainIframeContentLoader = new validide_jbu
-        .IframeLoader(window, {
-          url: 'https://vadi-testing-stuff.firebaseapp.com/javascript-browser-utilities/simple-iframe-content.html',
-          parent: '#result-IframeLoader-cross-domain',
-          events: {
-            beforeCreate: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-cross-domain')
-              );
+            beforeMount: function (e) {
+              eventHander(e, parentEl);
             },
-            created: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-cross-domain')
-              );
+            mounted: function (e) {
+              eventHander(e, parentEl);
             },
             beforeUpdate: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-cross-domain')
-              );
+              eventHander(e, parentEl);
             },
             updated: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-cross-domain')
-              );
+              eventHander(e, parentEl);
             },
             beforeDestroy: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-cross-domain')
-              );
+              eventHander(e, parentEl);
             },
             destroyed: function (e) {
-              eventHander(
-                e,
-                document.getElementById('result-IframeLoader-cross-domain')
-              );
+              eventHander(e, parentEl);
             }
           },
           iframeAttributes: {
             'allowtransparency': 'true',
             'frameborder': 0
           }
         });
+      };
+
+      var iframeContentLoader = createIframeLoader(
+        './simple-iframe-content.html',
+        'result-IframeLoader-simple'
+      );
+
+      var crossDomainIframeContentLoader = createIframeLoader(
+        'https://vadi-testing-stuff.firebaseapp.com/javascript-browser-utilities/simple-iframe-content.html',
+        'result-IframeLoader-cross-domain'
+      );
     })();
   </script>
   <script data-lang="js" id="js-IframeLoader-modal">
@@ -431,6 +392,8 @@ <h3>Modal Content IframeLoader</h3>
             events: {
               beforeCreate: eventHander,
               created: eventHander,
+              beforeMount: eventHander,
+              mounted: eventHander,
               beforeUpdate: eventHander,
               updated: eventHander,
               beforeDestroy: eventHander,
@@ -454,6 +417,12 @@ <h3>Modal Content IframeLoader</h3>
             e.el.classList.add('d-none');
             break;
           }
+          case 'beforeMount': {
+            break;
+          }
+          case 'mounted': {
+            break;
+          }
           case 'beforeUpdate': {
             window.app.setPageLoadingState(true);
             break;

diff --git a/docs/lib/bundle/index.js b/docs/lib/bundle/index.js
diff --git a/docs/lib/bundle/index.js.map b/docs/lib/bundle/index.js.map