// execute callback function if available

if (typeof(callback) === 'function') {

var uuid = 'u' + vpCommon.getUUID();

// maximum 10 duplication allowed

for (var idx = 0; idx < 10; idx++) {

// uuid check and re-generate

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);

// create object

var varPackage = new VariablePackage(uuid);

varPackage.metadata = meta;

// set option property

varPackage.setOptionProp(funcOptProp);

// html setting

varPackage.initHtml();

callback(varPackage);

}

this.uuid = uuid; // Load html 영역의 uuid.

// pandas function

this.package = libPandas._PANDAS_FUNCTION[funcOptProp.libID];

return true;

// parent's validation

// vpFuncJS.VpFuncJS.prototype.optionValidation.apply(this);

this.showFunctionTitle();

this.loadVariables();

this.loadCss(Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "pandas/commonPandas.css");

this.loadCss(Jupyter.notebook.base_url + vpConst.BASE_PATH + vpConst.STYLE_PATH + "file_io/variables.css");

this.bindEvent();

var that = this;

// load variables on refresh

$(this.wrapSelector('#vp_varRefresh')).click(function(event) {

event.stopPropagation();

that.loadVariables();

});

var that = this;

// Searchable variable types

var types = [

// pandas object

'DataFrame', 'Series', 'Index', 'Period', 'GroupBy', 'Timestamp'

// Index type object

, 'RangeIndex', 'CategoricalIndex', 'MultiIndex', 'IntervalIndex', 'DatetimeIndex', 'TimedeltaIndex', 'PeriodIndex', 'Int64Index', 'UInt64Index', 'Float64Index'

// GroupBy type object

, 'DataFrameGroupBy', 'SeriesGroupBy'

// Plot type

, 'Figure', 'AxesSubplot'

// Numpy

, 'ndarray'

// Python variable

, 'str', 'int', 'float', 'bool', 'dict', 'list', 'tuple'

];

var tagTable = this.wrapSelector('#vp_var_variableBox table tbody');

// variable list table

var tagDetailTable = this.wrapSelector("#vp_varDetailTable");

// initialize tags

$(tagTable).find('tr').remove();

$(tagDetailTable).html('');

// HTML rendering

pdGen.vp_searchVarList(types, function(result) {

// var jsonVars = result.replace(/'/gi, `"`);

// var varList = JSON.parse(jsonVars);

var varList = JSON.parse(result);

// add variable list in table

varList.forEach(varObj => {

if (types.includes(varObj.varType) && varObj.varName[0] !== '_') {

var tagTr = document.createElement('tr');

var tagTdName = document.createElement('td');

var tagTdType = document.createElement('td');

$(tagTr).attr({

'data-var-name': varObj.varName,

'data-var-type': varObj.varType

});

tagTdName.innerText = varObj.varName;

tagTdType.innerText = varObj.varType;

$(tagTr).append(tagTdName);

$(tagTr).append(tagTdType);

// variable click

$(tagTr).click(function() {

$(this).parent().find('tr').removeClass('selected');

$(this).addClass('selected');

// show variable information on clicking variable

Jupyter.notebook.kernel.execute(

varObj.varName,

{

iopub: {

output: function (msg) {

var textResult = msg.content.data["text/plain"];

var htmlResult = msg.content.data["text/html"];

var imgResult = msg.content.data["image/png"];

$(tagDetailTable).html('');

if (htmlResult != undefined) {

// 1. HTML tag

$(tagDetailTable).append(htmlResult);

} else if (imgResult != undefined) {

// 2. Image data (base64)

var imgTag = '<img src="data:image/png;base64, ' + imgResult + '">';

$(tagDetailTable).append(imgTag);

} else if (textResult != undefined) {

// 3. Text data

var preTag = document.createElement('pre');

$(preTag).text(textResult);

$(tagDetailTable).html(preTag);

} else {

$(tagDetailTable).append('(Select variables to preview the data.)');

}

}

}

},

{ silent: false }

);

})

$(tagTable).append(tagTr);

}

});

});

var sbCode = new sb.StringBuilder();

// show selected variable

var selectedVariable = $(this.wrapSelector('#vp_var_variableBox table tr.selected'));

if (selectedVariable) {

var varName = selectedVariable.attr('data-var-name');

if (varName) {

sbCode.appendFormat('{0}', varName);

}

}

if (addCell) this.cellExecute(sbCode.toString(), exec);

return sbCode.toString();