Use list-group-item for graphs

This is the bootstrap 5 way to do a list group; add each graph as a
list-group-item.

Change-Id: Ia5410e7fff927797ce84687746a6c02bce9cb8fe
This commit is contained in:
Ian Wienand 2021-10-22 15:37:52 +11:00
parent 32a160e096
commit 8f5a2eae5c

View File

@ -297,13 +297,10 @@ function createPanel(graphName, graphData, filename) {
if (! settings.compact) {
if (div.empty()) {
div = d3.select('#dashboard').append('div').attr('class', ' list-group-item').attr('id', id);
header = div.append('div').attr('class', 'panel-heading').append('h3').attr('class', 'panel-title');
header.append('span').text(graphName);
header.append('span').attr('class', 'glyphicon glyphicon-chevron-right pull-right clickable');
div = d3.select('#dashboard').append('li').attr('class', ' list-group-item').attr('id', id);
header = div.append('h3').text(graphName);
}
elt = div.append('div').attr('class', 'row list-body');
elt.append('p').text(filename)
elt = div.append('p').text(filename)
elt.append('svg').datum(reduceData(graphData));
} else if (settings.compact) {
if (div.empty()) {