7b7bb68187bb42ead29a9a3b26a950205820c9ae
chmalee
  Wed Nov 20 15:54:48 2024 -0800
Make up to 25 rows show by default, make the table scroll down if it's more than 600 pixels, make the table collapse when there are less than 600 pixels height needed.

Remove the 'Action' title, remove the delete button from each row, make the checkboxes select files, on checkbox select populate an info section about how many files have been selected and give the option to view or delete them

Start of reworking the delete button to delete a list of files. The backend still needs to be smarter about creating the locations of files

Put some place holder text where the selected file information would appear so the page doesn't jump around

Start of work on back end for removing files. Changed the json returned for listing the files to list the full path to the file to make the requests to delete a file easier. Still need to decide on encoding vs decoding of the parent dirs during uploads

diff --git src/hg/htdocs/inc/hgMyData.html src/hg/htdocs/inc/hgMyData.html
index 74da7d0..14ad3a9 100755
--- src/hg/htdocs/inc/hgMyData.html
+++ src/hg/htdocs/inc/hgMyData.html
@@ -5,31 +5,36 @@
            
         <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'></div>
+    <div id='selectedFileInfo' class="tabSection">
+        <div id='placeHolderInfo'>Selected file information</div>
+        <div style="display: none">
+            <span id='numberSelectedFiles'></span> selected. <button id='viewSelectedFiles'></button><button id='deleteSelectedFiles'></button>
+        </div>
+    </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>