mirror of
https://github.com/placeAtlas/atlas.git
synced 2024-09-07 10:57:19 +02:00
68 lines
No EOL
2.5 KiB
JavaScript
68 lines
No EOL
2.5 KiB
JavaScript
function createInfoBlock(entry) {
|
|
function createInfoParagraph(name, value){
|
|
let entryParagraphPositionElement = document.createElement("p");
|
|
let nameElement = document.createElement("span");
|
|
nameElement.style.fontWeight = "bold";
|
|
nameElement.innerText = name;
|
|
let valueElement = document.createElement("span");
|
|
valueElement.innerText = value;
|
|
entryParagraphPositionElement.appendChild(nameElement);
|
|
entryParagraphPositionElement.appendChild(valueElement);
|
|
return entryParagraphPositionElement;
|
|
}
|
|
|
|
var element = document.createElement("div");
|
|
element.className = "object";
|
|
|
|
let headerElement = document.createElement("h2");
|
|
let linkElement = document.createElement("a");
|
|
linkElement.href = "?id=" + entry.id;
|
|
linkElement.innerText = entry.name;
|
|
headerElement.appendChild(linkElement);
|
|
|
|
element.appendChild(headerElement);
|
|
|
|
if (entry.description) {
|
|
let descElement = document.createElement("p");
|
|
descElement.innerText = entry.description;
|
|
element.appendChild(descElement);
|
|
}
|
|
|
|
let [x, y] = entry.center;
|
|
element.appendChild(createInfoParagraph("Position: ", `${Math.floor(x)}x${Math.floor(y)}`));
|
|
|
|
if(entry.path){
|
|
let area = calcPolygonArea(entry.path);
|
|
element.appendChild(createInfoParagraph("Area: ", `${area} pixels`));
|
|
}
|
|
|
|
if (entry.website) {
|
|
let websiteLinkElement = document.createElement("a");
|
|
websiteLinkElement.target = "_blank";
|
|
websiteLinkElement.href = entry.website;
|
|
websiteLinkElement.innerText = "Website";
|
|
element.appendChild(websiteLinkElement);
|
|
}
|
|
if (entry.subreddit) {
|
|
var subreddits = entry.subreddit.split(",");
|
|
|
|
for (var i in subreddits) {
|
|
var subreddit = subreddits[i].trim();
|
|
if (subreddit.substring(0, 2) == "r/") {
|
|
subreddit = "/" + subreddit;
|
|
} else if (subreddit.substring(0, 1) != "/") {
|
|
subreddit = "/r/" + subreddit;
|
|
}
|
|
let subredditLinkElement = document.createElement("a");
|
|
subredditLinkElement.target = "_blank";
|
|
subredditLinkElement.href = "https://reddit.com" + subreddit;
|
|
subredditLinkElement.innerText = subreddit;
|
|
element.appendChild(subredditLinkElement);
|
|
}
|
|
}
|
|
let idElement = createInfoParagraph("ID: ", entry.id);
|
|
idElement.style.fontFamily = "Dejavu Sans Mono, sans, Sans-Serif;";
|
|
element.appendChild(idElement);
|
|
|
|
return element;
|
|
} |