kopia lustrzana https://gitlab.com/tomaszg/geostat
Make HTML more compliant, dl and dd needed also dt. Easier just to use divs
rodzic
272816f640
commit
315590215f
|
@ -57,15 +57,15 @@ void show_histogram(const Caches& cc, std::string Cache::*ptr, const std::string
|
|||
max = std::max_element(pairs.begin(), pairs.end(), [&](std::pair<std::string, int>& a, std::pair<std::string, int>& b) { return a.second < b.second; })->second;
|
||||
int i = 0;
|
||||
std::cout << "<h2>" << caption << "</h2>\n";
|
||||
std::cout << "<dl class=\"histogram\">\n";
|
||||
std::cout << "<div class=\"histogram\">\n";
|
||||
for (auto own : pairs) {
|
||||
htmlencode(own.first);
|
||||
if (own.first.empty()) own.first = "[unknown]";
|
||||
|
||||
if (i < HIST_MAX)
|
||||
std::cout << "<dd class=\"bar\" style=\"--percent: " << 100 * own.second / max << "%;\"><span class=\"text\">" << own.first << ": " << own.second << "</span></dd>\n";
|
||||
std::cout << "<div class=\"bar\" style=\"--percent: " << 100 * own.second / max << "%;\"><span class=\"text\">" << own.first << ": " << own.second << "</span></div>\n";
|
||||
else if (i == HIST_MAX) {
|
||||
std::cout << "</dl>\n";
|
||||
std::cout << "</div>\n";
|
||||
std::cout << "<div class=\"histogram_others\">";
|
||||
std::cout << " <input id=\"histo_others\" class=\"toggle\" type=\"checkbox\">\n <label for=\"histo_others\" class=\"lbl-toggle\">See more</label>\n <div class=\"collapsible-content\">\n <div class=\"content-inner\">\n";
|
||||
std::cout << own.first << " (" << own.second << ")";
|
||||
|
@ -75,7 +75,7 @@ void show_histogram(const Caches& cc, std::string Cache::*ptr, const std::string
|
|||
i++;
|
||||
}
|
||||
if (i < HIST_MAX)
|
||||
std::cout << "</dl>\n";
|
||||
std::cout << "</div>\n";
|
||||
else
|
||||
std::cout << " </div>\n </div>\n</div>\n";
|
||||
} else {
|
||||
|
|
4
geo.css
4
geo.css
|
@ -49,7 +49,7 @@ a.fav {
|
|||
}
|
||||
|
||||
table,
|
||||
dl,
|
||||
.histogram,
|
||||
.heatmap {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
@ -148,7 +148,7 @@ td.dt_zero {
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
dl {
|
||||
.histogram {
|
||||
display: flex;
|
||||
background-color: white;
|
||||
flex-direction: column;
|
||||
|
|
|
@ -287,7 +287,7 @@ int main(int argc, char** argv) {
|
|||
std::cout << "<html lang=\"en\">\n";
|
||||
std::cout << " <head>\n";
|
||||
std::cout << " <meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">\n";
|
||||
std::cout << " <link rel=\"stylesheet\" type=\"text/css\" href=\"geo.css?ver=7\">\n";
|
||||
std::cout << " <link rel=\"stylesheet\" type=\"text/css\" href=\"geo.css?ver=8\">\n";
|
||||
std::cout << " <title>Geocaching stats</title>\n";
|
||||
std::cout << "</head>\n";
|
||||
std::cout << "<body>\n";
|
||||
|
|
Ładowanie…
Reference in New Issue