Skip to content

Commit ec294a2

Browse files
minjk-blminjk-bl
committed
#46 - file io menu
1 parent 8a6dd34 commit ec294a2

6 files changed

Lines changed: 474 additions & 19 deletions

File tree

‎css/file_io/fileio.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
#vp_fileioPage .vp-fileio-type {
2+
border: 2px solid var(--hightlight-color);
3+
width: 100%;
4+
height: 35px;
5+
background-position: 97% 50%;
6+
cursor: pointer;
7+
}
8+
9+
#vp_fileioPage .vp-fileio-body {
10+
padding: 5px;
11+
margin-top: 10px;
12+
}

‎src/api_block/blockContainer.js‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1832,8 +1832,6 @@ define([
18321832
// var loadUrl = 'common/' + moduleFile;
18331833
var loadUrl = moduleFile;
18341834
requirejs([loadUrl], function (loaded) {
1835-
console.log(loaded);
1836-
18371835
if (Object.keys(loaded).includes('initOption')) {
18381836
loaded.initOption(function(funcJS) {
18391837
that.appsMenu = new popupPage(funcJS, 'vp_appsCode');

‎src/api_block/init.js‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -284,8 +284,10 @@ define([
284284
});
285285
break;
286286
case 'file':
287-
// TODO: file
288-
blockContainer.createAppsPage('nbextensions/visualpython/src/common/vpFile');
287+
blockContainer.createAppsPage('/nbextensions/visualpython/src/file_io/fileio.js', {
288+
title: 'File',
289+
width: '500px'
290+
});
289291
break;
290292
case 'instance':
291293
blockContainer.createAppsPage('/nbextensions/visualpython/src/file_io/instance.js', {
@@ -300,7 +302,8 @@ define([
300302
break;
301303
case 'chart':
302304
blockContainer.createAppsPage('/nbextensions/visualpython/src/matplotlib/plot.js', {
303-
title: 'Chart'
305+
title: 'Chart',
306+
width: '600px'
304307
});
305308
break;
306309
case 'merge':

‎src/file_io/fileio.html‎

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
<div class="vp-option-page" id="vp_fileioPage">
2+
<select id="vp_fileioType" class="vp-fileio-type">
3+
<option value="Sample">Sample File</option>
4+
<option value="Read">Read File</option>
5+
<option value="Write">Write File</option>
6+
</select>
7+
<div class="vp-fileio-body">
8+
<div id="vp_fileSample" class="vp-fileio-box">
9+
<table class="vp-option-table">
10+
<thead>
11+
<colgroup><col width="30%"><col width="*"></colgroup>
12+
</thead>
13+
<tbody>
14+
<tr>
15+
<td><label for="vp_sampleFile" class="vp-orange-text">Sample File</label></td>
16+
<td>
17+
<select class="vp-select option-select" id="vp_sampleFile">
18+
<option name="vp_sampleFile" value="iris.csv">iris</option>
19+
<option name="vp_sampleFile" value="Titanic_train.csv">Titanic_train</option>
20+
<option name="vp_sampleFile" value="Titanic_test.csv">Titanic_test</option>
21+
<option name="vp_sampleFile" value="cancer.csv">cancer</option>
22+
<option name="vp_sampleFile" value="fish.csv">fish</option>
23+
<option name="vp_sampleFile" value="accidentData.csv">accidentData</option>
24+
<option name="vp_sampleFile" value="campusRecruitment.csv">campusRecruitment</option>
25+
<option name="vp_sampleFile" value="houseData_500.csv">houseData_500</option>
26+
<option name="vp_sampleFile" value="lolRankedData_500.csv">lolRankedData_500</option>
27+
<option name="vp_sampleFile" value="weatherData_500.csv">weatherData_500</option>
28+
<option name="vp_sampleFile" value="welfareCenter.csv">welfareCenter</option>
29+
<option name="vp_sampleFile" value="mnist_train_1000.csv">mnist_train_1000</option>
30+
</select>
31+
</td>
32+
</tr>
33+
<tr>
34+
<td><label for="vp_sampleReturn" class="vp-orange-text">Return to</label></td>
35+
<td><input type="text" class="vp-input input-single" id="vp_sampleReturn" placeholder="" value="" title=""></td>
36+
</tr>
37+
</tbody>
38+
</table>
39+
</div>
40+
<div id="vp_fileRead" class="vp-fileio-box" style="display:none;">
41+
<form id="vp_optionForm">
42+
43+
<div class="vp-accordion-container vp-accordion-open">
44+
<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">Required Input & Output</span></div>
45+
<div id="vp_inputOutputBox" class="vp-accordion-content">
46+
<table class="vp-option-table">
47+
<colgroup><col width="30%"/><col width="*"/></colgroup>
48+
</table>
49+
</div>
50+
</div>
51+
<div class="vp-accordion-container vp-accordion-gray-color">
52+
<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">Additional Options</span></div>
53+
<div id="vp_optionBox" class="vp-accordion-content">
54+
<table class="vp-option-table">
55+
<colgroup><col width="30%"/><col width="*"/></colgroup>
56+
57+
</table>
58+
</div>
59+
</div>
60+
61+
</form>
62+
</div>
63+
<div id="vp_fileWrite" class="vp-fileio-box" style="display:none;">
64+
<form id="vp_optionForm">
65+
66+
<div class="vp-accordion-container vp-accordion-open">
67+
<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">Required Input & Output</span></div>
68+
<div id="vp_inputOutputBox" class="vp-accordion-content">
69+
<table class="vp-option-table">
70+
<colgroup><col width="30%"/><col width="*"/></colgroup>
71+
</table>
72+
</div>
73+
</div>
74+
<div class="vp-accordion-container vp-accordion-gray-color">
75+
<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">Additional Options</span></div>
76+
<div id="vp_optionBox" class="vp-accordion-content">
77+
<table class="vp-option-table">
78+
<colgroup><col width="30%"/><col width="*"/></colgroup>
79+
80+
</table>
81+
</div>
82+
</div>
83+
84+
</form>
85+
</div>
86+
</div>
87+
88+
</div>

0 commit comments

Comments
 (0)