2dfd61094ec3e548f25f56e83379f85ec22cfab5
chmalee
  Thu Oct 31 16:48:26 2024 -0700
Start using Uppy instead of my own UI

diff --git src/hg/htdocs/inc/hgMyData.html src/hg/htdocs/inc/hgMyData.html
index 87a8801..74da7d0 100755
--- src/hg/htdocs/inc/hgMyData.html
+++ src/hg/htdocs/inc/hgMyData.html
@@ -5,50 +5,31 @@
            
         <a href='#INFO_SECTION' title='Jump to help section'>
             <span class='gbIconSmall fa-stack'>
                 <i class='gbBlueDarkColor fa fa-circle fa-stack-2x'></i>
                 <i class='gbWhiteColor fa fa-info fa-stack-1x'></i>
             </span>
         </a>
     </div>
 
     <div id='fileTableInfoDiv' class='tabSection'>
         <p>THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. 
 THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. THIS IS JUST EXAMPLE COPY. 
         </p>
     </div>
 
-    <div id='filePickerModal' style="display: none">
-        <!-- The actual input to add files, this gets majorly worked up by the javascript -->
-        <div id='filePicker'>
-            <h4>Create your own hub</h4>
-            <p>Example copy, is it even needed here?</p>
-            <div class='buttonDiv' id='chooseAndSendFilesRow'>
-                <button  id='btnForInput' class='button' for="chosenFiles">Choose files</button>
-            </div>
-            <!-- css grid of selected files, with some controls at the top and bottom, populated
-                by the javascript  -->
-            <div id='fileList'>
-                <!-- Headers -->
-                <div class="fileListHeader"></div>
-                <div class="fileListHeader">File Name</div>
-                <div class="fileListHeader">File Type</div>
-                <div class="fileListHeader">Database</div>
-                <div class="fileListHeader">File Size</div>
-            </div>
-        </div>
-    </div>
+    <div id='filePickerModal'></div>
 
     <div id='filesDiv' class='tabSection'>
         <table id="filesTable" class="sessionTable stripe hover row-border compact" borderwidth=0>
         </table>
     </div>
 
 
     <div>
         For information on making track hubs, see the following pages:
         <ul>
             <li><a href='../goldenPath/help/hubQuickStart.html' style='color:#121E9A' target=_blank>Quick Start Guide</a></li>
             <li><a href=\"../goldenPath/help/hgTrackHubHelp.html\" style='color:#121E9A' TARGET=_blank>Track Hub User's Guide</a></li>
             <li><a href=\"../goldenPath/help/hgTrackHubHelp#Hosting\" style='color:#121E9A' target=_blank>Where to Host Your Track Hub</a></li>
             <li><a href=\"../goldenPath/help/trackDb/trackDbHub.html\" style='color:#121E9A' target=_blank>Track Hub Settings Reference</a></li>
             <li><a href=\"../goldenPath/help/publicHubGuidelines.html\" style='color:#121E9A' target=_blank>Guidelines for Submitting a Public Hub</a></li>