[FIX] Ui changes requested by @Jaifroid

kiwix · Oct 19, 2023 · 7fb9251 · 7fb9251
1 parent 1714cbb
commit 7fb9251
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/www/css/app.css b/www/css/app.css
@@ -95,7 +95,7 @@
 }
 
 #zimSelectDropdown {
-    width: 100%;
+    width: 60%;
     font-size: large;
     height: 2em;
 }

diff --git a/www/index.html b/www/index.html
@@ -466,9 +466,12 @@ <h2 data-i18n="configure-title">Configuration</h2>
                             <p><span data-i18n="configure-selectordisplay">Drag and drop a new ZIM file, or</span>
                                 <a href="#" id="selectorsDisplayLink" data-i18n="configure-selectordisplay-link">display file selectors</a>.</p>
                         </div>
-                        <div id="openLocalFiles" style="display: none;">
+                        <div id="openLocalFiles" style="display: none; display: flex;flex-direction: row;">
+                            <div style="display: flex;flex-direction: row;">
+                                <p id="numberOfFilesDisplay">0</p>
+                                <span>&nbsp;archives found in selected location:</span>
+                            </div>
                             <select id="zimSelectDropdown" style="display: none;">
-                                <option value="" disabled selected>Select a file...</option>
                             </select>
                             <p data-i18n="configure-select-instructions" id="selectInstructions">Please select or drag and drop a .zim file (or all the .zimaa, .zimab etc in
                                 case of a split ZIM file):</p>

diff --git a/www/js/lib/fileSystem.js b/www/js/lib/fileSystem.js
@@ -14,13 +14,14 @@ import cache from './cache.js';
  */
 async function updateZimDropdownOptions (fileSystemHandler, selectedFile) {
     const select = document.getElementById('zimSelectDropdown')
-    let options = '<option value="" disabled selected>Select a file...</option>'
+    let options = ''
 
     fileSystemHandler.files.forEach(fileName => {
         if (fileName.endsWith('.zim') || fileName.endsWith('.zimaa')) options += `<option value="${fileName}">${fileName}</option>`
     });
     select.innerHTML = options
     document.getElementById('zimSelectDropdown').value = selectedFile
+    document.getElementById('numberOfFilesDisplay').innerText = fileSystemHandler.files.length
 }
 
 /**