Feedback addressed

Added File extension description in main view
OpenRefine · Jan 14, 2025 · 27c88be · 27c88be
1 parent 1b12856
commit 27c88be
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/module/langs/translation-en.json b/module/langs/translation-en.json
@@ -1,6 +1,7 @@
 {
     "files-import/menu-localdirectory": "Files from local directory",
     "files-import/directory": "Local directory",
+    "files-import/fileExtensionsLabel": "Create a project by loading details of files from one or more folders on your local system. File details included are file name, extension, size in KB, creation date, last modification date, permissions, SHA-256 checksum, author and file path.",
     "files-import/selectDrive": "Select a drive or folder",
     "files-import/selectDirectory": "Browse the directory hierarchy & Select the directories from which file details need to be generated.",
     "files-import/no-directory-selected": "No directory selected",

diff --git a/module/scripts/index/import-from-local-dir-form.html b/module/scripts/index/import-from-local-dir-form.html
@@ -1,5 +1,6 @@
 <form bind="form">
   <div class="grid-layout layout-normal">
+    <label class="drive-selector-container" id="fileExtensionsLabel"></label>
     <div class="drive-selector-container">
       <label id="driveSelectorLabel">Select drive / folder</label>
       <select class="dropdown-container" bind="driveselector" id="drive-selector">
@@ -12,6 +13,6 @@
         <div id="directory-tree"></div>
       </div>
       <button type="submit" bind="nextButton" class="button button-primary" type="button"></button>
-  </div>
+    </div>
   </div>
 </form>
diff --git a/module/scripts/index/import-from-local-dir.js b/module/scripts/index/import-from-local-dir.js
@@ -11,6 +11,7 @@ Refine.LocalDirectorySourceUI.prototype.attachUI = function (bodyDiv) {
   this._elmts = DOM.bind(bodyDiv);
 
   $("#directoryTreePanel").hide();
+  $('#fileExtensionsLabel').text($.i18n('files-import/fileExtensionsLabel'));
   $('#driveSelectorLabel').text($.i18n('files-import/selectDrive'));
   $('#directorySelectLabel').text($.i18n('files-import/selectDirectory'));
   this._elmts.nextButton.html($.i18n('files-import/next'));

diff --git a/module/styles/files-importing-controller.css b/module/styles/files-importing-controller.css
@@ -31,6 +31,7 @@
   margin-bottom: 15px;
   display: flex;
   width: 100%;
+  cursor: pointer;
 }
 
 .dropdown-container {
@@ -44,7 +45,7 @@
 }
 
 .directory-tree-container {
-  height: 475px;
+  height: 440px;
   border: 1px solid rgb(118, 118, 118);
   overflow: auto;
   margin-top: 5px;