Edit File app's label

minjk-bl · minjk-bl · commit 91987c540869 · 2023-06-14T13:23:35.000+09:00
diff --git a/visualpython/html/m_apps/file.html b/visualpython/html/m_apps/file.html
@@ -60,7 +60,7 @@
                     </thead>
                     <tbody>
                         <tr>
-                            <td><label for="vp_sampleFile" class="vp-orange-text">Sample Data</label></td>
+                            <td><label for="vp_sampleFile" class="vp-bold vp-orange-text">Sample Data</label></td>
                             <td>
                                 <select class="vp-select option-select" id="vp_sampleFile">
                                     <option name="vp_sampleFile" value="iris.csv">iris</option>
diff --git a/visualpython/js/m_apps/File.js b/visualpython/js/m_apps/File.js
@@ -213,6 +213,11 @@ define([
                 if (value === 'spss') {
                     // show install button
                     that.showInstallButton();
+                    // show install note below File type selection
+                    $(`<tr><td colspan="2">
+                        <label class="vp-orange-text vp-italic">NOTE: </label>
+                        <label class="vp-gray-text vp-italic">pyreadstat package is required to read spss file.</label>
+                    </td></tr>`).insertAfter($(that.wrapSelector('#fileType')).closest('tr'));
                 } else {
                     that.hideInstallButton();
                 }
@@ -327,6 +332,13 @@ define([
             this.fileResultState = {
                 ...this.fileState[pageType].fileResultState
             };
+
+            if (selectedType == 'pickle') {
+                // hide additional option box
+                $(this.wrapSelector(prefix + '#vp_optionBox')).closest('.vp-accordian-container').hide();
+            } else {
+                $(this.wrapSelector(prefix + '#vp_optionBox')).closest('.vp-accordian-container').show();
+            }
     
             if (pageType == 'Write') {
                 if (selectedType == 'json') {
@@ -344,7 +356,7 @@ define([
     
             // prepend file type selector
             $(this.wrapSelector(prefix + '#vp_inputOutputBox table tbody')).prepend(
-                $('<tr>').append($(`<td><label for="fileType" class="vp-orange-text">File Type</label></td>`))
+                $('<tr>').append($(`<td><label for="fileType" class="vp-bold vp-orange-text">File Type</label></td>`))
                     .append($('<td><select id="fileType" class="vp-select"></select></td>'))
             );
             var fileTypeList = Object.keys(fileTypeObj);
@@ -408,8 +420,6 @@ define([
                 suggestInput.setPlaceholder('encoding option');
                 return suggestInput.toTagString();
             });
-    
-            
         }
 
         render() {
