Application Loader Script Implemented

AccumulatedVolumeBar.js

@@ -1,12 +0,0 @@
-function newAccumulatedVolumeBar() {
-
-    var accumulatedVolumeBar = {
-        begin: undefined,
-        end: undefined,
-        accumulatedBuys: 0,
-        accumulatedSells: 0
-    };
-
-    return accumulatedVolumeBar;
-
-}

Project.njsproj

@@ -32,7 +32,6 @@
     <Compile Include="AABrowserAPI\API.js">
       <SubType>Code</SubType>
     </Compile>
-    <Compile Include="AccumulatedVolumeBar.js" />
     <Compile Include="Animation.js" />
     <Compile Include="Azure\azure-storage.blob.js" />
     <Compile Include="CloudVM\CloudRequire.js">
@@ -43,6 +42,12 @@
     </Compile>
     <Compile Include="CloudVM\PoloniexAPIClient.js" />
     <Compile Include="Exchanges\PoloniexAPIClient.js" />
+    <Compile Include="Scripts\AppLoader.js">
+      <SubType>Code</SubType>
+    </Compile>
+    <Compile Include="Scripts\AppPreLoader.js">
+      <SubType>Code</SubType>
+    </Compile>
     <Compile Include="Server\BotsScripts.js">
       <SubType>Code</SubType>
     </Compile>

Scripts/AppLoader.js

@@ -0,0 +1,59 @@
+function newAppLoader() {
+
+    const FULL_LOG = false;
+    const LOG_FILE_CONTENT = false;
+
+    const MODULE_NAME = "App Loader";
+
+    const logger = newWebDebugLog();
+    logger.fileName = MODULE_NAME;
+
+    let thisObject = {
+        loadModules: loadModules
+    };
+
+    return thisObject;
+
+    function loadModules() {
+
+        let modulesArray = [    
+
+            "ViewPort.js",
+            "TimeMachine.js",
+            "Candle.js",
+            "VolumeBar.js",
+            "ChartUtilities.js",
+            "TimelineChart.js",
+            "ChartGrid.js",
+            "Animation.js",
+
+            "Container.js",
+            "Displace.js",
+
+            "Azure/azure-storage.blob.js",
+            "TimeLineCoordinateSystem.js",
+            "Utilities.js",
+            "Dashboard.js"
+        ];
+
+        let downloadedCounter = 0;
+
+        for (let i = 0; i < modulesArray.length; i++) {
+
+            let path = modulesArray[i];
+
+            REQUIREJS([path], onRequired);
+
+            function onRequired(pModule) {
+
+                console.log(path + " downloaded.");
+                downloadedCounter++;
+
+                if (downloadedCounter === modulesArray.length) {
+
+                    dashboardStart(); // This formally starts the app.
+                }
+            }
+        }
+    }
+}

Scripts/AppPreLoader.js

@@ -0,0 +1,17 @@
+
+function loadAPP() {
+
+    let path = "Scripts/AppLoader.js";
+
+    REQUIREJS([path], onRequired);
+
+    function onRequired(pModule) {
+
+        console.log(path + " downloaded.");
+
+        let APP_LOADER_MODULE = newAppLoader();
+        APP_LOADER_MODULE.loadModules();
+
+    }
+}
+

index.html

@@ -5,6 +5,7 @@
     <title>Advanced Algos</title>
 
     <script type="text/javascript" src="Scripts/Require.js"></script>
+    <script type="text/javascript" src="Scripts/AppPreLoader.js"></script>
 
     <!--CloudWebScripts-->
     <!--Plotters-->
@@ -33,22 +34,10 @@
     <script type="text/javascript" src="ImageButton.js"></script>
     <script type="text/javascript" src="EventHandler.js"></script>
     <script type="text/javascript" src="Frame.js"></script>
-    <script type="text/javascript" src="Container.js"></script>
-    <script type="text/javascript" src="TimeMachine.js"></script>
-    <script type="text/javascript" src="Candle.js"></script>
-    <script type="text/javascript" src="VolumeBar.js"></script>
-    <script type="text/javascript" src="ChartUtilities.js"></script>
-    <script type="text/javascript" src="TimelineChart.js"></script>
-    <script type="text/javascript" src="ChartGrid.js"></script>
-    <script type="text/javascript" src="Animation.js"></script>
-    <script type="text/javascript" src="Displace.js"></script>
-    <script type="text/javascript" src="TimeLineCoordinateSystem.js"></script>
-    <script type="text/javascript" src="Utilities.js"></script>
-    <script type="text/javascript" src="ViewPort.js"></script>
-    <script type="text/javascript" src="Dashboard.js"></script>
-    <script type="text/javascript" src="AccumulatedVolumeBar.js"></script>
 
-    <script type="text/javascript" src="Azure/azure-storage.blob.js"></script>
+
+
+
 
     <script type="text/javascript" src="FloatingSpace/NoteSets.js"></script>
     <script type="text/javascript" src="FloatingSpace/Note.js"></script>
@@ -78,7 +67,7 @@
         }
     </style>
 </head>
-    <body id="body" style="margin: 0px; padding: 0px; border: 0px; overflow:hidden;" onload="dashboardStart();">
+    <body id="body" style="margin: 0px; padding: 0px; border: 0px; overflow:hidden;" onload="loadAPP();">
         <canvas id="canvas" width="1400" height="600" border="0"></canvas>
         <img id="AAMasters" width="0" height="0" src="https://avatars2.githubusercontent.com/u/36243600?s=400&u=4df23798487a2853d211e764efa55233b1147ddb&v=4">