ES6 Plato on Github
Report Home
Summary Display
components/Dataset/DatasetMetadataTab/DatasetMetadataTab.js
Maintainability
61.29
Lines of code
82
Difficulty
19.93
Estimated Errors
0.44
Function weight
By Complexity
By SLOC
import React from 'react'; import ResponsiveTable from "../../Table/ResponsiveTable.js"; import './DatasetMetadataTab.css'; class DatasetMetadataTab extends React.Component { fieldFormatter(cell, row){ return row.name + " : " + row.value; } getColumns(){ return [ { text: "id", dataField: "id", hidden: true }, { text: "Field", dataField: "name", formatter: this.fieldFormatter, responsiveHeaderStyle: { xs: { hidden : false}, sm: { hidden : false}, md: { hidden : true }, lg: { hidden : true }, } }, { text: "Name", dataField: "name", responsiveHeaderStyle: { xs: { hidden : true}, sm: { hidden : true}, md: { hidden : false }, lg: { hidden : false }, } }, { text: "Value", dataField: "value", responsiveHeaderStyle: { xs: { hidden : true}, sm: { hidden : true}, md: { hidden : false }, lg: { hidden : false }, } }]; } render() { const options = { paginationSize: 10, sizePerPage: 10, paginationShowsTotal: true, hidePageListOnlyOnePage: true }; /** Data sorted by name */ let data = this.props.dataset.parameters.sort((a, b) => a.name.localeCompare(b.name, undefined, {sensitivity: 'base'})); return <div style={{ 'margin': '20px'}}> <ResponsiveTable keyField="id" data={ data } columns={ this.getColumns() } /></div>; } } export default DatasetMetadataTab;