define([
'jquery'
, 'nbextensions/visualpython/src/common/vpCommon'
, 'nbextensions/visualpython/src/common/constant'
, 'nbextensions/visualpython/src/common/metaDataHandler'
, 'nbextensions/visualpython/src/common/StringBuilder'
, 'nbextensions/visualpython/src/common/component/vpAccordionBox'
, 'nbextensions/visualpython/src/common/component/vpLineNumberTextArea'
, 'nbextensions/visualpython/src/common/component/vpTableLayoutVerticalSimple'
, 'nbextensions/visualpython/src/common/component/vpTableLayoutHorizontalSimple'
, 'nbextensions/visualpython/src/common/component/vpMultiButtonModal'
, 'nbextensions/visualpython/src/common/component/vpMultiButtonModal_new'
], function($, vpCommon, vpConst, md, sb, vpAccordionBox, vpLineNumberTextArea, vpTableLayoutVerticalSimple, vpTableLayoutHorizontalSimple, vpMultiButtonModal
, vpMultiButtonModal_new) {
"use strict";
/**
* @class VpFuncJS
* @constructor
* @param {funcOptProp} props 기본 ì†ì„±
* @param {String} uuid ê³ ìœ id
*/
var VpFuncJS = function(props, uuid) {
this.setOptionProp(props);
this.uuid = uuid;
this.generatedCode = "";
};
/**
@param {funcOptProp} props 기본 ì†ì„±
*/
VpFuncJS.prototype.setOptionProp = function(props) {
this.funcName = props.funcName;
this.funcID = props.funcID;
}
/**
* Task Index 셋팅
* @param {number} idx task sequential index
*/
VpFuncJS.prototype.setTaskIndex = function(idx) {
this.taskIdx = idx;
}
/**
* Task Index 확ì¸
* @returns {number} task sequential index
*/
VpFuncJS.prototype.getTaskIndex = function() {
return this.taskIdx;
}
/**
* ìœ íš¨ì„± 검사
* @param {*} args
* @returns {boolean} ìœ íš¨ì„± ì²´í¬
*/
VpFuncJS.prototype.optionValidation = function(args) {
console.log("[vpFuncJS.optionValidation] Not developed yet. Need override on child.");
return false;
}
/**
* Python 코드 실행 후 반환 ê°’ ì „ë‹¬í•´ 콜백함수 호출
* @param {String} command ì‹¤í–‰í• ì½”ë“œ
* @param {function} callback 실행 완료 후 호출ë callback
* @param {boolean} isSilent 커ë„ì— ì‹¤í–‰ìœ„í•œ ì‹ í˜¸ ì „ë‹¬ 여부 기본 false
* @param {boolean} isStoreHistory 커ë„ì— ížˆìŠ¤í† ë¦¬ 채우ë„ë¡ ì‹ í˜¸ 기본 !isSilent
* @param {boolean} isStopOnError 실행íì— ì˜ˆì™¸ ë°œìƒì‹œ 중지 여부 기본 true
*/
VpFuncJS.prototype.kernelExecute = function(command, callback, isSilent = false, isStoreHistory = !isSilent, isStopOnError = true) {
Jupyter.notebook.kernel.execute(
command,
{
iopub: {
output: function(msg) {
var result = String(msg.content["text"]);
if (!result || result == 'undefined') {
if (msg.content.data) {
result = String(msg.content.data["text/plain"]);
}
}
callback(result);
}
}
},
{ silent: isSilent, store_history: isStoreHistory, stop_on_error: isStopOnError }
);
}
/**
* ì…€ì— ì†ŒìŠ¤ ì¶”ê°€í•˜ê³ ì‹¤í–‰.
* @param {String} command ì‹¤í–‰í• ì½”ë“œ
* @param {boolean} exec 실행여부
* @param {String} type 셀 타입
*/
VpFuncJS.prototype.cellExecute = function(command, exec, type = "code") {
// TODO: Validate ê±°ì¹ ê²ƒ
this.generatedCode = command;
var targetCell = Jupyter.notebook.insert_cell_below(type);
// ì½”ë“œíƒ€ìž…ì¸ ê²½ìš° ì‹œê·¸ë‹ˆì³ ì¶”ê°€.
if (type == "code") {
// command = vpCommon.formatString("{0}\n{1}", vpConst.PREFIX_CODE_SIGNATURE, command);
command = vpCommon.formatString("{0}", command);
}
targetCell.set_text(command);
Jupyter.notebook.select_next();
// this.metaSave(); ê° í•¨ìˆ˜ì—ì„œ 호출하ë„ë¡ ë³€ê²½.
if (exec) {
switch (type) {
case "markdown":
targetCell.render();
break;
case "code":
default:
targetCell.execute();
}
/**
* 추가 + ì´ì§„ìš© 주임
* 2020 10 22 한글('코드가 실행ë˜ì—ˆìŠµë‹ˆë‹¤') -> ì˜ì–´ë¡œ 변경('Your code has been executed)
*/
vpCommon.renderSuccessMessage("Your code has been executed");
}
/** 추가 + 김민주 주임
* 2020 11 24 주피터 ì…€ 실행(run)/추가(add) 후 ì„ íƒëœ 셀로 ì´ë™
*/
Jupyter.notebook.scroll_to_cell(Jupyter.notebook.get_selected_index());
}
/**
* ì„ íƒìž 범위 uuid 안으로 ê°ì‹¸ê¸°
* @param {String} selector ì œí•œí• ëŒ€ìƒ ì„ íƒìž. 복수 매개 ì‹œ uuid 아래로 순서대로 ì œí•œë¨
* @returns ê°ì‹¸ì§„ ì„ íƒìž
*/
VpFuncJS.prototype.wrapSelector = function(selector) {
var args = Array.prototype.slice.call(arguments);
args.unshift("." + this.uuid);
return vpCommon.wrapSelector.apply(this, args);
}
/**
* append css on option
* @param {String} url style sheet url
*/
VpFuncJS.prototype.loadCss = function(url) {
try {
var link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = requirejs.toUrl(url);
document.getElementsByClassName(this.uuid)[0].appendChild(link);
} catch (err) {
console.log("[vp] Error occurred during load style sheet. Skip this time.");
console.warn(err.message);
}
}
/**
* 미리 ìƒì„±ëœ 코드 실행
*/
VpFuncJS.prototype.executeGenerated = function() {
if (this.generatedCode !== "")
this.cellExecute(this.generatedCode, true);
}
/** 추가 + ì´ì§„ìš© 주임
* íŒŒì¼ ë„¤ë¹„ê²Œì´ì…˜ì— ì´ ì½”ë“œë¥¼ 사용
* @param {String} command ì‹¤í–‰í• ì½”ë“œ
* @param {function} callback 실행 완료 후 호출ë callback
* @param {boolean} isSilent 커ë„ì— ì‹¤í–‰ìœ„í•œ ì‹ í˜¸ ì „ë‹¬ 여부 기본 false
* @param {boolean} isStoreHistory 커ë„ì— ížˆìŠ¤í† ë¦¬ 채우ë„ë¡ ì‹ í˜¸ 기본 !isSilent
* @param {boolean} isStopOnError 실행íì— ì˜ˆì™¸ ë°œìƒì‹œ 중지 여부 기본 true
*/
VpFuncJS.prototype.kernelExecuteV2 = function(command, callback, isSilent = false, isStoreHistory = !isSilent, isStopOnError = true) {
Jupyter.notebook.kernel.execute(
command,
{
iopub: {
output: function(msg) {
var result = msg.content.data['text/plain']; // <- ì´ ë¶€ë¶„ì„ ê°œì„ í•œ kernelExecute ë²„ì „2 코드
callback(result);
}
}
},
{ silent: isSilent, store_history: isStoreHistory, stop_on_error: isStopOnError }
);
}
/**
* 메타ë°ì´í„° 핸들러 초기화
*/
VpFuncJS.prototype.initMetaHandler = function() {
if (this.mdHandler === undefined)
this.mdHandler = new md.MdHandler(this.funcID);
return this.mdHandler;
}
/**
* 메타ë°ì´í„° ìƒì„±
*/
VpFuncJS.prototype.metaGenerate = function() {
if (this.package === undefined) return;
var inputIdList = this.package.input.map(x => x.name);
// inputIdList = inputIdList.concat(this.package.output.map(x => x.name));
// inputIdList = inputIdList.concat(this.package.variable.map(x => x.name));
// FIXME: minju : not existing object mapping error fixed
if (this.package.output) inputIdList = inputIdList.concat(this.package.output.map(x => x.name));
if (this.package.variable) inputIdList = inputIdList.concat(this.package.variable.map(x => x.name));
// generate metadata
this.initMetaHandler();
this.metadata = this.mdHandler.generateMetadata(this, inputIdList);
}
/**
* 메타ë°ì´í„° 세ì´ë¸Œ
*/
VpFuncJS.prototype.metaSave = function() {
// generate metadata
this.metaGenerate();
// save metadata
if (this.package === undefined) return;
// 20210104 minju: ì…€ì— Metadata ì €ìž¥í•˜ì§€ 않기
// this.mdHandler.saveMetadata();
}
/**
* 메타ë°ì´í„° 로드
* @param {funcJS} option
* @param {JSON} meta
*/
VpFuncJS.prototype.loadMeta = function(funcJS, meta) {
this.initMetaHandler();
this.mdHandler.metadata = meta;
this.mdHandler.loadDirectMdAsTag(funcJS, meta);
// 로드 후 ìž‘ì—…ì´ ë°”ì¸ë”© ë˜ì–´ìžˆìœ¼ë©´ 처리
if (this.loadMetaExpend !== undefined && typeof this.loadMetaExpend == "function") {
this.loadMetaExpend(funcJS, meta);
}
}
/**
* Get Value of Metadata by option id
* @param {string} id
*/
VpFuncJS.prototype.getMetadata = function(id) {
if (this.metadata == undefined)
return "";
if (this.metadata.options) {
var len = this.metadata.options.length;
for (var i = 0; i < len; i++) {
var obj = this.metadata.options[i];
if (obj.id == id)
return obj.value;
}
}
return "";
}
/**
* 페ì´ì§€ ë‚´ìš© 삽입.
* @param {String} content 페ì´ì§€ ë‚´ìš©
* @param {number} pageIndex 페ì´ì§€ ì¸ë±ìŠ¤
*/
VpFuncJS.prototype.setPage = function(content, pageIndex = 0) {
$(vpCommon.wrapSelector(vpCommon.formatString(".{0}.{1}:eq({2})", this.uuid, vpConst.API_OPTION_PAGE, pageIndex))).append(content);
}
/**
* prefix, postfix ìž…ë ¥ 컨트롤 ìƒì„±
* @param {String} caption 아코디언 박스 캡션
* @param {String} areaID textarea id
* @param {String} content textarea content
* @returns {String} tag string
*/
VpFuncJS.prototype.createManualCode = function(caption, areaID, content) {
var accBoxManualCode = new vpAccordionBox.vpAccordionBox(caption);
var lineNumberTextArea = new vpLineNumberTextArea.vpLineNumberTextArea(areaID, content);
accBoxManualCode.addClass(vpConst.ACCORDION_GRAY_COLOR);
accBoxManualCode.appendContent(lineNumberTextArea.toTagString());
return accBoxManualCode.toTagString();
}
/**
* prefix ìž…ë ¥ 컨트롤 ìƒì„±
* @param {String} content textarea content
* @returns {String} tag string
*/
VpFuncJS.prototype.createPrefixCode = function(content = "") {
return this.createManualCode(vpConst.API_OPTION_PREFIX_CAPTION, vpConst.API_OPTION_PREFIX_CODE_ID, content);
}
/**
* prefix 컨트롤 ê°’ ì„¤ì •
* @param {String} content textarea content
*/
VpFuncJS.prototype.setPrefixCode = function(content) {
$(this.wrapSelector(vpCommon.formatString("#{0}", vpConst.API_OPTION_PREFIX_CODE_ID))).val(content);
}
/**
* prefix 컨트롤 값 조회
* @returns {String} textarea content
*/
VpFuncJS.prototype.getPrefixCode = function() {
return $(this.wrapSelector(vpCommon.formatString("#{0}", vpConst.API_OPTION_PREFIX_CODE_ID))).val();
}
/**
* postfix ìž…ë ¥ 컨트롤 ìƒì„±
* @param {String} content textarea content
* @returns {String} tag string
*/
VpFuncJS.prototype.createPostfixCode = function(content = "") {
return this.createManualCode(vpConst.API_OPTION_POSTFIX_CAPTION, vpConst.API_OPTION_POSTFIX_CODE_ID, content);
}
/**
* postfix 컨트롤 ê°’ ì„¤ì •
* @param {String} content textarea content
*/
VpFuncJS.prototype.setPostfixCode = function(content) {
$(this.wrapSelector(vpCommon.formatString("#{0}", vpConst.API_OPTION_POSTFIX_CODE_ID))).val(content);
}
/**
* postfix 컨트롤 값 조회
* @returns {String} textarea content
*/
VpFuncJS.prototype.getPostfixCode = function() {
return $(this.wrapSelector(vpCommon.formatString("#{0}", vpConst.API_OPTION_POSTFIX_CODE_ID))).val();
}
/**
* 옵션 컨테ì´ë„ˆ ìƒì„±
* @param {String} caption 아코디언 박스 캡션
* @returns {vpAccordionBox} 아코디언 박스
*/
VpFuncJS.prototype.createOptionContainer = function(caption) {
var accBox = new vpAccordionBox.vpAccordionBox(caption);
return accBox;
}
/**
* 세로형 간단 í…Œì´ë¸” ë ˆì´ì•„웃 ìƒì„±
* @param {String} thWidth í…Œì´ë¸” í—¤ë”(좌측 ì…€) ë„“ì´
*/
VpFuncJS.prototype.createVERSimpleLayout = function(thWidth) {
var tblLayout = new vpTableLayoutVerticalSimple.vpTableLayoutVerticalSimple();
tblLayout.setTHWidth(thWidth);
return tblLayout;
}
/**
* 가로형 간단 í…Œì´ë¸” ë ˆì´ì•„웃 ìƒì„±
* @param {Array} thWidth í…Œì´ë¸” 셀별 ë„“ì´
*/
VpFuncJS.prototype.createHORIZSimpleLayout = function(thWidth) {
var tblLayout = new vpTableLayoutHorizontalSimple.vpTableLayoutHorizontalSimple();
// tblLayout.setTHWidth(thWidth);
return tblLayout;
}
/**
* 옵션별 ì´ë²¤íŠ¸ ë°”ì¸ë”©. (컨테ì´ë„ˆ callback ì—ì„œ 호출 함)
*/
VpFuncJS.prototype.bindOptionEvent = function() {
// var that = this;
// $(document).on(vpCommon.formatString("click.{0}", that.uuid), function(evt) {
// console.log("Test log from vp func. " + that.uuid);
// });
// $(document).on(vpCommon.formatString("dblclick.{0}", that.uuid), function(evt) {
// console.log("Test log from vp func dblclick. " + that.uuid);
// });
}
/**
* 옵션별 ì´ë²¤íŠ¸ 언바ì¸ë”©. (컨테ì´ë„ˆì—ì„œ 로드옵션 파기ë ë•Œ 호출 함).
*/
VpFuncJS.prototype.unbindOptionEvent = function() {
$(document).unbind(vpCommon.formatString(".{0}", this.uuid));
}
/**
* 모달 오픈
* @param {String} message 모달 메시지
* @param {Array} buttons 버튼 캡션
* @param {function} callback ì„ íƒ ì½œë°± 함수
*/
VpFuncJS.prototype.openMultiBtnModal = function(message = "", buttons = new Array(), callback) {
var mbmModal = new vpMultiButtonModal.vpMultiButtonModal();
mbmModal.setMessage(message);
mbmModal.setButtons(buttons);
mbmModal.openModal(callback);
}
/**
* 모달 오픈
* @param {String} message 모달 메시지
* @param {Array