Edit Groupby to able to multi-select methods on aggregation

minjk-bl · minjk-bl · commit b21018281fa6 · 2023-03-15T11:45:39.000+09:00
diff --git a/visualpython/css/m_apps/groupby.css b/visualpython/css/m_apps/groupby.css
@@ -35,13 +35,32 @@
     height: 170px;
     overflow: auto;
 }
+.vp-gb-adv-head {
+
+}
+.vp-gb-adv-head label {
+    width: 160px;
+    font-weight: bold;
+}
 .vp-gb-adv-item {
     margin-bottom: 10px;
 }
 .vp-gb-adv-method-box {
     position: relative;
     display: inline-block;
 }
+.vp-gb-method-selector {
+    display: grid;
+    grid-template-rows: 75px 10px 75px 10px 35px;
+}
+.vp-gb-method-box {
+    display: grid;
+    grid-template-columns: 85px 85px 85px 85px;
+}
+.vp-gb-method-user-box {
+    display: grid;
+    grid-template-columns: 85px 85px 85px 85px;
+}
 .vp-gb-adv-method {
     padding-right: 25px;
 }
diff --git a/visualpython/html/m_apps/groupby.html b/visualpython/html/m_apps/groupby.html
@@ -24,7 +24,7 @@
         <hr style="margin: 5px 0;">
         <div>
             <label for="vp_gbDisplay" class="w80">Columns</label>
-            <input type="text" id="vp_gbDisplay" placeholder="Select columns to display" readonly="">
+            <input type="text" id="vp_gbDisplay" placeholder="All columns" readonly="">
         </div>
         <div>
             <label for="vp_gbMethodSelect" class="w80">Method</label>
@@ -35,6 +35,11 @@
             <label><input type="checkbox" id="vp_gbAdvanced"><span>Advanced</span></label>
         </div>
         <div class="vp-gb-adv-box vp-scrollbar" style="display: none;">
+            <div class="vp-gb-adv-head">
+                <label>Columns</label>
+                <label>Methods</label>
+                <label>Rename columns</label>
+            </div>
             <!-- render adv item -->
             <button id="vp_gbAdvAdd" class="vp-button">+ Add</button>
         </div>
diff --git a/visualpython/js/m_apps/Groupby.js b/visualpython/js/m_apps/Groupby.js
