Heavily improved the UI loading stuff

modules/core/ui-loader/ui/loader.ts

@@ -5,9 +5,10 @@ interface Window {
 }
 (window as any).$ = require("jquery");
 
-icp.on('progress-update', (event, count) => {
-    console.log("Process update to %f", count);
+icp.on('progress-update', (event, status, count) => {
+    console.log("Process update \"%s\" to %d", status, count);
 
+    $("#current-status").text(status);
     $(".container-bar .bar").css("width", (count * 100) + "%");
 });
 

modules/core/ui-loader/ui/loading_screen.html

@@ -78,6 +78,19 @@
                 width: 0%;
                 height: 100%;
             }
+
+            #current-status {
+                margin-top: 3px;
+                font-size: 18px;
+
+                max-width: 100%;
+                width: 100%;
+                text-align: left;
+
+                text-overflow: ellipsis;
+                overflow: hidden;
+                white-space: nowrap;
+            }
         </style>
 
         <script type="application/ecmascript">const exports = {};</script>
@@ -93,6 +106,7 @@
             <div class="container-bar">
                 <div class="bar"></div>
             </div>
+            <a id="current-status">&nbsp;</a>
         </div>
     </body>
 </html>