From 02ec5c7d0460e3dc8ff5238c055e9c02d9e37de0 Mon Sep 17 00:00:00 2001
From: Steven Hugg <hugg@fasterlight.com>
Date: Fri, 3 May 2019 18:44:59 -0400
Subject: [PATCH] local files before presets in pulldown; hide selector before
 list is built

---
 index.html |  2 +-
 src/ui.ts  | 16 ++++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 4255b724..f9383b95 100644
--- a/index.html
+++ b/index.html
@@ -142,7 +142,7 @@ if (window.location.host.endsWith('8bitworkshop.com')) {
     </ul>
   </span>
 
-  <select id="preset_select" name="" title="Project Select" style="width:16em">
+  <select id="preset_select" name="" title="Project Select" style="width:16em;visibility:hidden">
   </select>
 
   <img id="compile_spinner" src="images/spinner.gif" height="20em" style="visibility:hidden;margin-left:8px;margin-right:8px">
diff --git a/src/ui.ts b/src/ui.ts
index 8effe478..9a369772 100644
--- a/src/ui.ts
+++ b/src/ui.ts
@@ -598,10 +598,11 @@ function populateExamples(sel) {
       var name = preset.chapter ? (preset.chapter + ". " + preset.name) : preset.name;
       sel.append($("<option />").val(preset.id).text(name).attr('selected',(preset.id==main_file_id)?'selected':null));
     }
+    // don't create new entry if example not found
   });
 }
 
-function populateFiles(sel, category, prefix) {
+function populateFiles(sel:JQuery, category:string, prefix:string, callback:() => void) {
   store.keys(function(err, keys : string[]) {
     var foundSelected = false;
     var numFound = 0;
@@ -616,21 +617,24 @@ function populateFiles(sel, category, prefix) {
         if (key == main_file_id) foundSelected = true;
       }
     }
+    // create new entry if not found, but it matches our prefix
     if (!foundSelected && main_file_id && main_file_id.startsWith(prefix)) {
       var name = main_file_id.substring(prefix.length);
       var key = prefix + name;
       sel.append($("<option />").val(key).text(name).attr('selected','true'));
     }
+    if (callback) { callback(); }
   });
 }
 
 function updateSelector() {
   var sel = $("#preset_select").empty();
-  if (platform_id != 'base_z80') { // TODO
-    populateFiles(sel, "Local Files", "local/");
-    populateFiles(sel, "Shared", "shared/");
-  }
-  populateExamples(sel);
+  populateFiles(sel, "Local Files", "local/", () => {
+    populateFiles(sel, "Shared", "shared/", () => {
+      populateExamples(sel);
+      sel.css('visibility','visible');
+    });
+  });
   // set click handlers
   sel.off('change').change(function(e) {
     reloadPresetNamed($(this).val().toString());