diff options
Diffstat (limited to 'app/banner.js')
| -rw-r--r-- | app/banner.js | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/app/banner.js b/app/banner.js index 7401572..dc1a06b 100644 --- a/app/banner.js +++ b/app/banner.js @@ -116,9 +116,9 @@ async function refreshBanner(offline, french) { <img id="member-icon-mobile" src="${offline ? JSON.parse(await localforage.getItem("images")).profile[data['icon']['offline'].split(".")[0].split("-")[1]][data['icon']['offline'].split(".")[0].split("-")[2]] : (data['icon']['online'] ?? (data['id'] === "fusion" ? '/assets/logo/logo.png' : data['system']['icon']))}" alt="" style="background-color:rgba(255, 255, 255, .125);width:36px;height:36px;border-radius:999px;display:none;margin-right:5px;"> <span style="vertical-align: middle;"> ${data['id'] === "unknown" ? ` - <span class="text-muted">Unknown member (${data['system']['name']} System)</span> + <span class="text-muted">${french ? "Membre inconnu" : "Unknown member"} (${data['system']['name']} System)</span> ` : data['id'] === "fusion" ? (data['name'] === "fusion" ? ` - <span class="text-muted">Multiple merged members</span> + <span class="text-muted">${french ? "Plusieurs membres fusionnés" : "Multiple merged members"}</span> ` : data['name']) : data['name']} </span> </h3> @@ -128,26 +128,26 @@ async function refreshBanner(offline, french) { ${data['badges'].length === 0 ? " " : ""} </div> - <div style="display:grid;grid-template-columns: repeat(${data['median'] || data['id'] === "unknown" ? 4 : data['id'] === "fusion" ? 3 : 5}, 1fr);" id="member-card"> + <div style="display:grid;grid-template-columns: repeat(${data['median'] || data['id'] === "unknown" ? (french ? 3 : 4) : data['id'] === "fusion" ? (french ? 2 : 3) : (french ? 4 : 5)}, 1fr);" id="member-card"> <span> <b>${french ? `Préfixe${data['prefixes'].length > 1 ? 's' : ''} ` : `Prefix${data['prefixes'].length > 1 ? 'es' : ''}`}: </b><span class="member-small-separator"><br></span> <code style="color: white;">${data['prefixes'].join('</code>, <code style="color: white;">')}</code> </span> - <span> + ${french ? "" : `<span> <b>${french ? "Pronoms :" : "Pronouns:"} </b><span class="member-small-separator"><br></span> ${data['id'] === "fusion" ? "she/her" : data['pronouns']} - </span> + </span>`} ${!data['median'] && data['id'] !== "unknown" ? ` <span> ${data["id"] === "fusion" ? ` - <b>Fronting since: </b><span class="member-small-separator"><br></span> + <b>${french ? "Fronte depuis " : "Fronting since"}: </b><span class="member-small-separator"><br></span> ${data['last_fronted'] ? ` ${data['last_fronted']['now'] ? ` <span class="relative-time" data-relative-timestamp="${data['last_fronted']['timestamp']}">${data['last_fronted']['relative']}</span><br> ` : ` - <span class="text-muted">Not fronting</span><br> + <span class="text-muted">${french ? "Pas au front" : "Not fronting"}</span><br> `} - ` : `<span class="text-muted">Not fronting</span><br> `}` : ` + ` : `<span class="text-muted">${french ? "Pas au front" : "Not fronting"}</span><br> `}` : ` <b>${french ? "Front :" : "Last fronted:"} </b><span class="member-small-separator"><br></span> ${data['last_fronted'] ? ` ${data['last_fronted']['now'] ? ` @@ -162,26 +162,26 @@ async function refreshBanner(offline, french) { ` : ''} ${data['id'] !== "fusion" ? ` <span> - ${data['id'] === "unknown" ? "<b>Species: </b> best to ask" : ` - <span class="member-small-only"><b>Species: </b></span> + ${data['id'] === "unknown" ? (french ? "<b>Espèce : </b> préférez demander" : "<b>Species: </b> best to ask") : ` + <span class="member-small-only"><b>${french ? "Espèce :" : "Species:"} </b></span> ${data['species'].map(species => ` <img data-bs-toggle="tooltip" title="${species['name']}" style="width:32px;vertical-align: middle;position:relative;top:-5px;" src="${offline ? species['icon_offline'] : `/assets/species/${species['icon']}`}" alt="${species['name']}"> `).join("")}`} </span>` : ''} ${data['id'] !== "fusion" ? ` <span> - <span class="member-small-only"><b>System: </b></span> - <a class="member-link" href="${data['system']['page']}"><img style="width:24px;border-radius:5px;" src="${offline ? data['system']['icon_offline'] : `/assets/uploads/${data['system']['icon']}`}"> ${data['system']['name']}</a> + <span class="member-small-only"><b>${french ? "Position :" : "Location:"} </b></span> + ${data['system']['page'] ? `<a class="member-link" href="${data['system']['page']}"><img style="width:24px;" src="${offline ? data['system']['icon_offline'] : `/assets/uploads/${data['system']['icon']}`}"> ${data['system']['name']}</a>` : `<img style="width:24px;" src="${offline ? data['system']['icon_offline'] : `/assets/uploads/${data['system']['icon']}`}"> ${data['system']['name']}`} ${data['system']['subsystem'] ? ` - <br><span class="member-small-only"><b>Subsystem: </b></span><a class="member-link" href="${data['system']['subsystem']['page']}"><img style="width:24px;border-radius:5px;" src="/assets/uploads/${data['system']['subsystem']['icon']}"> ${data['system']['subsystem']['name']}</a> - ` : data['system']['temporary'] ? '<br>(temporary)' : ''} + <br><span class="member-small-only"><b>${french ? "Sous-système :" : "Subsystem:"} </b></span><a class="member-link" href="${data['system']['subsystem']['page']}"><img style="width:24px;border-radius:5px;" src="/assets/uploads/${data['system']['subsystem']['icon']}"> ${data['system']['subsystem']['name']}</a> + ` : data['system']['temporary'] ? (french ? '<br>(temporaire)' : '<br>(temporary)') : ''} </span> ` : ''} </div> ${data['id'] !== "unknown" && data['id'] !== "fusion" ? ` <div style="display:grid;grid-template-columns: repeat(${data["little"] ? "3" : "2"}, 1fr);margin-top:5px;" id="member-relations"> <span> - <b>${french ? (data['relations']['marefriends'].length > 1 ? 'Partenaires ' : 'Partenaire ') : `Marefriend${data['relations']['marefriends'].length > 1 ? 's' : ''}`}: </b>${data['relations']['marefriends'].length > 1 ? '<span class="list-separator-mobile"><br></span>' : ''} + <b>${french ? (data['relations']['marefriends'].length > 1 ? 'Copines ' : 'Copine ') : `Marefriend${data['relations']['marefriends'].length > 1 ? 's' : ''}`}: </b>${data['relations']['marefriends'].length > 1 ? '<span class="list-separator-mobile"><br></span>' : ''} ${data['relations']['marefriends'].map(relation => ` <a title="${relation['name']}" data-bs-toggle="tooltip" class="member-link tooltip-nohelp" href="${relation['link']}"><img src="${offline ? relation['icon_offline'] : `${relation['icon']}`}" style="width:24px;"></a>`).join(``)} ${data['relations']['marefriends'].length === 0 ? '-' : ''} @@ -194,7 +194,7 @@ async function refreshBanner(offline, french) { </span> ${data['little'] ? ` <span> - <b>${french ? (data['relations']['sisters'].length > 1 ? 'Caretakers ' : 'Caretaker ') : `Caretaker${data['relations']['caretakers'].length > 1 ? 's' : ''}`}: </b>${data['relations']['caretakers'].length > 1 ? '<span class="list-separator-mobile"><br></span>' : ''} + <b>${french ? (data['relations']['sisters'].length > 1 ? 'Gardiens ' : 'Gardien ') : `Caretaker${data['relations']['caretakers'].length > 1 ? 's' : ''}`}: </b>${data['relations']['caretakers'].length > 1 ? '<span class="list-separator-mobile"><br></span>' : ''} ${data['relations']['caretakers'].map(relation => ` <a title="${relation['name']}" data-bs-toggle="tooltip" class="member-link tooltip-nohelp" href="${relation['link']}"><img src="${offline ? relation['icon_offline'] : `${relation['icon']}`}" style="width:24px;"></a>`).join(``)} ${data['relations']['caretakers'].length === 0 ? '-' : ''} |