@qooxdoo/framework 7.7.2 → 7.9.0

package/source/class/qx/ui/core/MPlacement.js

@@ -203,6 +203,9 @@ qx.Mixin.define("qx.ui.core.MPlacement", {
     __ptwLiveUpdater: null,
     __ptwLiveDisappearListener: null,
     __ptwLiveUpdateDisappearListener: null,
+    /**@type {Record<"top" | "right" | "bottom" | "left", number> | null}*/
+    __lastKnownCoords: null,
+    __lastKnownSize: null,
 
     /**
      * Returns the location data like {qx.bom.element.Location#get} does,
@@ -376,8 +379,23 @@ qx.Mixin.define("qx.ui.core.MPlacement", {
 
       var coords =
         target.getContentLocation() || this.getLayoutLocation(target);
+      var size = this.__getPlacementSize();
 
       if (coords != null) {
+
+        const boundsAreEqual = (bound1, bound2) => bound1 && bound2 &&
+          bound1.top === bound2.top &&
+          bound1.right === bound2.right &&
+          bound1.bottom === bound2.bottom &&
+          bound1.left === bound2.left;
+
+        if (boundsAreEqual(coords, this.__lastKnownCoords) &&
+          boundsAreEqual(size, this.__lastKnownSize)) {
+          return true;
+        }
+
+        this.__lastKnownCoords = coords;
+        this.__lastKnownSize = size;
         this._place(coords);
         return true;
       } else {
@@ -516,7 +534,7 @@ qx.Mixin.define("qx.ui.core.MPlacement", {
      * <code>_computePlacementSize</code>, which returns the size.
      *
      *  @param callback {Function} This function will be called with the size as
-     *    first argument
+     *    first argument. If it is null, the size is returned directly.
      */
     __getPlacementSize(callback) {
       var size = null;
@@ -527,6 +545,10 @@ qx.Mixin.define("qx.ui.core.MPlacement", {
         var size = this.getBounds();
       }
 
+      if (!callback) {
+        return {...size};
+      }
+
       if (size == null) {
         this.addListenerOnce("appear", () => {
           this.__getPlacementSize(callback);

package/source/class/qx/ui/core/Widget.js

@@ -2128,11 +2128,13 @@ qx.Class.define("qx.ui.core.Widget", {
     }, // property apply
     _applyVisibility(value, old) {
       var content = this.getContentElement();
-      if (value === "visible") {
-        content.show();
-      } else {
-        content.hide();
-      } // only force a layout update if visibility change from/to "exclude"
+      if (content) {
+        if (value === "visible") {
+          content.show();
+        } else {
+          content.hide();
+        } // only force a layout update if visibility change from/to "exclude"
+      }
       var parent = this.$$parent;
       if (
         parent &&

package/source/class/qx/ui/form/AbstractField.js

@@ -144,7 +144,7 @@ qx.Class.define("qx.ui.form.AbstractField", {
 
     // translation support
     if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().addListener(
+      this.__changeLocaleAbstractFieldListenerId = qx.locale.Manager.getInstance().addListener(
         "changeLocale",
         this._onChangeLocale,
         this
@@ -1074,11 +1074,9 @@ qx.Class.define("qx.ui.form.AbstractField", {
 
     this._placeholder = this.__font = null;
 
-    if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().removeListener(
-        "changeLocale",
-        this._onChangeLocale,
-        this
+    if (qx.core.Environment.get("qx.dynlocale") && this.__changeLocaleAbstractFieldListenerId) {
+      qx.locale.Manager.getInstance().removeListenerById(
+        this.__changeLocaleAbstractFieldListenerId
       );
     }
 

package/source/class/qx/ui/form/MForm.js

@@ -22,7 +22,7 @@
 qx.Mixin.define("qx.ui.form.MForm", {
   construct() {
     if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().addListener(
+      this.__changeLocaleMFormListenerId = qx.locale.Manager.getInstance().addListener(
         "changeLocale",
         this.__onChangeLocale,
         this
@@ -103,11 +103,9 @@ qx.Mixin.define("qx.ui.form.MForm", {
   },
 
   destruct() {
-    if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().removeListener(
-        "changeLocale",
-        this.__onChangeLocale,
-        this
+    if (qx.core.Environment.get("qx.dynlocale") && this.__changeLocaleMFormListenerId) {
+      qx.locale.Manager.getInstance().removeListenerById(
+        this.__changeLocaleMFormListenerId
       );
     }
   }

package/source/class/qx/ui/form/Spinner.js

@@ -87,7 +87,7 @@ qx.Class.define("qx.ui.form.Spinner", {
     this.addListener("roll", this._onRoll, this);
 
     if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().addListener(
+      this.__changeLocaleSpinnerListenerId = qx.locale.Manager.getInstance().addListener(
         "changeLocale",
         this._onChangeLocale,
         this
@@ -800,11 +800,9 @@ qx.Class.define("qx.ui.form.Spinner", {
       nf.removeListener("changeNumberFormat", this._onChangeNumberFormat, this);
     }
 
-    if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().removeListener(
-        "changeLocale",
-        this._onChangeLocale,
-        this
+    if (qx.core.Environment.get("qx.dynlocale") && this.__changeLocaleSpinnerListenerId) {
+      qx.locale.Manager.getInstance().removeListenerById(
+        this.__changeLocaleSpinnerListenerId
       );
     }
   }

package/source/class/qx/ui/form/renderer/AbstractRenderer.js

@@ -38,7 +38,7 @@ qx.Class.define("qx.ui.form.renderer.AbstractRenderer", {
 
     // translation support
     if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().addListener(
+      this.__changeLocaleRendererListenerId = qx.locale.Manager.getInstance().addListener(
         "changeLocale",
         this._onChangeLocale,
         this
@@ -190,11 +190,9 @@ qx.Class.define("qx.ui.form.renderer.AbstractRenderer", {
   */
 
   destruct() {
-    if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().removeListener(
-        "changeLocale",
-        this._onChangeLocale,
-        this
+    if (qx.core.Environment.get("qx.dynlocale") && this.__changeLocaleRendererListenerId) {
+      qx.locale.Manager.getInstance().removeListenerById(
+        this.__changeLocaleRendererListenerId
       );
     }
     this._names = null;

package/source/class/qx/ui/menu/AbstractButton.js

@@ -265,17 +265,15 @@ qx.Class.define("qx.ui.menu.AbstractButton", {
       if (qx.core.Environment.get("qx.dynlocale")) {
         var oldCommand = e.getOldData();
         if (!oldCommand) {
-          qx.locale.Manager.getInstance().addListener(
+          this.__changeLocaleCommandListenerId = qx.locale.Manager.getInstance().addListener(
             "changeLocale",
             this._onChangeLocale,
             this
           );
         }
-        if (!command) {
-          qx.locale.Manager.getInstance().removeListener(
-            "changeLocale",
-            this._onChangeLocale,
-            this
+        if (!command && this.__changeLocaleCommandListenerId) {
+          qx.locale.Manager.getInstance().removeListenerById(
+            this.__changeLocaleCommandListenerId
           );
         }
       }
@@ -397,11 +395,9 @@ qx.Class.define("qx.ui.menu.AbstractButton", {
       }
     }
 
-    if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().removeListener(
-        "changeLocale",
-        this._onChangeLocale,
-        this
+    if (qx.core.Environment.get("qx.dynlocale") && this.__changeLocaleCommandListenerId) {
+      qx.locale.Manager.getInstance().removeListenerById(
+        this.__changeLocaleCommandListenerId
       );
     }
   }

package/source/class/qx/ui/mobile/basic/Label.js

@@ -51,7 +51,7 @@ qx.Class.define("qx.ui.mobile.basic.Label", {
     this.initWrap();
 
     if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().addListener(
+      this.__changeLocaleLabelListenerId = qx.locale.Manager.getInstance().addListener(
         "changeLocale",
         this._onChangeLocale,
         this
@@ -145,11 +145,9 @@ qx.Class.define("qx.ui.mobile.basic.Label", {
   */
 
   destruct() {
-    if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().removeListener(
-        "changeLocale",
-        this._onChangeLocale,
-        this
+    if (qx.core.Environment.get("qx.dynlocale") && this.__changeLocaleLabelListenerId) {
+      qx.locale.Manager.getInstance().removeListenerById(
+        this.__changeLocaleLabelListenerId
       );
     }
   }

package/source/class/qx/ui/mobile/form/Label.js

@@ -71,7 +71,7 @@ qx.Class.define("qx.ui.mobile.form.Label", {
     this.initWrap();
 
     if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().addListener(
+      this.__changeLocaleLabelListenerId = qx.locale.Manager.getInstance().addListener(
         "changeLocale",
         this._onChangeLocale,
         this
@@ -242,11 +242,9 @@ qx.Class.define("qx.ui.mobile.form.Label", {
 
       this.__forWidget = null;
     }
-    if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().removeListener(
-        "changeLocale",
-        this._onChangeLocale,
-        this
+    if (qx.core.Environment.get("qx.dynlocale") && this.__changeLocaleLabelListenerId) {
+      qx.locale.Manager.getInstance().removeListenerById(
+        this.__changeLocaleLabelListenerId
       );
     }
   }

package/source/class/qx/ui/mobile/list/List.js

@@ -89,7 +89,7 @@ qx.Class.define("qx.ui.mobile.list.List", {
     }
 
     if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().addListener(
+      this.__changeLocaleListListenerId = qx.locale.Manager.getInstance().addListener(
         "changeLocale",
         this._onChangeLocale,
         this
@@ -615,11 +615,9 @@ qx.Class.define("qx.ui.mobile.list.List", {
   destruct() {
     this.__trackElement = null;
     this._disposeObjects("__provider");
-    if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().removeListener(
-        "changeLocale",
-        this._onChangeLocale,
-        this
+    if (qx.core.Environment.get("qx.dynlocale") && this.__changeLocaleListListenerId) {
+      qx.locale.Manager.getInstance().removeListenerById(
+        this.__changeLocaleListListenerId
       );
     }
   }

package/source/class/qx/ui/progressive/renderer/table/Row.js

@@ -107,6 +107,14 @@ qx.Class.define("qx.ui.progressive.renderer.table.Row", {
     /** The default height of a row, if not altered by a cell renderer. */
     defaultRowHeight: {
       init: 16
+    },
+
+    /**
+      * Use a table-specific alternating row color instead of
+      * row-renderer-instance-specific
+      */
+    alternateBgColorsTableGlobal: {
+      init: false
     }
   },
 
@@ -157,6 +165,9 @@ qx.Class.define("qx.ui.progressive.renderer.table.Row", {
       }
 
       var hash = progressive.toHashCode();
+      this.__hash = hash;
+
+
       if (!tr.__clazz[hash]) {
         // ... then do it now.
         tr.__clazz[hash] = {
@@ -184,9 +195,6 @@ qx.Class.define("qx.ui.progressive.renderer.table.Row", {
             qx.bom.Stylesheet.createElement(stylesheet);
         }
 
-        // Save the hash too
-        this.__hash = hash;
-
         // Arrange to be called when the window appears or is resized, so we
         // can set each style sheet's left and width field appropriately.
         var pane = progressive.getStructure().getPane();
@@ -316,13 +324,19 @@ qx.Class.define("qx.ui.progressive.renderer.table.Row", {
       switch (element.location) {
         case "end":
           // Determine color of row based on state of last added row
-          var index = rendererData.end || 0;
+          var index;
+          if (this.getAlternateBgColorsTableGlobal()) {
+            index = state.getUserData().tableRowBgEnd || 0;
+          } else {
+            index = rendererData.end;
+          }
 
           // Set the background color of this row
           div.style.backgroundColor = this.__colors.bgcol[index];
 
           // Update state for next time
           rendererData.end = index == 0 ? 1 : 0;
+          state.getUserData().tableRowBgEnd = rendererData.end;
 
           // Append our new row to the pane.
           state.getPane().getContentElement().getDomElement().appendChild(div);
@@ -338,19 +352,33 @@ qx.Class.define("qx.ui.progressive.renderer.table.Row", {
           // Are there any children?
           if (children.length > 0) {
             // Yup.  Determine color of row based on state of last added row
-            var index = rendererData.start;
+            var index;
+            if (this.getAlternateBgColorsTableGlobal()) {
+              index = state.getUserData().tableRowBgStart == 0 ? 1 : 0; // == 0 includes undefined
+            } else {
+              index = rendererData.start == 0 ? 1 : 0;
+            }
 
             // Set the background color of this row
             div.style.backgroundColor = this.__colors.bgcol[index];
 
             // Update state for next time
-            rendererData.start = index == 0 ? 1 : 0;
+            rendererData.start = index;
+            state.getUserData().tableRowBgStart = rendererData.start;
 
             // Insert our new row before the first child.
             elem.insertBefore(div, children[0]);
             break;
           } else {
-            /* No children yet.  We can append our new row. */
+            // No children yet.
+
+            // Set the background color of this row
+            div.style.backgroundColor = this.__colors.bgcol[0];
+
+            // Update state for next time
+            rendererData.start = 0;
+            state.getUserData().tableRowBgStart = rendererData.start;
+
             elem.appendChild(div);
           }
           break;

package/source/class/qx/ui/progressive/renderer/table/cell/Boolean.js

@@ -32,7 +32,7 @@ qx.Class.define("qx.ui.progressive.renderer.table.cell.Boolean", {
 
     // dynamic theme switch
     if (qx.core.Environment.get("qx.dyntheme")) {
-      qx.theme.manager.Meta.getInstance().addListener(
+      this.__changeThemeBooleanCellListenerId = qx.theme.manager.Meta.getInstance().addListener(
         "changeTheme",
         this._resolveImages,
         this
@@ -177,11 +177,9 @@ qx.Class.define("qx.ui.progressive.renderer.table.cell.Boolean", {
     this._iconUrlTrue = this._iconUrlFalse = null;
 
     // remove dynamic theme listener
-    if (qx.core.Environment.get("qx.dyntheme")) {
-      qx.theme.manager.Meta.getInstance().removeListener(
-        "changeTheme",
-        this._resolveImages,
-        this
+    if (qx.core.Environment.get("qx.dyntheme") && this.__changeThemeBooleanCellListenerId) {
+      qx.theme.manager.Meta.getInstance().removeListenerById(
+        this.__changeThemeBooleanCellListenerId
       );
     }
   }

package/source/class/qx/ui/table/Table.js

@@ -205,7 +205,7 @@ qx.Class.define("qx.ui.table.Table", {
 
     // add an event listener which updates the table content on locale change
     if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().addListener(
+      this.__changeLocaleTableListenerId = qx.locale.Manager.getInstance().addListener(
         "changeLocale",
         this._onChangeLocale,
         this
@@ -2164,11 +2164,9 @@ qx.Class.define("qx.ui.table.Table", {
 
   destruct() {
     // remove the event listener which handled the locale change
-    if (qx.core.Environment.get("qx.dynlocale")) {
-      qx.locale.Manager.getInstance().removeListener(
-        "changeLocale",
-        this._onChangeLocale,
-        this
+    if (qx.core.Environment.get("qx.dynlocale") && this.__changeLocaleTableListenerId) {
+      qx.locale.Manager.getInstance().removeListenerById(
+        this.__changeLocaleTableListenerId
       );
     }
 

package/source/class/qx/ui/table/cellrenderer/Abstract.js

@@ -38,7 +38,7 @@ qx.Class.define("qx.ui.table.cellrenderer.Abstract", {
 
       // add dynamic theme listener
       if (qx.core.Environment.get("qx.dyntheme")) {
-        qx.theme.manager.Meta.getInstance().addListener(
+        this.__changeThemeCellRendererListenerId = qx.theme.manager.Meta.getInstance().addListener(
           "changeTheme",
           this._onChangeTheme,
           this
@@ -242,11 +242,9 @@ qx.Class.define("qx.ui.table.cellrenderer.Abstract", {
 
   destruct() {
     // remove dynamic theme listener
-    if (qx.core.Environment.get("qx.dyntheme")) {
-      qx.theme.manager.Meta.getInstance().removeListener(
-        "changeTheme",
-        this._onChangeTheme,
-        this
+    if (qx.core.Environment.get("qx.dyntheme") && this.__changeThemeCellRendererListenerId) {
+      qx.theme.manager.Meta.getInstance().removeListenerById(
+        this.__changeThemeCellRendererListenerId
       );
     }
   }

package/source/class/qx/ui/table/cellrenderer/Boolean.js

@@ -39,7 +39,7 @@ qx.Class.define("qx.ui.table.cellrenderer.Boolean", {
 
     // dynamic theme switch
     if (qx.core.Environment.get("qx.dyntheme")) {
-      qx.theme.manager.Meta.getInstance().addListener(
+      this.__changeThemeBoolCellRendererListenerId = qx.theme.manager.Meta.getInstance().addListener(
         "changeTheme",
         this._onChangeTheme,
         this
@@ -172,11 +172,9 @@ qx.Class.define("qx.ui.table.cellrenderer.Boolean", {
   destruct() {
     this.__aliasManager = null;
     // remove dynamic theme listener
-    if (qx.core.Environment.get("qx.dyntheme")) {
-      qx.theme.manager.Meta.getInstance().removeListener(
-        "changeTheme",
-        this._onChangeTheme,
-        this
+    if (qx.core.Environment.get("qx.dyntheme") && this.__changeThemeBoolCellRendererListenerId) {
+      qx.theme.manager.Meta.getInstance().removeListenerById(
+        this.__changeThemeBoolCellRendererListenerId
       );
     }
   }

package/source/class/qx/ui/table/pane/Scroller.js

@@ -1975,7 +1975,7 @@ qx.Class.define("qx.ui.table.pane.Scroller", {
       qx.event.Timer.once(function() {
         this._cellEditor.addListenerOnce('blur', this._onBlurCellEditorStopEditing, this);
         this.debug('added BLUR listener to hash: ' + this._cellEditor.$$hash);
-      }, this, 0);
+      }, this, 1);
     },
 
     /**

package/source/class/qx/ui/table/rowrenderer/Default.js

@@ -38,7 +38,7 @@ qx.Class.define("qx.ui.table.rowrenderer.Default", {
 
     // dynamic theme switch
     if (qx.core.Environment.get("qx.dyntheme")) {
-      qx.theme.manager.Meta.getInstance().addListener(
+      this.__changeThemeRowRendererListenerId = qx.theme.manager.Meta.getInstance().addListener(
         "changeTheme",
         this.initThemeValues,
         this
@@ -254,11 +254,9 @@ qx.Class.define("qx.ui.table.rowrenderer.Default", {
     this._colors = this._fontStyle = this._fontStyleString = null;
 
     // remove dynamic theme listener
-    if (qx.core.Environment.get("qx.dyntheme")) {
-      qx.theme.manager.Meta.getInstance().removeListener(
-        "changeTheme",
-        this.initThemeValues,
-        this
+    if (qx.core.Environment.get("qx.dyntheme") && this.__changeThemeRowRendererListenerId) {
+      qx.theme.manager.Meta.getInstance().removeListenerById(
+        this.__changeThemeRowRendererListenerId
       );
     }
   }

package/source/class/qx/util/ConcurrencyLimiter.js

@@ -0,0 +1,78 @@
+/**
+ * Utility class to limit the number of concurrent executions of async functions.
+ *
+ * @typedef {Object} TaskEntry
+ * @template T
+ * @property {() => Promise<T>} task The function to execute.
+ * @property {(value: T) => void} resolve The function to call when the task resolves.
+ * @property {(reason: any) => void} reject The function to call when the task rejects.
+ */
+qx.Class.define("qx.util.ConcurrencyLimiter", {
+  extend: qx.core.Object,
+
+  /**
+   * @param {Number?Infinity} limit The maximum number of concurrent executions. If Infinity, no limit is applied.
+   */
+  construct(limit = Infinity) {
+    super();
+    this.__limit = limit;
+
+    this.__queue = [];
+    this.__running = 0;
+  },
+
+  members: {
+    /**
+     * @type {TaskEntry<*>[]}
+     * The tasks that are waiting to be executed
+     */
+    __queue: null,
+
+    /**
+     * Number of currently running tasks.
+     */
+    __running: null,
+
+    /**
+     * Queues a function to be executed.
+     * If the limit is reached, the function will be put on hold until a slot is available.
+     *
+     * @template T
+     * @param {() => Promise<T>} task The function to execute.
+     * @returns {Promise<T>} The promise that will be resolved when the function is executed.
+     *  If the function rejects, the promise will also reject.
+     */
+    add(task) {
+      return new Promise((resolve, reject) => {
+        this.__queue.push({ task, resolve, reject });
+        this.__checkQueue();
+      });
+    },
+
+    /**
+     * Checks the queue to see if anything can be executed,
+     * and executes the next item in the queue if the limit is not reached.
+     * Once the item has finished executing, it will check the queue again.
+     */
+    __checkQueue() {
+      if (this.__running == this.__limit) {
+        return;
+      }
+
+      let next = this.__queue.shift();
+      if (!next) {
+        return;
+      }
+
+      let { task, resolve, reject } = next;
+
+      this.__running++;
+      task()
+        .then(resolve, reject)
+        .finally(() => {
+          this.__running--;
+          this.__checkQueue();
+        });
+    }
+  }
+});

package/source/resource/qx/tool/schema/compile-1-0-0.json

@@ -318,6 +318,10 @@
             "type": "object",
             "description": "Options given to @babel/preset-env. With this options the output type of babel can be defined. For details see here: <https://babeljs.io/docs/en/babel-preset-env#options>. They can be overridden per target."
           },
+          "browserifyOptions": {
+            "type": "object",
+            "description": "Options given to browserify. For details see here: <https://github.com/browserify/browserify#usage>. They can be overridden per target."
+          },
           "parts": {
             "$ref": "#/properties/parts"
           }
@@ -458,6 +462,15 @@
       "description": "** DEPRECATED - See babel.options instead",
       "deprecated": true
     },
+    "browserify": {
+      "type": "object",
+      "properties": {
+        "options": {
+          "type": "object",
+          "description": "Options given to browserify. For details see here: <https://github.com/browserify/browserify#usage>. They can be overridden per target."
+        }
+      }
+    },
     "jsx": {
       "type": "object",
       "description": "Options given to @babel/preset-react to change how JSX HTML is transpiled"

package/source/resource/qx/tool/website/build/404.html

@@ -18,7 +18,6 @@
     <title>Qooxdoo Application Server</title>
     <meta name="description" content="">
     <link rel="stylesheet" type="text/css" href="/qooxdoo.css">
-    <script type="text/javascript" src="/assets/bluebird.min.js"></script>
     <script type="text/javascript" src="/assets/jquery.js"></script>
     <script type="text/javascript" src="/scripts/serve.js"></script>
 </head>
@@ -201,11 +200,11 @@
       </div>
       <div class="container text-center d-none d-sm-block p-4">
         <img class="img p-4" src="/assets/qx-white.svg">
-        <span class="text-light">&copy; 2005-2018 Qooxdoo Contributors</span>
+        <span class="text-light">&copy; 2005-<span class="current-year"></span> Qooxdoo Contributors</span>
       </div>
       <div class="container text-center d-block d-sm-none p-4">
         <img class="img-fluid p-4" src="/assets/qx-white.svg">
-        <p>&copy; 2005-2017 Qooxdoo Contributors</p>
+        <p>&copy; 2005-<span class="current-year"></span> Qooxdoo Contributors</p>
       </div>
     </div>
 
@@ -213,28 +212,7 @@
     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
-    <script type="text/javascript">
-        $(function () {
-          $('[data-toggle="tooltip"]').tooltip()
-        })
-        var scroll = (function (event) {
-          var scroll = $(window).scrollTop();
-          if (scroll < 250) {
-            $(navigatopnBar).css('background-color', 'transparent');
-            $(navigationLogo).css('width', '0');
-            $(navigationLogo).addClass('invisible');
-          } else {
-            $(navigatopnBar).css('background-color', 'rgba(0, 40, 56, 0.9)');
-            $(navigationLogo).css('width', '');
-            $(navigationLogo).removeClass('invisible');
-          }
-        });
-        $(window).scroll(scroll);
-        scroll();
-    </script>
-
-
-
+    <script src="/assets/common.js" type="text/javascript"></script>
   </body>
 
 </html>