Skip to content

Commit 99d33f9

Browse files
minjk-blminjk-bl
committed
#24 - frame editor prototype
1 parent 1f90a29 commit 99d33f9

4 files changed

Lines changed: 535 additions & 1 deletion

File tree

‎css/component/common.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,10 @@
2222
supported by Chrome, Edge, Opera and Firefox */
2323
}
2424

25+
.vp-button:hover {
26+
background: #F8F8F8;
27+
}
28+
2529
.vp-button.cancel {
2630
background: #E5E5E5;
2731
}

‎css/pandas/frameEditor.css‎

Lines changed: 114 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
2+
.vp-fe {
3+
display: grid;
4+
grid-row-gap: 5px;
5+
}
6+
7+
.vp-fe-df-box {
8+
/* margin-bottom: 5px; */
9+
}
10+
11+
.vp-fe #vp_feVariable {
12+
width: 125px;
13+
margin-left: 5px;
14+
}
15+
16+
.vp-fe-df-refresh {
17+
cursor: pointer;
18+
}
19+
20+
.vp-fe-menu-box {
21+
display: grid;
22+
grid-template-columns: repeat(6, 1fr);
23+
}
24+
25+
.vp-fe-menu-box .vp-fe-menu-item {
26+
height: 30px;
27+
background: #FFFFFF;
28+
border: 0.25px solid #E4E4E4;
29+
box-sizing: border-box;
30+
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
31+
border-radius: 2px;
32+
line-height: 30px;
33+
font-size: 11px;
34+
text-align: center;
35+
color: #696969;
36+
cursor: pointer;
37+
-webkit-touch-callout: none;
38+
-webkit-user-select: none;
39+
-khtml-user-select: none;
40+
-moz-user-select: none;
41+
-ms-user-select: none;
42+
user-select: none;
43+
44+
text-overflow: ellipsis;
45+
/* overflow: hidden; */
46+
white-space: nowrap;
47+
padding: 0px 5px;
48+
}
49+
50+
.vp-fe-menu-box .vp-fe-menu-item:hover {
51+
background: #F8F8F8;
52+
}
53+
54+
.vp-fe-info {
55+
margin: 0px;
56+
}
57+
.vp-fe-info .vp-accordion-header {
58+
background: #F5F5F5;
59+
}
60+
61+
.vp-fe-table {
62+
height: 350px;
63+
background: var(--border-gray-color);
64+
overflow: auto;
65+
}
66+
.vp-fe-table table {
67+
border-collapse: separate;
68+
margin-top: 0px;
69+
margin-left: 0px;
70+
}
71+
.vp-fe-table thead th {
72+
position: sticky;
73+
top: 0;
74+
background: #FFFFFF;
75+
border-bottom: 1px solid #000000;
76+
}
77+
78+
.vp-fe-table tbody tr:nth-child(odd) {
79+
background: #F5F5F5;
80+
}
81+
.vp-fe-table tbody tr:nth-child(even) {
82+
background: #FFFFFF;
83+
}
84+
85+
.vp-fe-table th.selected {
86+
color: var(--hightlight-color);
87+
}
88+
89+
.vp-fe-table th:hover {
90+
cursor: pointer;
91+
/* background: var(--light-gray-color); */
92+
/* background: rgba(66, 165, 245, 0.2); */
93+
}
94+
95+
/* row hover */
96+
.vp-fe-table tbody tr:hover {
97+
background-color: rgba(66, 165, 245, 0.2);
98+
}
99+
100+
/* column hover */
101+
/* .vp-fe-table thead th:not(:first-child):hover::after {
102+
background: rgba(66, 165, 245, 0.2);
103+
content: '';
104+
height: 100000px;
105+
left: 0;
106+
position: absolute;
107+
top: -5000px;
108+
width: 100%;
109+
z-index: -1;
110+
} */
111+
112+
.vp-fe-table-more {
113+
margin: 5px;
114+
}

‎data/libraries.xml‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1221,11 +1221,16 @@
12211221
<desc>데이터를 차트로 표현하는 함수</desc>
12221222
<file>pandas/plot.js</file>
12231223
</item>
1224+
<item id="pd_frameEditor" type="function" level="1" name="Frame Editor" tag="FRAME EDITOR">
1225+
<path>visualpython - pandas - subset</path>
1226+
<desc>frame editor</desc>
1227+
<file>pandas/frameEditor.js</file>
1228+
</item>
12241229
<item id="pd_subset" type="function" level="1" name="Subset" tag="SUBSET">
12251230
<path>visualpython - pandas - subset</path>
12261231
<desc>subset dataframe</desc>
12271232
<file>pandas/subset.js</file>
1228-
</item>
1233+
</item>
12291234
<!-- Input/output -->
12301235
<item id="pd_inputOutput" type="package" level="1" name="Input/output" tag="파일 불러오기, 저장, FILE INPUT OUTPUT">
12311236
<path>visualpython - pandas - input output</path>

0 commit comments

Comments
 (0)