Adding "Loading..." text to dialogs

nathancarter · nathancarter · commit 4f3f68b94804 · 2017-10-24T11:59:31.000-04:00
diff --git a/TODO.md b/TODO.md
@@ -5,11 +5,6 @@ This project was put together rather quickly, and there are many polishing
 tasks that should be done to improve the overall quality of this module.
 I list them in this file.
 
-## Functionality
-
- * When the file browser, show a "loading..." message until it is
-   populated.
-
 ## Aesthetics
 
  * The open/save dialogs are extremely ugly, because near-zero CSS styling
@@ -21,8 +16,8 @@ I list them in this file.
     * The Open, Save, and Cancel buttons are defined in
       [dialog.html](dialog.html), and you can see their element types and
       IDs there.
-    * In that same HTML file you will find the IDs for the files list and
-      buttons footer.
+    * In that same HTML file you will find the IDs for the files list, the
+      buttons footer, and the "Loading..." text.
     * Other tidbits appear in the existing [dialog.css](dialog.css) file.
  * Consider replacing them entirely with
    [jquery.filebrowser](https://github.com/jcubic/jquery.filebrowser)
diff --git a/example/example.html b/example/example.html
@@ -5,6 +5,10 @@
     <head>
         <!-- Import the cloud storage module. -->
         <script src='https://cdn.jsdelivr.net/gh/lurchmath/cloud-storage@v2.0.1/release/cloud-storage.js'></script>
+        <!-- Developers testing cloud-storage updates can use this line: -->
+        <!--
+        <script src='../release/cloud-storage.js'></script>
+        -->
         <!-- We aim to test the Dropbox backend, so we need its SDK. -->
         <script src='https://unpkg.com/dropbox/dist/Dropbox-sdk.min.js'>
         </script>
diff --git a/release/cloud-storage.js b/release/cloud-storage.js
diff --git a/source/dialog.html b/source/dialog.html
@@ -14,7 +14,7 @@
     </head>
     <body>
         <!-- The files/folders list is displayed in the following DIV. -->
-        <div id='filesList'></div>
+        <div id='filesList'><span id='loading'>Loading...</span></div>
         <!--
         The following footer appears at the bottom of the dialog, placed
         there by CSS styling in dialog.css.  Its various elements are not
