Skip to content

Commit 7da7645

Browse files
author
minjk-bl
committed
ML > Data Split update, Add VarSelector2 Test version
1 parent ee9be47 commit 7da7645

10 files changed

Lines changed: 443 additions & 66 deletions

File tree

‎css/m_ml/dataSplit.css‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

‎css/root.css‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -428,4 +428,31 @@ hr.vp-extra-menu-line {
428428
/* jquery auto-complete */
429429
.ui-autocomplete {
430430
z-index: 999;
431+
}
432+
.vp-vs-box {
433+
position: relative;
434+
}
435+
.vp-vs-filter {
436+
position: relative;
437+
width: 20px;
438+
height: 20px;
439+
right: 25px;
440+
cursor: pointer;
441+
}
442+
.vp-vs-filter-box {
443+
display: none;
444+
position: absolute;
445+
width: 101px;
446+
height: 105px;
447+
background: #FFFFFF;
448+
border: 0.25px solid #C4C4C4;
449+
box-sizing: border-box;
450+
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
451+
right: -40px;
452+
top: 0px;
453+
}
454+
.vp-vs-item:hover {
455+
background: var(--light-gray-color);
456+
color: var(--font-hightlight);
457+
cursor: pointer;
431458
}

‎html/m_ml/dataSplit.html‎

Lines changed: 49 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,62 @@
11
<body>
2-
<div class="vp-ds-grid-box">
3-
<div class="vp-grid-border-box vp-grid-col-p50">
4-
<label class="vp-orange-text">Import Library</label>
5-
<button class="vp-button vp-import-btn" id="vp_importLibrary">Import</button>
6-
</div>
7-
<div class="vp-grid-border-box vp-grid-col-95">
8-
<label for="dataType" class="vp-orange-text">Data type</label>
9-
<select id="dataType" class="vp-select vp-state">
10-
<option value="with_target_value">with Target values</option>
11-
</select>
12-
<label for="featureData" class="vp-orange-text">Feature data</label>
13-
<input type="text" class="vp-input vp-state" id="featureData" placeholder="Select feature data"/>
14-
<label for="targetData" class="vp-orange-text">Target data</label>
15-
<input type="text" class="vp-input vp-state" id="targetData" placeholder="Select target data"/>
2+
<div class="vp-grid-box">
3+
<div class="vp-grid-border-box">
4+
<div class="vp-grid-col-95">
5+
<label for="inputData" class="vp-orange-text">Input data</label>
6+
<select id="inputData" class="vp-select vp-state">
7+
<option value="with_target_data">with Target data</option>
8+
<option value="without_target_data">without Target data</option>
9+
</select>
10+
</div>
11+
<div class="vp-grid-col-95">
12+
<label for="featureData" class="vp-orange-text">Feature data</label>
13+
<input type="text" class="vp-input vp-state" id="featureData" placeholder="Select feature data"/>
14+
</div>
15+
<div class="vp-grid-col-95 vp-target-data-box">
16+
<label for="targetData" class="vp-orange-text">Target data</label>
17+
<input type="text" class="vp-input vp-state" id="targetData" placeholder="Select target data"/>
18+
</div>
1619
</div>
17-
<div class="vp-grid-border-box vp-grid-col-95">
18-
<label for="testSize">Test size</label>
19-
<select id="testSize" class="vp-select vp-state">
20-
<!-- Auto Crate -->
21-
</select>
22-
<label for="randomState">Random state</label>
23-
<input type="number" class="vp-input vp-state" id="randomState" placeholder="1234"/>
24-
<label for="shuffle">Shuffle</label>
25-
<select id="shuffle" class="vp-select vp-state">
26-
<option value="True">True</option>
27-
<option value="False">False</option>
28-
</select>
29-
<label for="startify">Startify</label>
30-
<select id="startify" class="vp-select vp-state">
31-
32-
</select>
20+
<div class="vp-grid-border-box">
21+
<div class="vp-grid-col-95">
22+
<label for="testSize">Test size</label>
23+
<select id="testSize" class="vp-select vp-state">
24+
<!-- Auto Crate -->
25+
</select>
26+
</div>
27+
<div class="vp-grid-col-95">
28+
<label for="randomState">Random state</label>
29+
<input type="number" class="vp-input vp-state" id="randomState" placeholder="123"/>
30+
</div>
31+
<div class="vp-grid-col-95">
32+
<label for="shuffle">Shuffle</label>
33+
<select id="shuffle" class="vp-select vp-state">
34+
<option value="True">True (default)</option>
35+
<option value="False">False</option>
36+
</select>
37+
</div>
38+
<div class="vp-grid-col-95">
39+
<label for="stratify">Stratify</label>
40+
<input type="text" id="stratify" class="vp-input vp-state" placeholder="None"/>
41+
</div>
3342
</div>
3443
<div class="vp-grid-border-box vp-grid-col-p50">
3544
<label for="vp_pfReturn" class="vp-orange-text">Allocate to</label><label></label>
3645
<div class="vp-grid-col-95">
37-
<label for="trainFeatures">Train_features</label>
38-
<input type="text" id="trainFeatures" class="vp-input" placeholder="New variable name" value="X_train">
46+
<label for="trainFeatures">Train features</label>
47+
<input type="text" id="trainFeatures" class="vp-input vp-state" placeholder="New variable name" value="X_train">
3948
</div>
4049
<div class="vp-grid-col-95">
41-
<label for="trainTarget">Train_target</label>
42-
<input type="text" id="trainTarget" class="vp-input" placeholder="New variable name" value="y_train">
50+
<label for="testFeatures">Test features</label>
51+
<input type="text" id="testFeatures" class="vp-input vp-state" placeholder="New variable name" value="X_test">
4352
</div>
44-
<div class="vp-grid-col-95">
45-
<label for="testFeatures">Test_features</label>
46-
<input type="text" id="testFeatures" class="vp-input" placeholder="New variable name" value="X_test">
53+
<div class="vp-grid-col-95 vp-target-data-box">
54+
<label for="trainTarget">Train target</label>
55+
<input type="text" id="trainTarget" class="vp-input vp-state" placeholder="New variable name" value="y_train">
4756
</div>
48-
<div class="vp-grid-col-95">
49-
<label for="testTarget">Test_target</label>
50-
<input type="text" id="testTarget" class="vp-input" placeholder="New variable name" value="y_test">
57+
<div class="vp-grid-col-95 vp-target-data-box">
58+
<label for="testTarget">Test target</label>
59+
<input type="text" id="testTarget" class="vp-input vp-state" placeholder="New variable name" value="y_test">
5160
</div>
5261
</div>
5362
</div>

‎img/filter.svg‎

Lines changed: 3 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)