More documenation

front-end/index.html

@@ -25,8 +25,10 @@
             
             </select>
         </div>
-    </div>
+        <div id="progress_bars" class="padded-more">
 
+        </div>
+    </div>
     <footer class="toolbar toolbar-footer">
         <div class="toolbar-actions">
            <span id="status">

front-end/js/app.js

@@ -66,7 +66,7 @@ function processJSON(response) {
  * Handle UI
 ************************/
 
-flashButton.addEventListener("click", event => {
+flashButton.addEventListener("click", (event) => {
     disableInputs();
     fetch(manifestsSelect.value)
         .then(processJSON)
@@ -87,7 +87,7 @@ serialScanner.on("deviceAdded", (port) => {
     new Notification(`Added: ${port}!`);
 });
 
-serialScanner.on("deviceRemoved", (port ) => {
+serialScanner.on("deviceRemoved", (port) => {
     portsSelect.remove(port);
     new Notification(`Removed: ${port}!`);
 });
@@ -172,7 +172,6 @@ function flashWithManifest(manifest) {
 
             return promise.then(() => esp.close())
                 .then((result) => {
-                    appStatus.textContent = `Flashing finished!`;
                     new Notification("Flash Finished!");
                     readyToFlash();
                     log.info("Flashed to latest Espruino build!", result);

front-end/js/port_select.js

@@ -1,6 +1,10 @@
 "use strict";
 
-module.exports = class PortSelect {
+class PortSelect {
+    /**
+     * PortSelect constructor. Requires an HTML select element.
+     * @param selectElement an HTMLSelectElement.
+     */
     constructor(selectElement) {
         this.selectElement = selectElement;
         this.map = {}; // Cache matching the text value of a port to OPTION element.
@@ -37,7 +41,6 @@ module.exports = class PortSelect {
         });
     }
 
-
     /**
      * Creates option with the port text and value.
      * @param port
@@ -58,8 +61,14 @@ module.exports = class PortSelect {
     set disabled (value) {
         this.selectElement.disabled = value;
     }
-    
+
+    /**
+     * Pass through
+     * @returns the selectElememnt's value.
+     */
     get value() {
         return this.selectElement.value;
     }
-};
+};
+
+module.exports = PortSelect;