Edit Bind and Reshape to control drop option of reset_index

minjk-bl · minjk-bl · commit c48a0b7b3ce2 · 2023-05-15T16:43:42.000+09:00
diff --git a/visualpython/html/m_apps/bind.html b/visualpython/html/m_apps/bind.html
@@ -91,7 +91,7 @@
             <label for="vp_bdAllocateTo" class="w100">Allocate to</label>
             <input type="text" id="vp_bdAllocateTo" placeholder="New variable name">
             <label><input type="checkbox" id="vp_bdResetIndex"><span>Reset Index</span></label>
-            <select id="vp_bdWithoutColumn" class="vp-select" style="width: 130px;">
+            <select id="vp_bdWithoutColumn" class="vp-select" style="width: 130px;" disabled>
                 <option value="True" selected>Without column</option>
                 <option value="">With column</option>
             </select>
diff --git a/visualpython/html/m_apps/reshape.html b/visualpython/html/m_apps/reshape.html
@@ -79,7 +79,7 @@
             <label for="vp_rsAllocateTo" class="w100">Allocate to</label>
             <input type="text" id="vp_rsAllocateTo" placeholder="New variable name">
             <label><input type="checkbox" id="vp_rsResetIndex"><span>Reset Index</span></label>
-            <select id="vp_rsWithoutColumn" class="vp-select" style="width: 130px;">
+            <select id="vp_rsWithoutColumn" class="vp-select" style="width: 130px;" disabled>
                 <option value="True" selected>Without column</option>
                 <option value="">With column</option>
             </select>
diff --git a/visualpython/js/m_apps/Bind.js b/visualpython/js/m_apps/Bind.js
@@ -308,7 +308,9 @@ define([
             
             // reset index checkbox event
             $(document).on('change', this.wrapSelector('#vp_bdResetIndex'), function() {
-                that.state.resetIndex = $(this).prop('checked');
+                let isChecked = $(this).prop('checked');
+                $(that.wrapSelector('#vp_bdWithoutColumn')).prop('disabled', !isChecked);
+                that.state.resetIndex = isChecked;
             });
 
             // with/without column select event
@@ -334,7 +336,7 @@ define([
 
         renderDataPage(renderedText, isHtml = true) {
             var tag = new com_String();
-            tag.appendFormatLine('<div class="{0} vp-close-on-blur vp-scrollbar">', 'rendered_html'); // 'rendered_html' style from jupyter output area
+            tag.appendFormatLine('<div class="{0} vp-close-on-blur vp-scrollbar">', 'vp_rendered_html'); // 'rendered_html' style from jupyter output area
             if (isHtml) {
                 tag.appendLine(renderedText);
             } else {
diff --git a/visualpython/js/m_apps/Reshape.js b/visualpython/js/m_apps/Reshape.js
@@ -219,7 +219,9 @@ define([
             
             // reset index checkbox event
             $(document).on('change', this.wrapSelector('#vp_rsResetIndex'), function() {
-                that.state.resetIndex = $(this).prop('checked');
+                let isChecked = $(this).prop('checked');
+                $(that.wrapSelector('#vp_rsWithoutColumn')).prop('disabled', !isChecked);
+                that.state.resetIndex = isChecked;
             });
             
             // with/without column select event
@@ -246,7 +248,7 @@ define([
 
         renderDataPage(renderedText, isHtml = true) {
             var tag = new com_String();
-            tag.appendFormatLine('<div class="{0} vp-close-on-blur vp-scrollbar">', 'rendered_html'); // 'rendered_html' style from jupyter output area
+            tag.appendFormatLine('<div class="{0} vp-close-on-blur vp-scrollbar">', 'vp_rendered_html'); // 'rendered_html' style from jupyter output area
             if (isHtml) {
                 tag.appendLine(renderedText);
             } else {
