Make HTML more compliant, dl and dd needed also dt. Easier just to use divs

sql-rework
Tomasz Golinski 2020-02-29 13:38:46 +01:00
rodzic 272816f640
commit 315590215f
3 zmienionych plików z 7 dodań i 7 usunięć

Wyświetl plik

@ -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 {

Wyświetl plik

@ -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;

Wyświetl plik

@ -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";