define([
'require'
, 'jquery'
, 'nbextensions/visualpython/src/common/vpCommon'
, 'nbextensions/visualpython/src/common/constant'
, 'nbextensions/visualpython/src/common/StringBuilder'
, 'nbextensions/visualpython/src/common/vpFuncJS'
, 'nbextensions/visualpython/src/common/component/vpSuggestInputText'
, 'nbextensions/visualpython/src/pandas/common/pandasGenerator'
], function (requirejs, $, vpCommon, vpConst, sb, vpFuncJS, vpSuggestInputText, pdGen) {
// 옵션 ì†ì„±
const funcOptProp = {
funcName : "max()"
, funcID : "pyBuilt_max"
}
/**
* html load 콜백. ê³ ìœ id ìƒì„±í•˜ì—¬ 부과하며 js ê°ì²´ í´ëž˜ìŠ¤ ìƒì„±í•˜ì—¬ 컨테ì´ë„ˆë¡œ ì „ë‹¬
* @param {function} callback 호출ìž(컨테ì´ë„ˆ) ì˜ ì½œë°±í•¨ìˆ˜
* @param {JSON} meta 메타 ë°ì´í„°
*/
var optionLoadCallback = function(callback, meta) {
// document.getElementsByTagName("head")[0].appendChild(link);
// 컨테ì´ë„ˆì—ì„œ ì „ë‹¬ëœ callback 함수가 존재하면 실행.
if (typeof(callback) === 'function') {
var uuid = 'u' + vpCommon.getUUID();
// 최대 10회 중복ë˜ì§€ ì•Šë„ë¡ ì²´í¬
for (var idx = 0; idx < 10; idx++) {
// ì´ë¯¸ ì‚¬ìš©ì¤‘ì¸ uuid ì¸ ê²½ìš° 다시 ìƒì„±
if ($(vpConst.VP_CONTAINER_ID).find("." + uuid).length > 0) {
uuid = 'u' + vpCommon.getUUID();
}
}
$(vpCommon.wrapSelector(vpCommon.formatString("#{0}", vpConst.OPTION_GREEN_ROOM))).find(vpCommon.formatString(".{0}", vpConst.API_OPTION_PAGE)).addClass(uuid);
// 옵션 ê°ì²´ ìƒì„±
var osSample = new PythonCommon(uuid);
osSample.metadata = meta;
// 옵션 ì†ì„± í• ë‹¹.
osSample.setOptionProp(funcOptProp);
// html ì„¤ì •.
osSample.initHtml();
// TODO: meta load 처리 방안 ê²€í† .
// 방안 1. callback ì—ì„œ 처리
// 방안 2. initHtml ë‚´ì—ì„œ meta 존재 ì‹œ initê³¼ ë™ì‹œì— 처리.
// 방안 3. initHtml í›„ì— ì˜µì…˜ ë‚´ì—ì„œ load 함수 호출.
callback(osSample); // ê°ì²´ë¥¼ callback ì¸ìžë¡œ ì „ë‹¬
}
}
/**
* html 로드.
* @param {function} callback 호출ìž(컨테ì´ë„ˆ) ì˜ ì½œë°±í•¨ìˆ˜
* @param {JSON} meta 메타 ë°ì´í„°
*/
var initOption = function(callback, meta) {
vpCommon.loadHtml(vpCommon.wrapSelector(vpCommon.formatString("#{0}", vpConst.OPTION_GREEN_ROOM)), "python_common/index.html", optionLoadCallback, callback, meta);
}
/**
* 본 옵션 처리 위한 í´ëž˜ìŠ¤
* @param {String} uuid ê³ ìœ id
*/
var PythonCommon = function(uuid) {
this.uuid = uuid; // Load html ì˜ì—ì˜ uuid.
this.state = {
}
this.package = {
input: [
{ name: 'vp_pyReturn' },
{ name: 'vp_pyType' },
{ name: 'vp_pyMaxObj' },
{ name: 'vp_pyArgMeta' }
]
}
}
/**
* vpFuncJS ì—ì„œ ìƒì†
*/
PythonCommon.prototype = Object.create(vpFuncJS.VpFuncJS.prototype);
/**
* ìœ íš¨ì„± 검사
* @returns ìœ íš¨ì„± 검사 ê²°ê³¼. ì í•©ì‹œ true
*/
PythonCommon.prototype.optionValidation = function() {
// FIXME: 해당 옵션 ì„¤ì •ì´ ìœ íš¨í•œì§€ ì²´í¬.
// vpContainer.js ì—서는 addLibraryToJupyterCell ì—ì„œ 최초 실행후 return false ì¸ê²½ìš° ì •ì§€í•˜ë„ë¡ ì„¤ê³„í•¨.
return true;
}
PythonCommon.prototype.getMetadata = function(id) {
if (this.metadata == undefined)
return "";
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 "";
}
/**
* html 내부 binding 처리
*/
PythonCommon.prototype.initHtml = function() {
this.loadCss(Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "python_common/index.css");
var that = this;
var sbPageContent = new sb.StringBuilder();
var sbTagString = new sb.StringBuilder();
// 필수 옵션 í…Œì´ë¸” ë ˆì´ì•„웃
var tblLayoutRequire = this.createVERSimpleLayout("25%");
// ìž…ë ¥ ìœ í˜• ì„ íƒ
sbTagString.clear();
sbTagString.appendFormatLine('', 'vp_pyType', 'vp-select');
sbTagString.appendFormatLine('{1} ', 'object', 'select iterable object');
sbTagString.appendFormatLine('{1} ', 'argument', 'input arguments');
sbTagString.appendLine(' ');
tblLayoutRequire.addReqRow("Select Type", sbTagString.toString());
sbTagString.clear();
sbTagString.appendFormatLine('
', 'vp_pyMaxArg');
sbTagString.appendFormatLine('
', 'vp_pyArgMeta');
if (decodedMeta != "") {
// if metadata exist, use as a default
var argMeta = JSON.parse(decodedMeta);
argMeta != undefined && argMeta.forEach(arg => {
sbTagString.appendFormatLine('
', 'vp-py-arg-box');
sbTagString.appendFormatLine('
');
});
} else {
sbTagString.appendFormatLine('
', 'vp-py-arg-box');
sbTagString.appendFormatLine('
');
}
sbTagString.appendFormatLine('
', 'vp-py-arg-box');
sbTagString.appendFormatLine('
');
var tag = $(sbTagString.toString());
// append after selected row
$(this).closest('.vp-py-arg-box').after(tag);
// focus on added input tag
$(tag).find('.vp-py-args').focus();
});
// E2-2. add row by enter
$(document).on('keydown', this.wrapSelector('.vp-py-args'), function(event) {
if (event.keyCode == 13) {
// add row by enter
$(this).parent().find('.vp-py-arg-add').click();
}
});
// E3. delete/clear row
$(document).on('click', this.wrapSelector('.vp-py-arg-del'), function() {
var length = $(that.wrapSelector('.vp-py-arg-box')).length;
if (length <= 1) {
// if only one left, clear it
$(this).parent().find('.vp-py-args').val('');
} else {
// remove it
$(this).closest('.vp-py-arg-box').remove();
}
});
}
/**
* show type row
* @param {String} type object/argument
*/
PythonCommon.prototype.showTypeRow = function(type) {
if (type == 'object') {
$(this.wrapSelector('#vp_pyMaxObj')).closest('tr').show();
$(this.wrapSelector('#vp_pyMaxArg')).closest('tr').hide();
} else if (type == 'argument') {
$(this.wrapSelector('#vp_pyMaxArg')).closest('tr').show();
$(this.wrapSelector('#vp_pyMaxObj')).closest('tr').hide();
}
}
/**
* 코드 ìƒì„±
* @param {boolean} addCell ì…€ì— ì¶”ê°€
* @param {boolean} exec 실행여부
* @returns ìƒì„±ëœ 코드
*/
PythonCommon.prototype.generateCode = function(addCell = false, exec = false) {
var code = new sb.StringBuilder();
var returnVar = $(this.wrapSelector('#vp_pyReturn')).val();
if (returnVar != '') {
code.appendFormat("{0} = ", returnVar);
}
var argMeta = [];
var type = $(this.wrapSelector('#vp_pyType')).val();
if (type == 'object') {
code.appendFormat('max({0})', $(this.wrapSelector('#vp_pyMaxObj')).val());
} else if (type == 'argument') {
code.append('max(');
var args = $(this.wrapSelector('#vp_pyMaxArg')).find('.vp-py-args');
var validArgCount = 0;
args.each((i, tag) => {
var argValue = $(tag).val();
if (argValue != '') {
if (validArgCount > 0) {
code.append(', ');
}
code.append(argValue);
argMeta.push(argValue);
validArgCount++;
}
});
code.append(')');
}
// save argument metadata
$(this.wrapSelector('#vp_pyArgMeta')).val(encodeURIComponent(JSON.stringify(argMeta)));
if (addCell) {
this.cellExecute(code.toString(), exec);
}
return code.toString();
}
return {
initOption: initOption
};
});