visualpython · minjk-bl · May 15, 2023 · May 15, 2023 · May 15, 2023 · May 15, 2023
diff --git a/visualpython/css/component/popupComponent.css b/visualpython/css/component/popupComponent.css
@@ -446,6 +446,10 @@
     height: calc(100% - 70px);
     padding: 10px;
 }
+.vp-inner-popup-body table th {
+    text-align: left;
+    font-weight: unset;
+}
 .vp-inner-popup-button-box {
     float: right;
     margin: 0 10px 10px 0;

diff --git a/visualpython/css/m_apps/frame.css b/visualpython/css/m_apps/frame.css
@@ -111,9 +111,13 @@
     position: absolute;
     left: 100%;
 }
-.vp-fe-menu-item:hover .vp-fe-menu-sub-box {
+.vp-fe-menu-item:not(.disabled):hover .vp-fe-menu-sub-box {
     display: block;
 }
+.vp-fe-menu-item.disabled {
+    color: var(--vp-gray-color);
+    cursor: not-allowed;
+}
 .vp-fe-table {
     height: 97%;
     background: var(--vp-border-gray-color);
@@ -188,6 +192,12 @@
 
 .vp-fe-table-more {
     margin: 10px;
+    cursor: pointer;
+    padding: 3px;
+    background-color: white;
+}
+.vp-fe-table-more:hover {
+    background-color: var(--vp-gray-color);
 }
 .vp-fe-info {
     display: none;
@@ -269,7 +279,7 @@
     border: 0.25px solid var(--vp-border-gray-color);
     width: 160px;
     padding: 5px;
-    min-height: 180px;
+    min-height: 130px;
 }
 .vp-inner-popup-sortby-item {
     border-bottom: 0.25px solid var(--vp-border-gray-color);

diff --git a/visualpython/css/m_apps/information.css b/visualpython/css/m_apps/information.css
@@ -31,7 +31,7 @@
     height: 30px;
 }
 /* dropdown menu */
-.vp-dropdown {
+/* .vp-dropdown {
     position: relative;
     display: inline-block;
 }
@@ -62,7 +62,6 @@
     -ms-user-select: none;
     user-select: none;
     text-overflow: ellipsis;
-    /* overflow: hidden; */
     white-space: nowrap;
     padding: 0px 5px;
 }
@@ -88,17 +87,76 @@
     cursor: pointer;
     height: 30px;
     font-size: 13px;
-}
-.vp-variable-preview {
+} */
+.vp-variable-table {
     margin-top: 5px;
-    align-content: baseline;
+    background: var(--vp-border-gray-color);
+    border: 1px solid var(--vp-border-gray-color);
+    overflow: auto;
 }
-.vp-variable-preview thead th {
+.vp-variable-table table {
+    border-collapse: separate;
+    margin-top: 0px;
+    margin-left: 0px;
+    color: var(--vp-font-primary);
+    font-size: 13px;
+}
+.vp-variable-table table th {
+    /* no-selection for th */
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+.vp-variable-table thead th {
+    position: sticky;
+    top: 0;
+    background-color: var(--vp-background-color);
+    border-bottom: 1px solid var(--vp-border-gray-color);
+
+    text-align: right;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    height: 30px !important;
+    min-width: 80px;
+    white-space: nowrap;
+}
+.vp-variable-table tbody tr:nth-child(odd) {
+    background: #F5F5F5;
+}
+.vp-variable-table tbody tr:nth-child(even) {
+    background: var(--vp-background-color);
+}
+.vp-variable-table th.selected {
+    /* color: var(--vp-highlight-color); */
+    background: #add3fd;
+}
+.vp-variable-table th:hover {
     cursor: pointer;
+    /* background: var(--vp-light-gray-color); */
+    /* background: rgba(66, 165, 245, 0.2); */
 }
-.vp-variable-preview thead th.selected {
-    background-color: var(--vp-highlight-color);
-    color: var(--vp-background-color);
+
+/* Row Hover */
+.vp-variable-table tbody tr:hover { 
+    background-color: rgba(66, 165, 245, 0.2);
+}
+
+/* Column Hover */
+.vp-variable-table tr th:nth-child(1) {
+    min-width: 30px !important;
+}
+
+.vp-variable-table-more {
+    margin: 10px;
+    cursor: pointer;
+    padding: 3px;
+    background-color: white;
+}
+.vp-variable-table-more:hover {
+    background-color: var(--vp-gray-color);
 }
 .vp-information-preview-header {
     height: 30px;
@@ -136,6 +194,8 @@
 }
 .vp-information-preview-content { 
     align-content: baseline;
+    position: relative;
+    height: 100%;
 }
 .vp-information-preview-box img {
     width: 100%;

diff --git a/visualpython/css/menuFrame.css b/visualpython/css/menuFrame.css
@@ -257,14 +257,26 @@ input.vp-menu-search-box {
     background: #97AA4E;
 }
 .vp-menuitem.apps.vp-color-apps6 {
+    background: #8D9D4D;
+}
+.vp-menuitem.apps.vp-color-apps11 {
     background: #88B4E9;
 }
-.vp-menuitem.apps.vp-color-apps7 {
+.vp-menuitem.apps.vp-color-apps12 {
     background: #6C9BD1;
 }
-.vp-menuitem.apps.vp-color-apps8 {
+.vp-menuitem.apps.vp-color-apps13 {
     background: #578BC7;
 }
+.vp-menuitem.apps.vp-color-apps15 {
+    background: #B66CC8;
+}
+.vp-menuitem.apps.vp-color-apps16 {
+    background: #A965BA;
+}
+.vp-menuitem.apps.vp-color-apps17 {
+    background: #9658A6;
+}
 .vp-menuitem.apps.vp-color-preparing {
     background: var(--vp-gray-color);
 }
@@ -414,6 +426,19 @@ input.vp-menu-search-box {
 .vp-menuitem.apps .visualize_wordcloud {
     background: top / contain no-repeat url(../img/apps/apps_wordcloud.svg);
 }
+/* statistics */
+.vp-menuitem.apps .stats_probDist {
+    background: top / contain no-repeat url(../img/apps/apps_white.svg);
+}
+.vp-menuitem.apps .stats_normTest {
+    background: top / contain no-repeat url(../img/apps/apps_white.svg);
+}
+.vp-menuitem.apps .stats_equalVarTest {
+    background: top / contain no-repeat url(../img/apps/apps_white.svg);
+}
+.vp-menuitem.apps .stats_studentstTest {
+    background: top / contain no-repeat url(../img/apps/apps_white.svg);
+}
 /* machine learning */
 .vp-menuitem.apps .ml_dataSet {
     background: top / contain no-repeat url(../img/apps/apps_dataset.svg);

diff --git a/visualpython/css/root.css b/visualpython/css/root.css
@@ -678,6 +678,58 @@ hr.vp-extra-menu-line {
 .vp-option-horizontal-table-layout .vp-center-align {
 	text-align: center;
 }
+/* rendered table style */
+.vp_rendered_html * + table {
+    margin-top: 1em;
+}
+.vp_rendered_html table {
+    margin-left: auto;
+    margin-right: auto;
+    border: none;
+    border-collapse: collapse;
+    border-spacing: 0;
+    color: black;
+    font-size: 12px;
+    table-layout: fixed;
+}
+.vp_rendered_html thead {
+    border-bottom: 1px solid black;
+    vertical-align: bottom;
+}
+.vp_rendered_html tr, .vp_rendered_html th, .vp_rendered_html td {
+    text-align: right;
+    vertical-align: middle;
+    padding: 0.5em 0.5em;
+    line-height: normal;
+    white-space: normal;
+    max-width: none;
+    border: none;
+}
+.vp_rendered_html th {
+    font-weight: bold;
+}
+.vp_rendered_html tbody tr:nth-child(odd) {
+    background: #f5f5f5;
+}
+.vp_rendered_html tbody tr:hover {
+    background: rgba(66, 165, 245, 0.2);
+}
+.vp_rendered_html * + p {
+    margin-top: 1em;
+}
+.vp_rendered_html p {
+    text-align: left;
+}
+.vp_rendered_html pre, .vp_rendered_html code {
+    border: 0;
+    color: #000;
+    font-size: 100%;
+}
+.vp_rendered_html pre {
+    margin: 1em 2em;
+    padding: 0px;
+    background-color: #fff;
+}
 /* jquery auto-complete */
 .ui-autocomplete {
     z-index: 1250;

diff --git a/visualpython/data/libraries.json b/visualpython/data/libraries.json
@@ -3186,7 +3186,7 @@
                         "desc" : "Plotly chart creation",
                         "file" : "m_visualize/Plotly",
                         "apps" : {
-                            "color": 5,
+                            "color": 6,
                             "icon": "apps/apps_visualize.svg"
                         }
                     },
@@ -3200,7 +3200,7 @@
                         "desc" : "Word Cloud",
                         "file" : "m_visualize/WordCloud",
                         "apps" : {
-                            "color": 5,
+                            "color": 6,
                             "icon": "apps/apps_wordcloud.svg"
                         }
                     }
@@ -3226,7 +3226,7 @@
                         "desc" : "Data sets for machine learning",
                         "file" : "m_ml/DataSets",
                         "apps" : {
-                            "color": 6,
+                            "color": 11,
                             "icon": "apps/apps_dataset.svg"
                         }
                     },
@@ -3240,7 +3240,7 @@
                         "desc" : "Data split for machine learning",
                         "file" : "m_ml/dataSplit",
                         "apps" : {
-                            "color": 6,
+                            "color": 11,
                             "icon": "apps/apps_datasplit.svg"
                         }
                     },
@@ -3254,7 +3254,7 @@
                         "desc" : "Data preparation for machine learning",
                         "file" : "m_ml/DataPrep",
                         "apps" : {
-                            "color": 6,
+                            "color": 11,
                             "icon": "apps/apps_dataprep.svg"
                         }
                     },
@@ -3268,7 +3268,7 @@
                         "desc" : "AutoML model for machine learning",
                         "file" : "m_ml/AutoML",
                         "apps" : {
-                            "color": 6,
+                            "color": 11,
                             "icon": "apps/apps_automl.svg"
                         }
                     },
@@ -3282,7 +3282,7 @@
                         "desc" : "Regression model for machine learning",
                         "file" : "m_ml/Regression",
                         "apps" : {
-                            "color": 7,
+                            "color": 12,
                             "icon": "apps/apps_regression.svg"
                         }
                     },
@@ -3296,7 +3296,7 @@
                         "desc" : "Classification model for machine learning",
                         "file" : "m_ml/Classification",
                         "apps" : {
-                            "color": 7,
+                            "color": 12,
                             "icon": "apps/apps_classification.svg"
                         }
                     },
@@ -3310,7 +3310,7 @@
                         "desc" : "Clustering model for machine learning",
                         "file" : "m_ml/Clustering",
                         "apps" : {
-                            "color": 7,
+                            "color": 12,
                             "icon": "apps/apps_clustering.svg"
                         }
                     },
@@ -3324,7 +3324,7 @@
                         "desc" : "Dimension reduction model for machine learning",
                         "file" : "m_ml/DimensionReduction",
                         "apps" : {
-                            "color": 7,
+                            "color": 12,
                             "icon": "apps/apps_dimension.svg"
                         }
                     },
@@ -3338,7 +3338,7 @@
                         "desc" : "Model save/load for machine learning",
                         "file" : "m_ml/SaveLoad",
                         "apps" : {
-                            "color": 8,
+                            "color": 13,
                             "icon": "apps/apps_file.svg"
                         }
                     },
@@ -3352,7 +3352,7 @@
                         "desc" : "Model fit/predict for machine learning",
                         "file" : "m_ml/FitPredict",
                         "apps" : {
-                            "color": 8,
+                            "color": 13,
                             "icon": "apps/apps_fit.svg"
                         }
                     },
@@ -3366,7 +3366,7 @@
                         "desc" : "Model information for machine learning",
                         "file" : "m_ml/ModelInfo",
                         "apps" : {
-                            "color": 8,
+                            "color": 13,
                             "icon": "apps/apps_predict.svg"
                         }
                     },
@@ -3380,7 +3380,7 @@
                         "desc" : "Performance evaluation for machine learning",
                         "file" : "m_ml/evaluation",
                         "apps" : {
-                            "color": 8,
+                            "color": 13,
                             "icon": "apps/apps_evaluate.svg"
                         }
                     }