first changes for v0.2
This commit is contained in:
parent
50208b0ee8
commit
0140e114cd
8 changed files with 692 additions and 203 deletions
|
|
@ -53,7 +53,7 @@ a:hover { text-decoration: underline; color: #FFC500; }
|
|||
.header-banner {
|
||||
width: 100%;
|
||||
height: 240px;
|
||||
background-image: url('${css_banner_image_path}?v=${CACHE_BUSTER}');
|
||||
background-image: url('%%css_banner_image_path%%?v=%%CACHE_BUSTER%%');
|
||||
background-size: cover;
|
||||
background-position: center 45%;
|
||||
border-bottom: 2px solid #4A2E0A;
|
||||
|
|
@ -100,11 +100,13 @@ a.world-preview:hover {
|
|||
.page-nav-buttons { text-align: right; margin-top: 10px; margin-bottom: 15px; }
|
||||
.page-nav-buttons .button { background-color: #555; color: #FFA500; border: 1px solid #666; padding: 5px 10px; margin-left: 5px; margin-bottom: 5px; border-radius: 3px; text-decoration: none; font-size: 0.9em; display: inline-block; }
|
||||
.page-nav-buttons .button:hover { background-color: #666; color: #FFC500; }
|
||||
.leaflet-map { width: 100%; height: 500px; border: 1px solid #666; margin-bottom: 5px; border-radius: 3px;}
|
||||
.leaflet-map { width: 100%; height: 600px; border: 1px solid #666; margin-bottom: 5px; border-radius: 3px; background-color: #111;}
|
||||
.map-sub-info { display: flex; justify-content: space-between; align-items: center; font-size: 0.9em; color: #aaa; margin-bottom: 20px; padding: 5px 0; }
|
||||
.map-sub-info .map-file-link { text-align: left; } .map-sub-info .map-last-update { text-align: right; }
|
||||
.map-sub-info .map-file-link { text-align: left; }
|
||||
.map-sub-info .map-last-update { text-align: right; }
|
||||
.info-box { background-color: #3a3a3a; border: 1px solid #555; padding: 15px; margin-bottom: 20px; border-left: 5px solid #FFD700; border-radius: 3px;}
|
||||
.info-box h3 { margin-top: 0; border-bottom: none; padding-bottom: 0.2em; }
|
||||
|
||||
/* Admin Sektion */
|
||||
.admin-section h3 { margin-top: 2.5em !important; }
|
||||
.admin-grid {
|
||||
|
|
@ -117,7 +119,10 @@ a.world-preview:hover {
|
|||
padding: 15px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #4a4a4a;
|
||||
flex: 1;
|
||||
flex-grow: 0; /* KORREKTUR: Verhindert das Strecken der letzten Box */
|
||||
flex-shrink: 1;
|
||||
flex-basis: calc(50% - 8px);
|
||||
box-sizing: border-box;
|
||||
min-width: 280px;
|
||||
}
|
||||
.admin-contact-block { display: flex; align-items: center; }
|
||||
|
|
@ -171,7 +176,16 @@ a.world-preview:hover {
|
|||
.copy-button:hover { background: #666; }
|
||||
.player-list-container { margin-top: 1em; }
|
||||
.player-list-grid { display: flex; flex-wrap: wrap; gap: 15px; box-sizing: border-box; }
|
||||
.player-box { background-color: #303030; border: 1px solid #555; border-radius: 5px; padding: 10px; width: calc(33.333% - 10px); box-sizing: border-box; display: flex; flex-direction: column;}
|
||||
.player-box {
|
||||
background-color: #303030;
|
||||
border: 1px solid #555;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
width: calc((100% - 30px) / 3); /* KORREKTUR: Max 3 Boxen pro Zeile */
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.player-box.has-server-priv { border-left: 5px solid #FFD700; }
|
||||
.player-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
|
||||
.player-identity { display: flex; align-items: center; }
|
||||
|
|
@ -415,8 +429,56 @@ a.read-more-link {
|
|||
display: block;
|
||||
}
|
||||
|
||||
.leaflet-control-fullscreen a { background:#fff url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"%3E%3Cpath d="M4 14h6v6h4v-4h6v-4h-6v-4h-4v4H4zm17 2h12v-2H21zm0 4h12v-2H21zm5 1h7v-2h-7zM10 23h12v4h-4v-4h-4v4H10zm15 0h7v-2h-7z"/%3E%3C/svg%3E') no-repeat 0 0 !important; background-size: 16px 16px !important; }
|
||||
.leaflet-control-fullscreen a.leaflet-fullscreen-on { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"%3E%3Cpath d="M7 13h2V7h6V5H7zm11-2h7v7h-2v-5h-5z"/%3E%3C/svg%3E') no-repeat 0 0 !important; background-size: 16px 16px !important; }
|
||||
/* KORREKTUR: Leaflet Fullscreen Button Icon */
|
||||
.leaflet-control-fullscreen a {
|
||||
background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 9H0v7h7v-2H2V9zM0 7h2V2h5V0H0v7zm14 2v5h-5v2h7V9h-2zm0-2V0h-7v2h5v5h2z" fill="%23333"/%3E%3C/svg%3E') no-repeat center center;
|
||||
background-size: 16px 16px;
|
||||
font-size: 0; /* Versteckt fehlerhafte Text-Icons */
|
||||
}
|
||||
.leaflet-control-fullscreen a.leaflet-fullscreen-on {
|
||||
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 11h5v5h2V9H0v2zm11 5h5V9h-2v5h-3v2zM5 0H0v7h2V2h3V0zm9 2V0h-2v7h7V5h-5z" fill="%23333"/%3E%3C/svg%3E');
|
||||
}
|
||||
|
||||
/* KORREKTUR: Stile für Marker-Popup */
|
||||
.leaflet-popup-content-wrapper, .leaflet-popup-content {
|
||||
background-color: #303030 !important;
|
||||
color: #ddd !important;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.leaflet-popup-content {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button {
|
||||
color: #ddd;
|
||||
padding: 8px 8px 0 0;
|
||||
}
|
||||
.leaflet-container a.leaflet-popup-close-button:hover {
|
||||
color: #fff;
|
||||
background-color: transparent;
|
||||
}
|
||||
.popup-player-box {
|
||||
padding: 10px;
|
||||
}
|
||||
.popup-player-box .player-name {
|
||||
font-size: 1.2em; /* Schriftgröße für Namen im Popup erhöht */
|
||||
}
|
||||
.popup-player-vitals {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.popup-player-vitals .vital {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
.popup-player-vitals .icon {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
/* Responsive Stile für Burger-Menü */
|
||||
|
|
@ -449,7 +511,7 @@ a.read-more-link {
|
|||
margin: 5px;
|
||||
width: auto;
|
||||
}
|
||||
.player-box { width: calc(50% - 10px); }
|
||||
.player-box { width: calc((100% - 15px) / 2); } /* 2 Spalten auf Tablets */
|
||||
.page-nav-buttons .button { margin-top: 5px;}
|
||||
|
||||
/* Responsive Stile für Welt-Vorschau */
|
||||
|
|
@ -463,12 +525,13 @@ a.read-more-link {
|
|||
margin-right: 0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/* NEU: Responsive Höhe für Leaflet-Karte */
|
||||
.leaflet-map {
|
||||
height: auto; /* Deaktiviert die feste Höhe von 500px */
|
||||
aspect-ratio: 1 / 1; /* Erzwingt ein quadratisches Seitenverhältnis */
|
||||
max-height: 70vh; /* Stellt sicher, dass die Karte nicht den ganzen Bildschirm füllt */
|
||||
height: auto;
|
||||
aspect-ratio: 4 / 3;
|
||||
max-height: 70vh;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) { .player-box { width: 100%; } }
|
||||
@media (max-width: 480px) {
|
||||
.player-box { width: 100%; } /* 1 Spalte auf Handys */
|
||||
.admin-box { flex-basis: 100%; } /* 1 Spalte auf Handys */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
</div>
|
||||
<footer>
|
||||
<p>© $(date '+%Y') ${SITE_TITLE} | Betreiber: ${SITE_OWNER_NAME} | <a href="impressum.html">Impressum</a> | <a href="datenschutz.html">Datenschutz</a></p>
|
||||
<p>© %%CURRENT_YEAR%% %%SITE_TITLE%% | Betreiber: %%SITE_OWNER_NAME%% | <a href="impressum.html">Impressum</a> | <a href="datenschutz.html">Datenschutz</a></p>
|
||||
</footer>
|
||||
|
||||
<a href="#" id="scrollToTopBtn" class="scroll-to-top-btn" title="Nach oben scrollen">▲</a>
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>${current_page_title} - ${SITE_TITLE}</title>
|
||||
<link rel="stylesheet" href="${relative_path_prefix}/style.css?v=${CACHE_BUSTER}">
|
||||
<title>%%current_page_title%% - %%SITE_TITLE%%</title>
|
||||
<link rel="stylesheet" href="%%relative_path_prefix%%/style.css?v=%%CACHE_BUSTER%%">
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>
|
||||
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
||||
<link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css' rel='stylesheet' />
|
||||
|
|
@ -40,13 +40,13 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>${SITE_TITLE}</h1>
|
||||
<h1>%%SITE_TITLE%%</h1>
|
||||
<div class="header-separator"></div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li class="${active_class_home}"><a href="${relative_path_prefix}/index.html">Startseite</a></li>
|
||||
<li class="${active_class_worlds}"><a href="${relative_path_prefix}/worlds.html">Welten</a></li>
|
||||
<li class="${active_class_downloads}"><a href="${relative_path_prefix}/downloads.html">Downloads</a></li>
|
||||
<li class="%%active_class_home%%"><a href="%%relative_path_prefix%%/index.html">Startseite</a></li>
|
||||
<li class="%%active_class_worlds%%"><a href="%%relative_path_prefix%%/worlds.html">Welten</a></li>
|
||||
<li class="%%active_class_downloads%%"><a href="%%relative_path_prefix%%/downloads.html">Downloads</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,70 @@
|
|||
<div class="archive-controls"><label for="archive-date-select-${current_world_key}">Archivdatum:</label><select id="archive-date-select-${current_world_key}"><option value="">-- Bitte wählen --</option></select><span id="archive-loading-error-${current_world_key}" style="color:red;margin-left:10px;"></span></div>
|
||||
<div class="archive-image-container"><img id="archive-image-${current_world_key}" src="#" alt="Archivkarte" style="max-width:100%;border:1px solid #666;display:none;"><p id="archive-no-image-${current_world_key}" style="display:none;">Kein Bild für Auswahl.</p></div>
|
||||
<script>(function(){const e=document.getElementById('archive-date-select-${current_world_key}'),t=document.getElementById('archive-image-${current_world_key}'),n=document.getElementById('archive-no-image-${current_world_key}'),o=document.getElementById('archive-loading-error-${current_world_key}'),a=${available_archive_dates_js_array},i='${archive_world_rel_to_webroot}';if(!e||!a||a.length===0)return void(e&&(e.disabled=!0,e.innerHTML='<option value="">Keine Archivdaten</option>'));a.forEach(a_date=>{const r=document.createElement('option');r.value=a_date,r.textContent=a_date,e.appendChild(r)}),e.addEventListener('change',function(){t.style.display='none',n.style.display='none',o.textContent='',this.value&&(t.onload=function(){t.style.display='block'},t.onerror=function(){n.style.display='block',o.textContent='Bild nicht geladen.'},t.src=i+'/'+this.value.replace(/-/g,'/')+'.png?v=${CACHE_BUSTER}&t='+new Date().getTime())})})();</script>
|
||||
<div class="archive-controls">
|
||||
<label for="archive-date-selector-%%current_world_key%%">Archivdatum:</label>
|
||||
<select id="archive-date-selector-%%current_world_key%%">
|
||||
<option value="">-- Bitte wählen --</option>
|
||||
</select>
|
||||
<span id="archive-error-msg-%%current_world_key%%" class="archive-error"></span>
|
||||
</div>
|
||||
|
||||
<div class="archive-image-container">
|
||||
<img id="archive-image-%%current_world_key%%" alt="Archivierte Karte" style="display:none; max-width:100%;">
|
||||
<p id="archive-placeholder-%%current_world_key%%">Bitte ein Datum auswählen, um die Karte anzuzeigen.</p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Um zu verhindern, dass das Skript mehrfach ausgeführt wird
|
||||
if (!window.archiveScriptLoaded_%%current_world_key%%) {
|
||||
window.archiveScriptLoaded_%%current_world_key%% = true;
|
||||
|
||||
const selector = document.getElementById('archive-date-selector-%%current_world_key%%');
|
||||
const imageElement = document.getElementById('archive-image-%%current_world_key%%');
|
||||
const placeholder = document.getElementById('archive-placeholder-%%current_world_key%%');
|
||||
const errorMessage = document.getElementById('archive-error-msg-%%current_world_key%%');
|
||||
const availableDates = %%available_archive_dates_js_array%%;
|
||||
const imageBaseUrl = '%%archive_world_rel_to_webroot%%';
|
||||
|
||||
if (selector && availableDates && availableDates.length > 0) {
|
||||
availableDates.forEach(dateStr => {
|
||||
const option = document.createElement('option');
|
||||
const parts = dateStr.split('-');
|
||||
option.value = dateStr;
|
||||
option.textContent = `${parts[2]}.${parts[1]}.${parts[0]}`;
|
||||
selector.appendChild(option);
|
||||
});
|
||||
|
||||
selector.addEventListener('change', function() {
|
||||
imageElement.style.display = 'none';
|
||||
errorMessage.textContent = '';
|
||||
|
||||
const selectedDate = this.value;
|
||||
|
||||
if (selectedDate) {
|
||||
// WICHTIGE ÄNDERUNG: Platzhalter wird jetzt hier versteckt
|
||||
placeholder.style.display = 'none';
|
||||
const dateParts = selectedDate.split('-');
|
||||
const imageUrl = `${imageBaseUrl}/${dateParts[0]}/${dateParts[1]}/${dateParts[2]}.png?v=%%CACHE_BUSTER%%`;
|
||||
imageElement.src = imageUrl;
|
||||
} else {
|
||||
// Wenn "-- Bitte wählen --" ausgewählt wird, Platzhalter wieder anzeigen
|
||||
placeholder.style.display = 'block';
|
||||
}
|
||||
});
|
||||
|
||||
imageElement.onload = function() {
|
||||
this.style.display = 'block';
|
||||
errorMessage.textContent = ''; // Sicherstellen, dass keine alte Fehlermeldung mehr da ist
|
||||
};
|
||||
|
||||
imageElement.onerror = function() {
|
||||
this.style.display = 'none';
|
||||
// WICHTIGE ÄNDERUNG: Fehlermeldung ersetzt jetzt den Platzhalter
|
||||
placeholder.style.display = 'none';
|
||||
errorMessage.textContent = 'Fehler: Bild für dieses Datum konnte nicht geladen werden.';
|
||||
};
|
||||
|
||||
} else if (selector) {
|
||||
selector.disabled = true;
|
||||
selector.querySelector('option').textContent = 'Keine Archive verfügbar';
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<div class='page-title-container'>
|
||||
<h2 class='world-detail-title'>${WORLD_DISPLAY_NAME_PAGE}</h2>
|
||||
<h2 class='world-detail-title'>%%WORLD_DISPLAY_NAME_PAGE%%</h2>
|
||||
</div>
|
||||
|
||||
<div class="close-button-container">
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<span></span>
|
||||
</button>
|
||||
|
||||
<div class='page-nav-buttons' id="page-nav-buttons-container-${current_world_key}">
|
||||
<div class='page-nav-buttons' id="page-nav-buttons-container-%%current_world_key%%">
|
||||
<a href='#server-info' class='button'>Server-Info</a>
|
||||
<a href='#server-verbindung' class='button'>Verbindung</a>
|
||||
<a href='#welt-admin' class='button'>Admin</a>
|
||||
|
|
@ -28,43 +28,47 @@
|
|||
|
||||
<div id='server-info' class='info-box server-details'>
|
||||
<h3>Server-Info</h3>
|
||||
<p><strong>Status:</strong> <span class='status-dot' id='status-dot-${current_world_key}'></span><span id='world-status-${current_world_key}' class='status-text status-loading'>${STATUS_TEXT_FALLBACK_PAGE}</span></p>
|
||||
<p><strong>Spiel:</strong> <a href='https://content.luanti.org/packages/?type=game&q=${MT_GAMEID}' target='_blank' rel='noopener noreferrer'>${MT_GAMEID}</a></p>
|
||||
<p><strong>Kreativmodus:</strong> <span class='status-text-colored ${creative_text_class}'>${creative_text}</span></p>
|
||||
<p><strong>Schaden:</strong> <span class='status-text-colored ${damage_text_class}'>${damage_text}</span></p>
|
||||
<p><strong>Status:</strong> <span class='status-dot' id='status-dot-%%current_world_key%%'></span><span id='world-status-%%current_world_key%%' class='status-text status-loading'>%%STATUS_TEXT_FALLBACK_PAGE%%</span></p>
|
||||
<p><strong>Spiel:</strong> <a href='https://content.luanti.org/packages/?type=game&q=%%MT_GAMEID%%' target='_blank' rel='noopener noreferrer'>%%MT_GAMEID%%</a></p>
|
||||
<p><strong>Kreativmodus:</strong> <span class='status-text-colored %%creative_text_class%%'>%%creative_text%%</span></p>
|
||||
<p><strong>Schaden:</strong> <span class='status-text-colored %%damage_text_class%%'>%%damage_text%%</span></p>
|
||||
</div>
|
||||
|
||||
<div id='server-verbindung' class='info-box server-details'>
|
||||
<h3>Server-Verbindung</h3>
|
||||
<p><strong>Adresse:</strong> <span id='addr-${current_world_key}'>${SERVER_ADDRESS_PAGE}</span><button title='Adresse kopieren' class='copy-button' onclick='copyToClipboard("addr-${current_world_key}")'>📋</button></p>
|
||||
<p><strong>Port:</strong> <span id='port-${current_world_key}'>${SERVER_PORT_PAGE}</span><button title='Port kopieren' class='copy-button' onclick='copyToClipboard("port-${current_world_key}")'>📋</button></p>
|
||||
<p><strong>Passwort:</strong> <span id='pass-${current_world_key}'>${SERVER_ACCESS_INFO_PAGE}</span><button title='Info kopieren' class='copy-button' onclick='copyToClipboard("pass-${current_world_key}")'>📋</button></p>
|
||||
<p><strong>Adresse:</strong> <span id='addr-%%current_world_key%%'>%%SERVER_ADDRESS_PAGE%%</span><button title='Adresse kopieren' class='copy-button' onclick='copyToClipboard("addr-%%current_world_key%%")'>📋</button></p>
|
||||
<p><strong>Port:</strong> <span id='port-%%current_world_key%%'>%%SERVER_PORT_PAGE%%</span><button title='Port kopieren' class='copy-button' onclick='copyToClipboard("port-%%current_world_key%%")'>📋</button></p>
|
||||
<p><strong>Passwort:</strong> <span id='pass-%%current_world_key%%'>%%SERVER_ACCESS_INFO_PAGE%%</span><button title='Info kopieren' class='copy-button' onclick='copyToClipboard("pass-%%current_world_key%%")'>📋</button></p>
|
||||
</div>
|
||||
|
||||
<div id='welt-admin' class='admin-section'>
|
||||
<h3>Welt-Admin</h3>
|
||||
<div class='admin-grid'>
|
||||
${ADMIN_BOXES_HTML}
|
||||
%%ADMIN_BOXES_HTML%%
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// === Globale Variablen für Spielerliste ===
|
||||
let masterPlayerData_${current_world_key} = {};
|
||||
let playerFilters_${current_world_key} = {
|
||||
// === Globale Variablen für Spielerliste und Karte ===
|
||||
let map_%%current_world_key%%;
|
||||
let playerMarkers_%%current_world_key%% = {};
|
||||
let masterPlayerData_%%current_world_key%% = {};
|
||||
let playerFilters_%%current_world_key%% = {
|
||||
activeOnly: false,
|
||||
privileges: new Set()
|
||||
};
|
||||
|
||||
// === Hilfsfunktionen ===
|
||||
function copyToClipboard(elementId) { const el = document.getElementById(elementId); if(el) { navigator.clipboard.writeText(el.innerText || el.textContent).then(() => { const btn = el.nextElementSibling; if(btn && btn.classList.contains('copy-button')) { const orig_btn_text = btn.innerHTML; btn.innerHTML = '✓'; setTimeout(() => { btn.innerHTML = orig_btn_text; }, 1500); } else { alert('Kopiert: ' + el.innerText); } }).catch(err => console.error('Fehler Kopieren: ', err));}}
|
||||
function formatTimestampForDisplay(epochSeconds) { if (!epochSeconds || epochSeconds == 0) return 'unbekannt'; const date = new Date(epochSeconds * 1000); return date.toLocaleString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit'}) + ' Uhr';}
|
||||
|
||||
function fetchWorldStatus_${current_world_key}() {
|
||||
const statusTextEl = document.getElementById('world-status-${current_world_key}');
|
||||
const statusDotEl = document.getElementById('status-dot-${current_world_key}');
|
||||
// === Status- und Datenabruf ===
|
||||
function fetchWorldStatus_%%current_world_key%%() {
|
||||
const statusTextEl = document.getElementById('world-status-%%current_world_key%%');
|
||||
const statusDotEl = document.getElementById('status-dot-%%current_world_key%%');
|
||||
if (!statusTextEl || !statusDotEl) return;
|
||||
const onlineStatusUrl = '/${web_online_status_rel_path}?v=${CACHE_BUSTER}&t=' + new Date().getTime();
|
||||
const lastUpdateUrl = '/${web_last_update_rel_path}?v=${CACHE_BUSTER}&t=' + new Date().getTime();
|
||||
const onlineStatusUrl = '/%%web_online_status_rel_path%%?v=%%CACHE_BUSTER%%&t=' + new Date().getTime();
|
||||
const lastUpdateUrl = '/%%web_last_update_rel_path%%?v=%%CACHE_BUSTER%%&t=' + new Date().getTime();
|
||||
Promise.all([
|
||||
fetch(onlineStatusUrl).then(res => res.text()),
|
||||
fetch(lastUpdateUrl).then(res => res.text())
|
||||
|
|
@ -92,7 +96,7 @@ function fetchWorldStatus_${current_world_key}() {
|
|||
statusTextEl.textContent = 'Offline (seit: ' + offlineSince + ')';
|
||||
}
|
||||
}).catch(error => {
|
||||
console.error('Fehler beim Abrufen des Welt-Status (${current_world_key}):', error);
|
||||
console.error('Fehler beim Abrufen des Welt-Status (%%current_world_key%%):', error);
|
||||
statusDotEl.className = 'status-dot offline';
|
||||
statusTextEl.className = 'status-text status-offline';
|
||||
statusTextEl.textContent = 'Status nicht abrufbar';
|
||||
|
|
@ -102,27 +106,33 @@ function fetchWorldStatus_${current_world_key}() {
|
|||
function fetchDataForElement(elementId, filePath, isRawText, prefixText, suffixText, isJsonPlayerList) {
|
||||
const el = document.getElementById(elementId);
|
||||
if (!el) { return; }
|
||||
fetch('/' + filePath + '?v=${CACHE_BUSTER}&t=' + new Date().getTime())
|
||||
fetch('/' + filePath + '?v=%%CACHE_BUSTER%%&t=' + new Date().getTime())
|
||||
.then(r => { if (!r.ok) throw new Error('Datei ' + filePath + ' nicht erreichbar (' + r.status + ')'); return r.text(); })
|
||||
.then(t => {
|
||||
let content = "";
|
||||
if (t.trim() === "") {
|
||||
content = (elementId.startsWith("map-last-update") ? "<em>unbekannt</em>" : "<em>Keine Daten verfügbar.</em>");
|
||||
if (isJsonPlayerList) {
|
||||
masterPlayerData_${current_world_key} = {};
|
||||
applyPlayerFiltersAndRender_${current_world_key}();
|
||||
masterPlayerData_%%current_world_key%% = {};
|
||||
updatePlayerMarkers_%%current_world_key%%(masterPlayerData_%%current_world_key%%);
|
||||
applyPlayerFiltersAndRender_%%current_world_key%%();
|
||||
}
|
||||
} else {
|
||||
if (isJsonPlayerList) {
|
||||
masterPlayerData_${current_world_key} = JSON.parse(t);
|
||||
applyPlayerFiltersAndRender_${current_world_key}();
|
||||
try {
|
||||
masterPlayerData_%%current_world_key%% = JSON.parse(t);
|
||||
updatePlayerMarkers_%%current_world_key%%(masterPlayerData_%%current_world_key%%);
|
||||
applyPlayerFiltersAndRender_%%current_world_key%%();
|
||||
} catch (e) {
|
||||
console.error("Fehler beim Parsen der Spielerdaten:", e);
|
||||
}
|
||||
return;
|
||||
} else if (isRawText) {
|
||||
const dv = document.createElement('div');
|
||||
dv.textContent = t;
|
||||
content = dv.innerHTML.replace(/\\n|\\r\\n|\\r/g, '<br>');
|
||||
content = dv.innerHTML.replace(/\n|\r\n|\r/g, '<br>');
|
||||
} else {
|
||||
content = t.replace(/\\n|\\r\\n|\\r/g, '<br>');
|
||||
content = t.replace(/\n|\r\n|\r/g, '<br>');
|
||||
}
|
||||
}
|
||||
el.innerHTML = (prefixText ? prefixText : '') + content + (suffixText ? suffixText : '');
|
||||
|
|
@ -132,20 +142,106 @@ function fetchDataForElement(elementId, filePath, isRawText, prefixText, suffixT
|
|||
});
|
||||
}
|
||||
|
||||
function applyPlayerFiltersAndRender_${current_world_key}() {
|
||||
// === Spieler- und Marker-Logik ===
|
||||
function convertMinetestToLeaflet_%%current_world_key%%(posX, posZ) {
|
||||
const mapWidth = %%MAP_WIDTH%%;
|
||||
const mapHeight = %%MAP_HEIGHT%%;
|
||||
const minX = %%MAP_EXTENT_MIN_X%%;
|
||||
const minZ = %%MAP_EXTENT_MIN_Z%%;
|
||||
const extentWidth = %%MAP_EXTENT_WIDTH%%;
|
||||
const extentHeight = %%MAP_EXTENT_HEIGHT%%;
|
||||
|
||||
if (mapWidth === 0 || extentWidth === 0) return null;
|
||||
|
||||
const percentX = (posX - minX) / extentWidth;
|
||||
const percentZ = (posZ - minZ) / extentHeight;
|
||||
|
||||
const pixelX = percentX * mapWidth;
|
||||
const pixelY_from_bottom = percentZ * mapHeight;
|
||||
const pixelY_from_top = mapHeight - pixelY_from_bottom;
|
||||
|
||||
return L.latLng(-pixelY_from_top, pixelX);
|
||||
}
|
||||
|
||||
function updatePlayerMarkers_%%current_world_key%%(playerData) {
|
||||
if (!map_%%current_world_key%%) return;
|
||||
|
||||
const adminIcon = L.icon({ iconUrl: 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-yellow.png', shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34], shadowSize: [41, 41] });
|
||||
const playerIcon = L.icon({ iconUrl: 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-grey.png', shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34], shadowSize: [41, 41] });
|
||||
const now_epoch = Math.floor(Date.now() / 1000);
|
||||
const twentyFourHoursInSeconds = 24 * 60 * 60;
|
||||
const playersOnMap = new Set();
|
||||
|
||||
for (const id in playerData) {
|
||||
const p = playerData[id];
|
||||
playersOnMap.add(p.name);
|
||||
|
||||
const latLng = convertMinetestToLeaflet_%%current_world_key%%(p.posX, p.posZ);
|
||||
if (!latLng) continue;
|
||||
|
||||
const isAdmin = (p.privilege || '').includes('server');
|
||||
const icon = isAdmin ? adminIcon : playerIcon;
|
||||
|
||||
let lastLoginFormatted = 'unbekannt';
|
||||
let statusDotClass = 'offline';
|
||||
if (p.last_login) {
|
||||
if ((now_epoch - p.last_login < twentyFourHoursInSeconds)) { statusDotClass = 'online'; }
|
||||
lastLoginFormatted = formatTimestampForDisplay(p.last_login);
|
||||
}
|
||||
|
||||
const popupContent = `
|
||||
<div class='popup-player-box'>
|
||||
<div class="player-header">
|
||||
<div class="player-identity">
|
||||
<img src="/images/players/${encodeURIComponent(p.name)}.png?v=%%CACHE_BUSTER%%" class="player-icon" alt="${p.name}" onerror="this.onerror=null;this.src='/%%DEFAULT_PLAYER_SKIN_URL%%?v=%%CACHE_BUSTER%%';">
|
||||
<span class="player-name-status">
|
||||
<span class="status-dot ${statusDotClass}" title="Letzter Login: ${lastLoginFormatted}"></span>
|
||||
<strong class="player-name">${p.name}</strong>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="privilege-separator">
|
||||
<div class="popup-player-vitals">
|
||||
<span class="vital"><span class="icon">❤️</span> ${p.hp !== undefined ? p.hp : '?'}</span>
|
||||
<span class="vital"><span class="icon">💨</span> ${p.breath !== undefined ? p.breath : '?'}</span>
|
||||
<span class="vital"><span class="icon">🍖</span> ${p.stamina !== undefined ? p.stamina : '?'}</span>
|
||||
</div>
|
||||
</div>`;
|
||||
|
||||
if (playerMarkers_%%current_world_key%%[p.name]) {
|
||||
const marker = playerMarkers_%%current_world_key%%[p.name];
|
||||
marker.setLatLng(latLng);
|
||||
marker.setIcon(icon);
|
||||
marker.setPopupContent(popupContent);
|
||||
} else {
|
||||
const newMarker = L.marker(latLng, { icon: icon }).bindPopup(popupContent, { minWidth: 240 });
|
||||
newMarker.addTo(map_%%current_world_key%%);
|
||||
playerMarkers_%%current_world_key%%[p.name] = newMarker;
|
||||
}
|
||||
}
|
||||
|
||||
for (const name in playerMarkers_%%current_world_key%%) {
|
||||
if (!playersOnMap.has(name)) {
|
||||
map_%%current_world_key%%.removeLayer(playerMarkers_%%current_world_key%%[name]);
|
||||
delete playerMarkers_%%current_world_key%%[name];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function applyPlayerFiltersAndRender_%%current_world_key%%() {
|
||||
const filteredData = {};
|
||||
const now_epoch = Math.floor(Date.now() / 1000);
|
||||
const twentyFourHoursInSeconds = 24 * 60 * 60;
|
||||
for (const id in masterPlayerData_${current_world_key}) {
|
||||
const player = masterPlayerData_${current_world_key}[id];
|
||||
for (const id in masterPlayerData_%%current_world_key%%) {
|
||||
const player = masterPlayerData_%%current_world_key%%[id];
|
||||
let passesFilter = true;
|
||||
if (playerFilters_${current_world_key}.activeOnly) {
|
||||
if (playerFilters_%%current_world_key%%.activeOnly) {
|
||||
const isActive = player.last_login && (now_epoch - player.last_login < twentyFourHoursInSeconds);
|
||||
if (!isActive) { passesFilter = false; }
|
||||
}
|
||||
if (passesFilter && playerFilters_${current_world_key}.privileges.size > 0) {
|
||||
if (passesFilter && playerFilters_%%current_world_key%%.privileges.size > 0) {
|
||||
const playerPrivs = new Set(player.privilege ? player.privilege.toLowerCase().split(',') : []);
|
||||
for (const requiredPriv of playerFilters_${current_world_key}.privileges) {
|
||||
for (const requiredPriv of playerFilters_%%current_world_key%%.privileges) {
|
||||
if (!playerPrivs.has(requiredPriv)) {
|
||||
passesFilter = false;
|
||||
break;
|
||||
|
|
@ -154,11 +250,11 @@ function applyPlayerFiltersAndRender_${current_world_key}() {
|
|||
}
|
||||
if (passesFilter) { filteredData[id] = player; }
|
||||
}
|
||||
const playerListContainer = document.getElementById('player-info-${current_world_key}');
|
||||
if(playerListContainer) { playerListContainer.innerHTML = renderPlayerListHTML_${current_world_key}(filteredData); }
|
||||
const playerListContainer = document.getElementById('player-info-%%current_world_key%%');
|
||||
if(playerListContainer) { playerListContainer.innerHTML = renderPlayerListHTML_%%current_world_key%%(filteredData); }
|
||||
}
|
||||
|
||||
function renderPlayerListHTML_${current_world_key}(playerData) {
|
||||
function renderPlayerListHTML_%%current_world_key%%(playerData) {
|
||||
if (!playerData || Object.keys(playerData).length === 0) {
|
||||
return "<p><em>Keine Spieler entsprechen den aktuellen Filtereinstellungen.</em></p>";
|
||||
}
|
||||
|
|
@ -177,62 +273,91 @@ function renderPlayerListHTML_${current_world_key}(playerData) {
|
|||
lastLoginFormatted = formatTimestampForDisplay(p.last_login);
|
||||
}
|
||||
const hasInteract = privs.includes('interact'); const hasShout = privs.includes('shout'); const hasFast = privs.includes('fast'); const hasFly = privs.includes('fly'); const hasGive = privs.includes('give'); const hasTeleport = privs.includes('teleport'); const hasAreas = privs.includes('areas'); const hasNoclip = privs.includes('noclip'); const hasSettime = privs.includes('settime'); const hasWeather = privs.includes('weather');
|
||||
html += \`
|
||||
<div class="\${playerBoxClass}">
|
||||
html += `
|
||||
<div class="${playerBoxClass}">
|
||||
<div class="player-header">
|
||||
<div class="player-identity">
|
||||
<img src="/images/players/\${encodeURIComponent(p.name)}.png?v=${CACHE_BUSTER}" class="player-icon" alt="\${p.name}" onerror="this.onerror=null;this.src='/${DEFAULT_PLAYER_SKIN_URL}?v=${CACHE_BUSTER}';">
|
||||
<img src="/images/players/${encodeURIComponent(p.name)}.png?v=%%CACHE_BUSTER%%" class="player-icon" alt="${p.name}" onerror="this.onerror=null;this.src='/%%DEFAULT_PLAYER_SKIN_URL%%?v=%%CACHE_BUSTER%%';">
|
||||
<span class="player-name-status">
|
||||
<span class="status-dot \${statusDotClass}" data-title="Letzter Login: \${lastLoginFormatted}"></span>
|
||||
<strong class="player-name">\${p.name}</strong>
|
||||
<span class="status-dot ${statusDotClass}" data-title="Letzter Login: ${lastLoginFormatted}"></span>
|
||||
<strong class="player-name">${p.name}</strong>
|
||||
</span>
|
||||
</div>
|
||||
<div class="player-vitals">
|
||||
<span class="icon" data-title="HP: \${p.hp !== undefined ? p.hp : '?'}">❤️</span>
|
||||
<span class="icon" data-title="Atem: \${p.breath !== undefined ? p.breath : '?'}">💨</span>
|
||||
<span class="icon" data-title="Ausdauer: \${p.stamina !== undefined ? p.stamina : '?'}">🍖</span>
|
||||
<span class="icon" data-title="HP: ${p.hp !== undefined ? p.hp : '?'}">❤️</span>
|
||||
<span class="icon" data-title="Atem: ${p.breath !== undefined ? p.breath : '?'}">💨</span>
|
||||
<span class="icon" data-title="Ausdauer: ${p.stamina !== undefined ? p.stamina : '?'}">🍖</span>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="privilege-separator">
|
||||
<div class="player-attributes">
|
||||
<span class="icon privilege \${hasInteract ? 'active' : ''}" data-title="Interagieren">🖐️</span>
|
||||
<span class="icon privilege \${hasShout ? 'active' : ''}" data-title="Rufen">📢</span>
|
||||
<span class="icon privilege \${hasFast ? 'active' : ''}" data-title="Schnelles Laufen">🏃</span>
|
||||
<span class="icon privilege \${hasFly ? 'active' : ''}" data-title="Fliegen">🕊️</span>
|
||||
<span class="icon privilege \${hasGive ? 'active' : ''}" data-title="Geben">🎁</span>
|
||||
<span class="icon privilege \${hasTeleport ? 'active' : ''}" data-title="Teleportieren">✨</span>
|
||||
<span class="icon privilege \${hasAreas ? 'active' : ''}" data-title="Bereiche">🗺️</span>
|
||||
<span class="icon privilege \${hasNoclip ? 'active' : ''}" data-title="Noclip">👻</span>
|
||||
<span class="icon privilege \${hasSettime ? 'active' : ''}" data-title="Zeit setzen">🕒</span>
|
||||
<span class="icon privilege \${hasWeather ? 'active' : ''}" data-title="Wetter">🌦️</span>
|
||||
<span class="icon privilege \${hasServerPriv ? 'active' : ''}" data-title="Server-Admin">🛠️</span>
|
||||
<span class="icon privilege ${hasInteract ? 'active' : ''}" data-title="Interagieren">🖐️</span>
|
||||
<span class="icon privilege ${hasShout ? 'active' : ''}" data-title="Rufen">📢</span>
|
||||
<span class="icon privilege ${hasFast ? 'active' : ''}" data-title="Schnelles Laufen">🏃</span>
|
||||
<span class="icon privilege ${hasFly ? 'active' : ''}" data-title="Fliegen">🕊️</span>
|
||||
<span class="icon privilege ${hasGive ? 'active' : ''}" data-title="Geben">🎁</span>
|
||||
<span class="icon privilege ${hasTeleport ? 'active' : ''}" data-title="Teleportieren">✨</span>
|
||||
<span class="icon privilege ${hasAreas ? 'active' : ''}" data-title="Bereiche">🗺️</span>
|
||||
<span class="icon privilege ${hasNoclip ? 'active' : ''}" data-title="Noclip">👻</span>
|
||||
<span class="icon privilege ${hasSettime ? 'active' : ''}" data-title="Zeit setzen">🕒</span>
|
||||
<span class="icon privilege ${hasWeather ? 'active' : ''}" data-title="Wetter">🌦️</span>
|
||||
<span class="icon privilege ${hasServerPriv ? 'active' : ''}" data-title="Server-Admin">🛠️</span>
|
||||
</div>
|
||||
</div>\`;
|
||||
</div>`;
|
||||
}
|
||||
html += "</div>";
|
||||
return html;
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// === Leaflet-Karten Initialisierung ===
|
||||
const mapContainer = document.getElementById('leaflet-map-container-%%current_world_key%%');
|
||||
if (mapContainer && typeof L !== 'undefined' && %%MAP_WIDTH%% > 0) {
|
||||
map_%%current_world_key%% = L.map(mapContainer, {
|
||||
crs: L.CRS.Simple,
|
||||
minZoom: -4, // Erlaubt sehr weites Herauszoomen
|
||||
fullscreenControl: true,
|
||||
fullscreenControlOptions: {
|
||||
position: 'topleft',
|
||||
title: 'Vollbild',
|
||||
titleCancel: 'Vollbild verlassen'
|
||||
}
|
||||
});
|
||||
|
||||
const mapWidth = %%MAP_WIDTH%%;
|
||||
const mapHeight = %%MAP_HEIGHT%%;
|
||||
const bounds = [[-mapHeight, 0], [0, mapWidth]];
|
||||
const imageUrl = '/%%web_map_preview_rel_path%%?v=%%CACHE_BUSTER%%';
|
||||
|
||||
L.imageOverlay(imageUrl, bounds).addTo(map_%%current_world_key%%);
|
||||
|
||||
map_%%current_world_key%%.fitBounds(bounds);
|
||||
map_%%current_world_key%%.setMaxBounds(bounds);
|
||||
|
||||
} else if (mapContainer) {
|
||||
if (%%MAP_WIDTH%% <= 0) {
|
||||
mapContainer.innerHTML = "<p><em>Dynamische Karte konnte nicht geladen werden (fehlende Kartendaten).</em></p>";
|
||||
}
|
||||
}
|
||||
|
||||
// === Burger-Menü Logik ===
|
||||
const burgerToggle = document.getElementById('burger-menu-toggle');
|
||||
const navContainer = document.getElementById('page-nav-buttons-container-${current_world_key}');
|
||||
const navContainer = document.getElementById('page-nav-buttons-container-%%current_world_key%%');
|
||||
if (burgerToggle && navContainer) {
|
||||
burgerToggle.addEventListener('click', () => navContainer.classList.toggle('menu-open'));
|
||||
navContainer.addEventListener('click', e => { if (e.target.classList.contains('button')) { navContainer.classList.remove('menu-open'); }});
|
||||
}
|
||||
|
||||
// === Live/Archiv Umschalter Logik ===
|
||||
const liveBtn = document.getElementById('toggle-live-btn-${current_world_key}');
|
||||
const archiveBtn = document.getElementById('toggle-archive-btn-${current_world_key}');
|
||||
const liveContainer = document.getElementById('live-map-container-${current_world_key}');
|
||||
const archiveContainer = document.getElementById('archive-view-container-${current_world_key}');
|
||||
const leafletMapExists = (typeof map_${current_world_key} !== 'undefined');
|
||||
const liveBtn = document.getElementById('toggle-live-btn-%%current_world_key%%');
|
||||
const archiveBtn = document.getElementById('toggle-archive-btn-%%current_world_key%%');
|
||||
const liveContainer = document.getElementById('live-map-container-%%current_world_key%%');
|
||||
const archiveContainer = document.getElementById('archive-view-container-%%current_world_key%%');
|
||||
if (liveBtn && archiveBtn && liveContainer && archiveContainer) {
|
||||
liveBtn.addEventListener('click', () => {
|
||||
liveBtn.classList.add('active'); archiveBtn.classList.remove('active');
|
||||
liveContainer.style.display = 'block'; archiveContainer.style.display = 'none';
|
||||
if (leafletMapExists) { setTimeout(() => map_${current_world_key}.invalidateSize(), 10); }
|
||||
if (map_%%current_world_key%%) { setTimeout(() => map_%%current_world_key%%.invalidateSize(), 10); }
|
||||
});
|
||||
archiveBtn.addEventListener('click', () => {
|
||||
archiveBtn.classList.add('active'); liveBtn.classList.remove('active');
|
||||
|
|
@ -241,16 +366,16 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
}
|
||||
|
||||
// === Spieler-Filter Logik ===
|
||||
const filterBtn = document.getElementById('player-filter-toggle-btn-${current_world_key}');
|
||||
const filterDropdown = document.getElementById('player-filter-dropdown-${current_world_key}');
|
||||
const filterBtn = document.getElementById('player-filter-toggle-btn-%%current_world_key%%');
|
||||
const filterDropdown = document.getElementById('player-filter-dropdown-%%current_world_key%%');
|
||||
if(filterBtn && filterDropdown) {
|
||||
filterBtn.addEventListener('click', (e) => { e.stopPropagation(); filterDropdown.classList.toggle('show'); });
|
||||
filterDropdown.addEventListener('change', (e) => {
|
||||
if (e.target.type === 'checkbox') {
|
||||
const filterType = e.target.dataset.filter; const filterValue = e.target.dataset.priv;
|
||||
if(filterType === 'active') { playerFilters_${current_world_key}.activeOnly = e.target.checked; }
|
||||
else if(filterType === 'privilege') { if(e.target.checked) { playerFilters_${current_world_key}.privileges.add(filterValue); } else { playerFilters_${current_world_key}.privileges.delete(filterValue); } }
|
||||
applyPlayerFiltersAndRender_${current_world_key}();
|
||||
if(filterType === 'active') { playerFilters_%%current_world_key%%.activeOnly = e.target.checked; }
|
||||
else if(filterType === 'privilege') { if(e.target.checked) { playerFilters_%%current_world_key%%.privileges.add(filterValue); } else { playerFilters_%%current_world_key%%.privileges.delete(filterValue); } }
|
||||
applyPlayerFiltersAndRender_%%current_world_key%%();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
@ -274,23 +399,23 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
});
|
||||
|
||||
// === Initiale Daten-Ladeaufrufe ===
|
||||
fetchWorldStatus_${current_world_key}();
|
||||
fetchDataForElement('player-info-${current_world_key}', '${web_players_txt_rel_path}', false, '', '', true);
|
||||
fetchDataForElement('weather-info-${current_world_key}', '${web_weather_txt_rel_path}', true, '<p><strong>Wetter:</strong> ', '</p>');
|
||||
fetchDataForElement('map-last-update-text-${current_world_key}', '${web_last_update_rel_path}', true, '', '');
|
||||
fetchWorldStatus_%%current_world_key%%();
|
||||
fetchDataForElement('player-info-%%current_world_key%%', '%%web_players_txt_rel_path%%', false, '', '', true);
|
||||
fetchDataForElement('weather-info-%%current_world_key%%', '%%web_weather_txt_rel_path%%', true, '<p><strong>Wetter:</strong> ', '</p>');
|
||||
fetchDataForElement('map-last-update-text-%%current_world_key%%', '%%web_last_update_rel_path%%', true, '', '');
|
||||
});
|
||||
|
||||
// === Periodische Updates ===
|
||||
setInterval(fetchWorldStatus_${current_world_key}, 60000);
|
||||
setInterval(() => fetchDataForElement('map-last-update-text-${current_world_key}', '${web_last_update_rel_path}', true, '', ''), 60000);
|
||||
setInterval(() => fetchDataForElement('player-info-${current_world_key}', '${web_players_txt_rel_path}', false, '', '', true), 70000);
|
||||
setInterval(() => fetchDataForElement('weather-info-${current_world_key}', '${web_weather_txt_rel_path}', true, '<p><strong>Wetter:</strong> ', '</p>'), 300000);
|
||||
setInterval(fetchWorldStatus_%%current_world_key%%, 60000);
|
||||
setInterval(() => fetchDataForElement('map-last-update-text-%%current_world_key%%', '%%web_last_update_rel_path%%', true, '', ''), 60000);
|
||||
setInterval(() => fetchDataForElement('player-info-%%current_world_key%%', '%%web_players_txt_rel_path%%', false, '', '', true), 70000);
|
||||
setInterval(() => fetchDataForElement('weather-info-%%current_world_key%%', '%%web_weather_txt_rel_path%%', true, '<p><strong>Wetter:</strong> ', '</p>'), 300000);
|
||||
</script>
|
||||
|
||||
<div id="description-text-wrapper">
|
||||
<h3 id='beschreibung'>Beschreibung</h3>
|
||||
<div id="description-text" class="collapsible-text">
|
||||
${WORLD_LONG_DESCRIPTION_PAGE}
|
||||
%%WORLD_LONG_DESCRIPTION_PAGE%%
|
||||
</div>
|
||||
<div class="read-more-container">
|
||||
<a href="#" class="read-more-link" data-target="description-text">weiterlesen</a>
|
||||
|
|
@ -301,7 +426,7 @@ setInterval(() => fetchDataForElement('weather-info-${current_world_key}', '${we
|
|||
<h3 id='spielregeln'>Spielregeln</h3>
|
||||
<div id="gamerules-text-wrapper">
|
||||
<div id="gamerules-text" class="collapsible-text">
|
||||
${WORLD_GAME_RULES_PAGE}
|
||||
%%WORLD_GAME_RULES_PAGE%%
|
||||
</div>
|
||||
<div class="read-more-container">
|
||||
<a href="#" class="read-more-link" data-target="gamerules-text">weiterlesen</a>
|
||||
|
|
@ -312,21 +437,31 @@ setInterval(() => fetchDataForElement('weather-info-${current_world_key}', '${we
|
|||
<h3 id='weltradar' class="section-header-flex">
|
||||
<span>Weltradar</span>
|
||||
<div class="map-toggle-controls">
|
||||
<button id="toggle-live-btn-${current_world_key}" class="map-toggle-button active">Live</button>
|
||||
<button id="toggle-archive-btn-${current_world_key}" class="map-toggle-button">Archiv</button>
|
||||
<button id="toggle-live-btn-%%current_world_key%%" class="map-toggle-button active">Live</button>
|
||||
<button id="toggle-archive-btn-%%current_world_key%%" class="map-toggle-button">Archiv</button>
|
||||
</div>
|
||||
</h3>
|
||||
<div id="live-map-container-${current_world_key}">${MAP_HTML}</div>
|
||||
<div id="archive-view-container-${current_world_key}" style="display: none;">${ARCHIVE_HTML}</div>
|
||||
|
||||
<div id="live-map-container-%%current_world_key%%">
|
||||
<div id="leaflet-map-container-%%current_world_key%%" class="leaflet-map">
|
||||
</div>
|
||||
<div class='map-sub-info'>
|
||||
%%map_sub_info_link%%
|
||||
<span class='map-last-update'>Letzte Kartenaktualisierung: <span id='map-last-update-text-%%current_world_key%%'><em>wird geladen...</em></span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="archive-view-container-%%current_world_key%%" style="display: none;">
|
||||
%%ARCHIVE_HTML%%
|
||||
</div>
|
||||
|
||||
<h3 id='mods'>Verwendete Mods</h3>
|
||||
<div class='scrollable-mod-list'>${MODS_HTML}</div>
|
||||
<div class='scrollable-mod-list'>%%MODS_HTML%%</div>
|
||||
|
||||
<h3 id='spielerliste' class="section-header-flex">
|
||||
<span>Spielerliste</span>
|
||||
<div class="filter-container">
|
||||
<button id="player-filter-toggle-btn-${current_world_key}" class="filter-dropdown-btn">Filter ▾</button>
|
||||
<div id="player-filter-dropdown-${current_world_key}" class="filter-dropdown">
|
||||
<button id="player-filter-toggle-btn-%%current_world_key%%" class="filter-dropdown-btn">Filter ▾</button>
|
||||
<div id="player-filter-dropdown-%%current_world_key%%" class="filter-dropdown">
|
||||
<label class="filter-option">
|
||||
<input type="checkbox" data-filter="active">
|
||||
<span class="status-dot online"></span>
|
||||
|
|
@ -369,6 +504,6 @@ setInterval(() => fetchDataForElement('weather-info-${current_world_key}', '${we
|
|||
</div>
|
||||
</div>
|
||||
</h3>
|
||||
<div id='player-info-${current_world_key}' class='player-list-container'>
|
||||
<div id='player-info-%%current_world_key%%' class='player-list-container'>
|
||||
<p><em>Spielerdaten werden geladen...</em></p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
<a href='${detail_page_filename}' class='world-preview'>
|
||||
<a href='%%detail_page_filename%%' class='world-preview'>
|
||||
<div class='world-preview-header'>
|
||||
<h3>${world_display_name_ov}</h3>
|
||||
<span class='online-status-badge ${online_status_class}'>${online_status_text}</span>
|
||||
<h3>%%world_display_name_ov%%</h3>
|
||||
<span class='online-status-badge %%online_status_class%%'>%%online_status_text%%</span>
|
||||
</div>
|
||||
<div class='world-preview-content'>
|
||||
${preview_img_html}
|
||||
%%preview_img_html%%
|
||||
<div class='world-preview-text'>
|
||||
<p>${world_short_desc_ov}</p>
|
||||
<p>%%world_short_desc_ov%%</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class='world-preview-footer'>
|
||||
Welt-Admin: ${admin_name_ov}
|
||||
Welt-Admin: %%admin_name_ov%%
|
||||
</div>
|
||||
</a>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue