WebUI: Show country/region name next to its flag when 'Resolve peer countries' is enabled

PR #21278.
This commit is contained in:
skomerko 2024-09-06 09:23:11 +02:00 committed by GitHub
parent a7f7c5fb73
commit f681e954c7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 12 additions and 24 deletions

View file

@ -79,9 +79,10 @@ tr.dynamicTableHeader {
background-image: url("../images/go-down.svg");
}
.dynamicTable td img.flags {
height: 1.25em;
vertical-align: middle;
.dynamicTable span.flags {
background: left center / contain no-repeat;
margin-left: 2px;
padding-left: 25px;
}
.dynamicTableFixedHeaderDiv {

View file

@ -1633,29 +1633,16 @@ window.qBittorrent.DynamicTable ??= (() => {
const country = this.getRowValue(row, 0);
const country_code = this.getRowValue(row, 1);
if (!country_code) {
if (td.getChildren("img").length > 0)
td.getChildren("img")[0].destroy();
return;
let span = td.firstElementChild;
if (span === null) {
span = document.createElement("span");
span.classList.add("flags");
td.append(span);
}
const img_path = "images/flags/" + country_code + ".svg";
if (td.getChildren("img").length > 0) {
const img = td.getChildren("img")[0];
img.src = img_path;
img.className = "flags";
img.alt = country;
img.title = country;
}
else {
td.adopt(new Element("img", {
"src": img_path,
"class": "flags",
"alt": country,
"title": country
}));
}
span.style.backgroundImage = `url('images/flags/${country_code ?? "xx"}.svg')`;
span.textContent = country;
td.title = country;
};
// ip