Commit 84aefec3 authored by Laurent Wouters's avatar Laurent Wouters
Browse files

[fix] Using bullets for rendering data sources

parent 30fa640bae7a
......@@ -158,38 +158,40 @@ export class CurrentTabDataSources extends React.Component<
</div>
</div>
<hr />
{Object.keys(allSources).map((url: string, index: number) => {
let series = allSources[url];
let totalLoaded = this.props.data.observations[url].totalLoaded;
let origin = this.props.data.observations[url].origin;
<div className="row">
<div className="col-12">
<ul>
{Object.keys(allSources).map((url: string, index: number) => {
let series = allSources[url];
let totalLoaded = this.props.data.observations[url].totalLoaded;
let origin = this.props.data.observations[url].origin;
return (
<li key={"series-" + index} style={{ marginTop: "10px" }}>
<span
className="badge badge-primary"
title="Total loaded triples from this URI"
style={{ marginRight: "5pt", marginLeft: "5pt" }}
>
{totalLoaded}
</span>
<a href={url}>{url}</a>
{origin ? this.renderOrigin(origin) : <span />}
return (
<div key={"series-" + index} style={{ marginTop: "10px" }}>
<div className="row">
<span>{"\u25BA"}</span>
<span
className="badge badge-primary"
title="Total loaded triples from this URI"
style={{ marginRight: "5pt", marginLeft: "5pt" }}
>
{totalLoaded}
</span>
<a href={url}>{url}</a>
{origin ? this.renderOrigin(origin) : <span />}
</div>
{series.map((source: DocumentSource, index: number) => (
<div key={"source-" + index} className="row">
<div className="col-12">
<span>{"\u00A0\u00A0\u00A0\u00A0\u21B3"}</span>
{this.renderTriplesCount(source.loaded)}
<span>{source.name}</span>
{this.renderOrigin(source.origin)}
</div>
</div>
))}
</div>
);
})}
<ul>
{series.map((source: DocumentSource, index: number) => (
<li key={"source-" + index}>
{this.renderTriplesCount(source.loaded)}
<span>{source.name}</span>
{this.renderOrigin(source.origin)}
</li>
))}
</ul>
</li>
);
})}
</ul>
</div>
</div>
</div>
);
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment