Add DataSelector to PandasPlot app

minjk-bl · minjk-bl · commit dd1c065b2804 · 2022-06-22T21:08:03.000+09:00
diff --git a/data/libraries.json b/data/libraries.json
@@ -2154,8 +2154,7 @@
                                 "tag"  : "PANDAS PLOT,PANDAS",
                                 "path" : "visualpython - library - pandas - plot",
                                 "desc" : "Pandas Plot",
-                                "file" : "m_library/m_pandas/plot",
-                                "useAuto" : true
+                                "file" : "m_library/m_pandas/PandasPlot"
                             },
                             {
                                 "id"   : "pdPkg_inputOutput",
diff --git a/js/m_library/m_pandas/PandasPlot.js b/js/m_library/m_pandas/PandasPlot.js
@@ -0,0 +1,42 @@
+/*
+ *    Project Name    : Visual Python
+ *    Description     : GUI-based Python code generator
+ *    File Name       : PandasPlot.js
+ *    Author          : Black Logic
+ *    Note            : Library Component
+ *    License         : GNU GPLv3 with Visual Python special exception
+ *    Date            : 2022. 06. 22
+ *    Change Date     :
+ */
+
+//============================================================================
+// [CLASS] PandasPlot
+//============================================================================
+define([
+    'vp_base/js/com/component/LibraryComponent',
+    'vp_base/js/com/component/DataSelector'
+], function(LibraryComponent, DataSelector) {
+    /**
+     * PandasPlot
+     */
+    class PandasPlot extends LibraryComponent {
+        _init() {
+            super._init();
+
+            this.state = {
+                i0: '',
+                o0: '',
+                ...this.state
+            }
+        }
+        render() {
+            super.render();
+            
+            // add data selector
+            let dataSelector = new DataSelector({ pageThis: this, id: 'i0', value: this.state.i0, required: true });
+            $(this.wrapSelector('#i0')).replaceWith(dataSelector.toTagString());
+        }
+    }
+
+    return PandasPlot;
+});
