CIMEngine/map
1
0
Fork 0
mirror of https://github.com/CIMEngine/map.git synced 2024-10-05 14:35:59 +03:00
Code Issues Projects Releases Packages Wiki Activity

Update components.js

Browse source
This commit is contained in:
Artemy 2024-01-24 15:31:45 +03:00
parent f3f59e0ce0
commit 61d60682a6
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components.js
View file

@ -7,14 +7,14 @@ export function countryPopup(country, properties) {
return `<div class="row" style="padding: 5px;"> return `<div class="row" style="padding: 5px;">
${img(country.img)} ${img(country.img)}
${title(country.name)} ${title(country.name)}
${tags(properties.tags)}
<div class="col-12 glass p-2"> <div class="col-12 glass p-2">
${JSON.parse(properties.tags || "[]").join(", ")} ${l("founded")}: ${new Date(country.date).toLocaleDateString()}<br/>
${l("founded")}: ${new Date(country.date).toLocaleDateString()}
${ ${
country.description country.description
? `<div>${converter.makeHtml(country.description)}</div>` ? `<div>${converter.makeHtml(country.description)}</div>`
: "" : ""
} }<br/>
${l("area")}: ${properties.area} ${l("km")}² ${l("area")}: ${properties.area} ${l("km")}²
</div> </div>
<div class="col-12 text-center mt-2"> <div class="col-12 text-center mt-2">
@ -27,6 +27,14 @@ export function countryPopup(country, properties) {
</div>`; </div>`;
} }
function tags(tags) {
let tagstxt = JSON.parse(tags || "[]").join(", ");
return tagstxt
? `<div class="col-12 glass p-2 text-center mb-2"> ${tagstxt}</div>`
: "";
}
function img(url) { function img(url) {
return `<div class="col-12 col-sm-12" style="padding: 0px;"><img class="w-100 about-img" src="${url}"></div>`; return `<div class="col-12 col-sm-12" style="padding: 0px;"><img class="w-100 about-img" src="${url}"></div>`;
} }