async calls

Author: odeimaiz

services/static-webserver/client/source/class/osparc/Application.js

@@ -64,8 +64,8 @@ qx.Class.define("osparc.Application", {
       }
 
       // libs
-      osparc.wrapper.DOMPurify.getInstance().init();
-      osparc.wrapper.IntlTelInput.getInstance().init();
+      await osparc.wrapper.DOMPurify.getInstance().init();
+      await osparc.wrapper.IntlTelInput.getInstance().init();
 
       // trackers
       osparc.announcement.Tracker.getInstance().startTracker();

services/static-webserver/client/source/class/osparc/wrapper/DOMPurify.js

@@ -74,23 +74,27 @@ qx.Class.define("osparc.wrapper.DOMPurify", {
 
   members: {
     init: function() {
-      // initialize the script loading
-      const purifyPath = "DOMPurify/purify-3.2.7.min.js";
-      const dynLoader = new qx.util.DynamicScriptLoader([
-        purifyPath
-      ]);
-
-      dynLoader.addListenerOnce("ready", e => {
-        console.log(purifyPath + " loaded");
-        this.setLibReady(true);
-      }, this);
-
-      dynLoader.addListener("failed", e => {
-        let data = e.getData();
-        console.error("failed to load " + data.script);
-      }, this);
-
-      dynLoader.start();
+      return new Promise((resolve, reject) => {
+        // initialize the script loading
+        const purifyPath = "DOMPurify/purify-3.2.7.min.js";
+        const dynLoader = new qx.util.DynamicScriptLoader([
+          purifyPath
+        ]);
+
+        dynLoader.addListenerOnce("ready", e => {
+          console.log(purifyPath + " loaded");
+          this.setLibReady(true);
+          resolve();
+        }, this);
+
+        dynLoader.addListener("failed", e => {
+          let data = e.getData();
+          console.error("failed to load " + data.script);
+          reject(data);
+        }, this);
+
+        dynLoader.start();
+      });
     },
 
     sanitize: function(html) {

services/static-webserver/client/source/class/osparc/wrapper/IntlTelInput.js

@@ -49,30 +49,34 @@ qx.Class.define("osparc.wrapper.IntlTelInput", {
   },
   members: {
     init: function() {
-      // initialize the script loading
-      let intlTelInputPath = "intl-tel-input/js/intlTelInput.min.js";
-      let dataPath = "intl-tel-input/js/data.min.js";
-      let utilsPath = "intl-tel-input/js/utils.js";
-      let intlTelInputCss = "intl-tel-input/css/intlTelInput.css";
-      let intlTelInputCssUri = qx.util.ResourceManager.getInstance().toUri(intlTelInputCss);
-      qx.module.Css.includeStylesheet(intlTelInputCssUri);
-      let dynLoader = new qx.util.DynamicScriptLoader([
-        intlTelInputPath,
-        dataPath,
-        utilsPath
-      ]);
+      return new Promise((resolve, reject) => {
+        // initialize the script loading
+        let intlTelInputPath = "intl-tel-input/js/intlTelInput.min.js";
+        let dataPath = "intl-tel-input/js/data.min.js";
+        let utilsPath = "intl-tel-input/js/utils.js";
+        let intlTelInputCss = "intl-tel-input/css/intlTelInput.css";
+        let intlTelInputCssUri = qx.util.ResourceManager.getInstance().toUri(intlTelInputCss);
+        qx.module.Css.includeStylesheet(intlTelInputCssUri);
+        let dynLoader = new qx.util.DynamicScriptLoader([
+          intlTelInputPath,
+          dataPath,
+          utilsPath
+        ]);
 
-      dynLoader.addListenerOnce("ready", () => {
-        console.log(intlTelInputPath + " loaded");
-        this.setLibReady(true);
-      }, this);
+        dynLoader.addListenerOnce("ready", () => {
+          console.log(intlTelInputPath + " loaded");
+          this.setLibReady(true);
+          resolve();
+        }, this);
 
-      dynLoader.addListener("failed", e => {
-        let data = e.getData();
-        console.error("failed to load " + data.script);
-      }, this);
+        dynLoader.addListener("failed", e => {
+          let data = e.getData();
+          console.error("failed to load " + data.script);
+          reject(data);
+        }, this);
 
-      dynLoader.start();
+        dynLoader.start();
+      });
     }
   }
 });