Mirrors/overte-thingvellir
3
0
Fork 0
mirror of https://thingvellir.net/git/overte synced 2025-03-27 23:52:03 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Address ugly image broken link in Place Details

Browse source 
Address ugly image broken link in Place Details
This commit is contained in:
Alezia Kurdis 2025-02-03 21:26:31 -05:00 committed by GitHub
parent 7a59a27eec
commit 1a1779a507
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
scripts/system/places/places.html
View file

@ -4,7 +4,7 @@
// places.html // places.html
// //
// Created by Alezia Kurdis, January 1st, 2022. // Created by Alezia Kurdis, January 1st, 2022.
// Copyright 2022 Overte e.V. // Copyright 2022-2025 Overte e.V.
// //
// html for the ui of the Places application. // html for the ui of the Places application.
// //
@ -107,7 +107,7 @@
<div id="placeDetail" class="overlay"> <div id="placeDetail" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeDetail();">&times;</a> <a href="javascript:void(0)" class="closebtn" onclick="closeDetail();">&times;</a>
<div class="overlay-content"> <div class="overlay-content">
<img id="placeDetail-image" onclick="closeDetail();" draggable="false"> <div id="placeDetail-image" onclick="closeDetail();" draggable="false"></div>
<div id="placeDetail-placeName"></div> <div id="placeDetail-placeName"></div>
<table width='100%'> <table width='100%'>
<tr valign='top'> <tr valign='top'>
@ -751,12 +751,17 @@
} }
} }
document.getElementById("placeDetail-image").src = ""; var pictureUrl = "";
if (placeDetail.thumbnail === "") { if (placeDetail.thumbnail === "") {
document.getElementById("placeDetail-image").src = "icons/placeholder_" + placeDetail.metaverseRegion + ".jpg"; pictureUrl = "icons/placeholder_" + placeDetail.metaverseRegion + ".jpg";
} else { } else {
document.getElementById("placeDetail-image").src = placeDetail.thumbnail; pictureUrl = placeDetail.thumbnail;
} }
document.getElementById("placeDetail-image").style.backgroundImage = "url(" + pictureUrl + ")";
document.getElementById("placeDetail-image").style.backgroundRepeat = "no-repeat";
document.getElementById("placeDetail-image").style.backgroundPosition = "center center";
document.getElementById("placeDetail-image").style.backgroundSize = "cover";
document.getElementById("placeDetail-placeName").innerHTML = placeDetail.name; document.getElementById("placeDetail-placeName").innerHTML = placeDetail.name;
document.getElementById("placeDetail-managers").innerHTML = "By <br>&nbsp;&nbsp;&nbsp;&nbsp;" + placeDetail.managers; document.getElementById("placeDetail-managers").innerHTML = "By <br>&nbsp;&nbsp;&nbsp;&nbsp;" + placeDetail.managers;
document.getElementById("placeDetail-description").innerHTML = placeDetail.description; document.getElementById("placeDetail-description").innerHTML = placeDetail.description;