diff --git a/src/client/components/HierarchicalFacet.js b/src/client/components/HierarchicalFacet.js index bd0e01f71f2b8120eb41765f77c89ba45f7f4e44..f5bd5ebb48cf4ffdefa53e82b0bd32b44bad629b 100644 --- a/src/client/components/HierarchicalFacet.js +++ b/src/client/components/HierarchicalFacet.js @@ -32,7 +32,20 @@ const styles = () => ({ height: 24, marginRight: 3, marginLeft: 10 + }, + label: { + + }, + sdbmLabel: { + color: '#00796B' + }, + bodleyLabel: { + color: '#F50057' + }, + bibaleLabel: { + color: '#F57F17' } + }); class HierarchicalFacet extends Component { @@ -93,6 +106,22 @@ class HierarchicalFacet extends Component { return `${node.prefLabel} (${count})`; } + generateLabelClass = (classes, node) => { + let labelClass = classes.label; + if (this.props.property === 'author' || this.props.property === 'productionPlace' || this.props.property === 'source') { + if (node.source === 'http://ldf.fi/mmm/schema/SDBM' || node.id === 'http://ldf.fi/mmm/schema/SDBM') { + labelClass = classes.sdbmLabel; + } + if (node.source === 'http://ldf.fi/mmm/schema/Bodley' || node.id === 'http://ldf.fi/mmm/schema/Bodley') { + labelClass = classes.bodleyLabel; + } + if (node.source === 'http://ldf.fi/mmm/schema/Bibale' || node.id === 'http://ldf.fi/mmm/schema/Bibale') { + labelClass = classes.bibaleLabel; + } + } + return labelClass; + } + render() { const { classes } = this.props; const { searchString, searchFocusIndex, /*searchFoundCount*/ } = this.state; @@ -211,7 +240,8 @@ class HierarchicalFacet extends Component { } label={this.generateLabel(n.node)} classes={{ - root: classes.formControlRoot + root: classes.formControlRoot, + label: this.generateLabelClass(classes, n.node) }} /> ),