Skip to content

Commit 7bc338c

Browse files
minjk-blminjk-bl
authored
Merge pull request #48 from minjk-bl/devops
Devops
2 parents 3c640d2 + a0ba80d commit 7bc338c

11 files changed

Lines changed: 252 additions & 110 deletions

File tree

‎css/file_io/fileio.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,8 @@
99
#vp_fileioPage .vp-fileio-body {
1010
padding: 5px;
1111
margin-top: 10px;
12+
}
13+
14+
.vp-option-table {
15+
1216
}

‎css/file_io/udf.css‎

Lines changed: 17 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
/* udf editor - CodeMirror */
22
#vp-wrapper .vp-udf-page .CodeMirror { border: 1px solid silver; }
3+
#vp-wrapper .vp-udf-page .CodeMirror.CodeMirror-focused { border: 1px solid var(--hightlight-color); }
34
#vp-wrapper .vp-udf-page .CodeMirror-empty { outline: 1px solid #c22; }
45
#vp-wrapper .vp-udf-page .CodeMirror-empty.CodeMirror-focused { outline: none; }
56
#vp-wrapper .vp-udf-page .CodeMirror pre.CodeMirror-placeholder { color: #999; }
67

78
#vp-wrapper .vp-udf-page .CodeMirror-scroll { min-height: 80px; max-height: 250px;}
89

910
/* udf option header */
10-
.vp-option-header {
11+
/* .vp-option-header {
1112
padding-bottom: 3px;
1213
}
1314
.vp-option-header label {
@@ -18,10 +19,10 @@
1819
}
1920
.vp-option-header button {
2021
width: 70px;
21-
}
22+
} */
2223

2324
/* udf list table */
24-
#vp_udfList tr:not(:first-child):hover,
25+
/* #vp_udfList tr:not(:first-child):hover,
2526
#vp_udfList tr.selected {
2627
color: var(--font-hightlight);
2728
background-color: #F5F5F5;
@@ -39,10 +40,10 @@
3940
text-overflow: ellipsis;
4041
width: 100%;
4142
overflow: hidden;
42-
}
43+
} */
4344

4445
/* code td 긴 문자열 생략 */
45-
.vp-udf-code,
46+
/* .vp-udf-code,
4647
.vp-udf-code pre {
4748
text-overflow: ellipsis;
4849
overflow: hidden;
@@ -53,15 +54,15 @@
5354
5455
background: #ffffff00;
5556
border: 0px;
56-
}
57+
} */
5758

5859
/* 새로고침 버튼 */
59-
#vp_udfRefresh {
60+
/* #vp_udfRefresh {
6061
padding: 5px;
6162
}
6263
#vp_udfRefresh:hover {
6364
cursor: pointer;
64-
}
65+
} */
6566

6667
/* 삭제 버튼 */
6768
.vp-del-col {
@@ -243,6 +244,9 @@
243244
border: 0.25px solid var(--border-gray-color);
244245
box-sizing: border-box;
245246
}
247+
.vp-sn-item-header.selected {
248+
background: #F5F5F5;
249+
}
246250
.vp-sn-item-header .vp-sn-indicator {
247251
display: inline-block;
248252
cursor: pointer;
@@ -255,18 +259,17 @@
255259
.vp-sn-item-header .vp-sn-indicator.open {
256260
background-image: url(../../resource/chevron_big_down.svg) !important;
257261
}
258-
.vp-sn-item-title {
262+
#vp_udfPage .vp-sn-item-header input.vp-sn-item-title {
259263
width: calc(100% - 80px);
260264
outline: none;
261-
border: 0.5px solid white !important;
265+
background: transparent;
266+
border: 0.5px solid transparent;
262267
}
263-
.vp-sn-item.selected .vp-sn-item-title {
264-
background: #F5F5F5;
268+
#vp_udfPage .vp-sn-item-header.selected input.vp-sn-item-title {
265269
color: var(--font-hightlight);
266270
}
267-
.vp-sn-item-title:focus {
271+
#vp_udfPage .vp-sn-item-header input.vp-sn-item-title:focus {
268272
transition: 0.7s;
269-
border: 1px solid #FFCF73;
270273
border: 0.5px solid var(--hightlight-color) !important;
271274
}
272275
.vp-sn-imported-item {

‎resource/snippets/run.svg‎

Lines changed: 6 additions & 0 deletions
Loading

‎src/api_block/blockContainer.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1835,6 +1835,7 @@ define([
18351835
if (Object.keys(loaded).includes('initOption')) {
18361836
loaded.initOption(function(funcJS) {
18371837
that.appsMenu = new popupPage(funcJS, 'vp_appsCode');
1838+
funcJS.wrapSelector = that.appsMenu.wrapSelector;
18381839
// library page
18391840
$(vpCommon.wrapSelector(vpCommon.formatString("#{0}", vpConst.OPTION_GREEN_ROOM), vpCommon.formatString(".{0}", vpConst.API_OPTION_PAGE))).each(function() {
18401841
that.appsMenu.open({

‎src/api_block/init.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -713,7 +713,7 @@ define([
713713
*/
714714
$(document).on("fileReadSelected.fileNavigation", function(e) {
715715
// 선택 파일 확장자가 노트 세이브 파일인 경우만 동작
716-
if (e.path.substring(e.path.lastIndexOf(".") + 1) === vpConst.VP_NOTE_EXTENSION) {
716+
if (e.file.substring(e.file.lastIndexOf(".") + 1) === vpConst.VP_NOTE_EXTENSION) {
717717
openNotePageAction_newVersion();
718718
}
719719
});
@@ -723,7 +723,7 @@ define([
723723
*/
724724
$(document).on("fileSaveSelected.fileNavigation", function(e) {
725725
// 선택 파일 확장자가 노트 세이브 파일인 경우만 동작
726-
if (e.path.substring(e.path.lastIndexOf(".") + 1) === vpConst.VP_NOTE_EXTENSION) {
726+
if (e.file.substring(e.file.lastIndexOf(".") + 1) === vpConst.VP_NOTE_EXTENSION) {
727727
var selectedPath = $(vpCommon.wrapSelector(vpCommon.formatString("#{0}", vpConst.VP_NOTE_REAL_FILE_PATH))).val();
728728
var saveFileName = selectedPath.substring(selectedPath.lastIndexOf("/") + 1);
729729
// FIXME: 여기부분 수정해야 함

‎src/common/vpPopupPage.js‎

Lines changed: 22 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -67,12 +67,15 @@ define([
6767
page.appendLine('</div>'); // body end
6868

6969
// button box
70-
page.appendFormatLine('<div class="{0}">', VP_PP_BUTTON_BOX);
71-
page.appendFormatLine('<button type="button" class="{0}">{1}</button>'
72-
, VP_PP_BUTTON_CANCEL, 'Cancel');
73-
page.appendFormatLine('<button type="button" class="{0}">{1}</button>'
74-
, VP_PP_BUTTON_APPLY, 'Apply');
75-
page.appendLine('</div>');
70+
// Snippets menu don't use buttons
71+
if (title != 'Snippets') {
72+
page.appendFormatLine('<div class="{0}">', VP_PP_BUTTON_BOX);
73+
page.appendFormatLine('<button type="button" class="{0}">{1}</button>'
74+
, VP_PP_BUTTON_CANCEL, 'Cancel');
75+
page.appendFormatLine('<button type="button" class="{0}">{1}</button>'
76+
, VP_PP_BUTTON_APPLY, 'Apply');
77+
page.appendLine('</div>');
78+
}
7679

7780
page.appendLine('</div>'); // container end
7881
page.appendLine('</div>'); // VP_PP end
@@ -100,6 +103,18 @@ define([
100103
$(this.wrapSelector()).remove();
101104
}
102105

106+
PopupPage.prototype.apply = function() {
107+
if (this.pageThis) {
108+
var code = this.pageThis.generateCode(false, false);
109+
$(vpCommon.wrapSelector('#' + this.targetId)).val(code);
110+
$(vpCommon.wrapSelector('#' + this.targetId)).trigger({
111+
type: 'popup_apply',
112+
title: this.config.title,
113+
code: code
114+
});
115+
}
116+
}
117+
103118
PopupPage.prototype.bindEvent = function() {
104119
var that = this;
105120

@@ -115,15 +130,7 @@ define([
115130

116131
// click apply
117132
$(document).on('click', this.wrapSelector('.' + VP_PP_BUTTON_APPLY), function() {
118-
if (that.pageThis) {
119-
var code = that.pageThis.generateCode(false, false);
120-
$(vpCommon.wrapSelector('#' + that.targetId)).val(code);
121-
$(vpCommon.wrapSelector('#' + that.targetId)).trigger({
122-
type: 'popup_apply',
123-
title: that.config.title,
124-
code: code
125-
});
126-
}
133+
that.apply();
127134
that.close();
128135
});
129136
}

‎src/file_io/fileio.js‎

Lines changed: 35 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -172,6 +172,7 @@ define([
172172
*/
173173
PandasPackage.prototype.initHtml = function() {
174174
this.showFunctionTitle();
175+
this.loadCss(Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "pandas/commonPandas.css");
175176
this.loadCss(Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "file_io/fileio.css");
176177

177178
this.bindOptions();
@@ -217,6 +218,20 @@ define([
217218
var selectedType = this.fileState[pageType]['selectedType'];
218219
var package = { ...libPandas._PANDAS_FUNCTION[fileTypeObj[selectedType]] };
219220
this.fileState[pageType].package = package;
221+
this.state.fileExtension = that.fileExtensions[selectedType];
222+
this.fileResultState = {
223+
...this.fileState[pageType].fileResultState
224+
};
225+
226+
if (pageType == 'Write') {
227+
if (selectedType == 'json') {
228+
this.fileResultState.pathInputId = this.wrapSelector(prefix + '#path_or_buf');
229+
}
230+
if (selectedType == 'pickle') {
231+
this.fileResultState.pathInputId = this.wrapSelector(prefix + '#path');
232+
}
233+
}
234+
220235
// render interface
221236
pdGen.vp_showInterfaceOnPage(this, this.wrapSelector('#vp_file' + pageType), package);
222237

@@ -238,38 +253,34 @@ define([
238253
$(this.wrapSelector(prefix + '#fileType')).change(function() {
239254
var value = $(this).val();
240255
that.fileState[pageType].selectedType = value;
241-
that.state.fileExtension = that.fileExtensions[value];
242-
that.fileResultState = {
243-
...that.fileState[pageType].fileResultState
244-
};
245-
246-
if (pageType == 'Write') {
247-
if (value == 'json') {
248-
that.fileResultState.pathInputId = that.wrapSelector(prefix + '#path_or_buf');
249-
}
250-
if (value == 'pickle') {
251-
that.fileResultState.pathInputId = that.wrapSelector(prefix + '#path');
252-
}
253-
}
254256

255257
// reload
256258
that.renderPage(pageType);
257259
});
258260

259261
// 파일 네비게이션 버튼 추가
260-
if (pageType == 'Write' && selectedType == 'json') {
261-
$(this.fileState[pageType]['fileResultState']['pathInputId']).parent().html(
262-
vpCommon.formatString('<input type="text" class="vp-input input-single" id="path_or_buf" index="0" placeholder="" value="" title=""><div id="vp_openFileNavigationBtn" class="{0}"></div>'
263-
, vpConst.FILE_BROWSER_INPUT_BUTTON)
264-
);
265-
} else if (pageType == 'Write' && selectedType == 'pickle') {
266-
$(this.fileState[pageType]['fileResultState']['pathInputId']).parent().html(
267-
vpCommon.formatString('<input type="text" class="vp-input input-single" id="path" index="0" placeholder="" value="" title=""><div id="vp_openFileNavigationBtn" class="{0}"></div>'
268-
, vpConst.FILE_BROWSER_INPUT_BUTTON)
269-
);
262+
if (pageType == 'Write') {
263+
if (selectedType == 'json') {
264+
$(prefix + '#path_or_buf').parent().html(
265+
vpCommon.formatString('<input type="text" class="vp-input input-single" id="path_or_buf" index="0" placeholder="" value="" title=""><div id="vp_openFileNavigationBtn" class="{0}"></div>'
266+
, vpConst.FILE_BROWSER_INPUT_BUTTON)
267+
);
268+
} else if (selectedType == 'pickle') {
269+
$(prefix + '#path').parent().html(
270+
vpCommon.formatString('<input type="text" class="vp-input input-single" id="path" index="0" placeholder="" value="" title=""><div id="vp_openFileNavigationBtn" class="{0}"></div>'
271+
, vpConst.FILE_BROWSER_INPUT_BUTTON)
272+
);
273+
} else {
274+
$(this.fileState[pageType]['fileResultState']['pathInputId']).parent().html(
275+
vpCommon.formatString('<input type="text" class="vp-input input-single" id="{0}" index="0" placeholder="" value="" title=""><div id="vp_openFileNavigationBtn" class="{1}"></div>'
276+
, 'i1'
277+
, vpConst.FILE_BROWSER_INPUT_BUTTON)
278+
);
279+
}
270280
} else {
271281
$(this.fileState[pageType]['fileResultState']['pathInputId']).parent().html(
272-
vpCommon.formatString('<input type="text" class="vp-input input-single" id="i0" index="0" placeholder="" value="" title=""><div id="vp_openFileNavigationBtn" class="{0}"></div>'
282+
vpCommon.formatString('<input type="text" class="vp-input input-single" id="{0}" index="0" placeholder="" value="" title=""><div id="vp_openFileNavigationBtn" class="{1}"></div>'
283+
, 'i0'
273284
, vpConst.FILE_BROWSER_INPUT_BUTTON)
274285
);
275286
}

‎src/file_io/udf.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!-- TEST: Added class 'cm-s-ipython' to give codemirror same style with Jupyter -->
2-
<div class="vp-option-page vp-udf-page cm-s-ipython" id="vp_inputPage">
2+
<div class="vp-option-page vp-udf-page cm-s-ipython" id="vp_udfPage">
33
<div class="vp-sn-body">
44
<div class="vp-sn-header">
55
<label>Snippets</label>

0 commit comments

Comments
 (0)