Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
render(){
console.log(`Rendering sheet ${this.props.id}`);
return (
h('div', {
id: this.props.id,
"data-cell-id": this.props.id,
"data-cell-type": "Sheet",
class: "cell"
}, [
h('div', {
id: `sheet${this.props.id}`,
style: this.props.extraData.divStyle,
class: "handsontable"
}, [this.makeError()])
])
);
}
return this.renderChildrenNamed('dataCells').map((dataRow, rowIdx) => {
let columns = dataRow.map((column, colIdx) => {
return(
h('td', {key: `${this.props.id}-grid-col-${rowIdx}-${colIdx}`}, [
column
])
);
});
let rowLabelEl = null;
if(this.props.namedChildren.rowLabels && this.props.namedChildren.rowLabels.length > 0){
rowLabelEl = h('th', {key: `${this.props.id}-grid-col-${rowIdx}-${colIdx}`}, [
this.props.namedChildren.rowLabels[rowIdx].render()
]);
}
return (
h('tr', {key: `${this.props.id}-grid-row-${rowIdx}`}, [
rowLabelEl,
...columns
])
);
});
}
let columns = row.map((childElement, colIdx) => {
return (
h('td', {
key: `${this.props.id}-td-${rowIdx}-${colIdx}`
}, [childElement])
);
});
let indexElement = h('td', {}, [`${rowIdx + 1}`]);
render(){
return (
h('div', {
class: "cell container-fluid",
id: this.props.id,
"data-cell-id": this.props.id,
"data-cell-type": "Columns",
style: this.props.extraData.divStyle
}, [
h('div', {class: "row flex-nowrap"}, this.makeInnerChildren())
])
);
}
makeFirstRow(){
let headerElements = this.makeHeaderElements();
return(
h('tr', {}, [
h('th', {style: "vertical-align:top;"}, [
h('div', {class: "card"}, [
h('div', {class: "card-body p-1"}, [
...this._getRowDisplayElements()
])
])
]),
...headerElements
])
);
}
render(){
return(
h('div', {
id: this.props.id,
"data-cell-id": this.props.id,
"data-cell-type": "Clickable",
onclick: this._getEvent('onclick'),
style: this.getStyle()
}, [
h('div', {}, [this.makeContent()])
]
)
);
}
render(){
return (
h('div', {
id: 'object_database_large_pending_download_text',
"data-cell-id": this.props.id,
"data-cell-type": "LargePendingDownloadDisplay",
class: "cell"
})
);
}
}
render(){
return (
h('div', {
id: this.props.id,
"data-cell-id": this.props.id,
"data-cell-type": "Tabs",
class: "container-fluid mb-3"
}, [
h('ul', {class: "nav nav-tabs", role: "tablist"}, this.makeHeaders()),
h('div', {class: "tab-content"}, [
h('div', {class: "tab-pane fade show active", role: "tabpanel"}, [
this.makeDisplay()
])
])
])
);
}
render(){
return (
h('div', {
id: this.props.id,
"data-cell-id": this.props.id,
"data-cell-type": "Dropdown",
class: "btn-group"
}, [
h('a', {class: "btn btn-xs btn-outline-secondary"}, [
this.makeTitle()
]),
h('button', {
class: "btn btn-xs btn-outline-secondary dropdown-toggle dropdown-toggle-split",
type: "button",
id: `${this.props.extraData.targetIdentity}-dropdownMenuButton`,
"data-toggle": "dropdown"
}),
h('div', {class: "dropdown-menu"}, this.makeItems())
])
id: this.props.id,
style: this.props.extraData.divStyle
}, [
h('div', {class: "row flex-nowrap no-gutters"}, [
h('div', {class: "col-md-auto"},[
this.makePanel()
]),
h('div', {class: "col-sm"}, [
this.makeContent()
])
])
])
);
} else {
return (
h('div', {
class: "cell container-fluid",
"data-cell-id": this.props.id,
"data-cell-type": "CollapsiblePanel",
"data-expanded": false,
id: this.props.id,
style: this.props.extraData.divStyle
}, [this.makeContent()])
);
}
}