diff --git a/public/index.html b/public/index.html index 067239d86d7924ae2981abc09eeca66a688513d5..5e644b21973819776f80e10ac8a49ecdc79be320 100644 --- a/public/index.html +++ b/public/index.html @@ -109,7 +109,8 @@ } /* Confirmation Dialog */ - #confirmation-dialog { + #confirmation-dialog, + #info-dialog { position: fixed; top: 0; left: 0; @@ -205,6 +206,13 @@ </div> </div> + <!-- Dynamisches Menü --> + <div id="dynamic-menu" + style="display: none; position: absolute; bottom: 0; width: 100%; background: #f5f5f5; padding: 20px; box-shadow: 0 -2px 6px rgba(0,0,0,0.2);"> + </div> + + + <!-- Bestätigungsdialog --> <div id="confirmation-dialog" style="display: none;"> <div class="dialog-overlay"></div> <div class="dialog-box"> @@ -214,6 +222,15 @@ </div> </div> + <!-- Informations-Dialog --> + <div id="info-dialog" style="display: none;"> + <div class="dialog-overlay"></div> + <div class="dialog-box"> + <p id="info-text">Hier kommt die Nachricht hin</p> + <button onclick="closeInfoDialog()">OK</button> + </div> + </div> + <script> // Variablen let selectedModel = 'robot'; @@ -339,7 +356,13 @@ } function openRotationMenu() { + if (!selectedPlacedModel) { + showInfoDialog("Kein Modell ausgewählt. Bitte wählen Sie ein Modell aus, bevor Sie es bearbeiten."); + return; + } + const dynamicMenu = document.getElementById("dynamic-menu"); + dynamicMenu.style.display = "block"; dynamicMenu.innerHTML = ` <h3>Rotation anpassen</h3> <label>Y-Achse: <input type="range" min="0" max="360" step="10" onchange="updateRotation('y', this.value)"></label> @@ -355,7 +378,13 @@ } function openScaleMenu() { + if (!selectedPlacedModel) { + showInfoDialog("Kein Modell ausgewählt. Bitte wählen Sie ein Modell aus, bevor Sie es bearbeiten."); + return; + } + const dynamicMenu = document.getElementById("dynamic-menu"); + dynamicMenu.style.display = "block"; dynamicMenu.innerHTML = ` <h3>Skalierung anpassen</h3> <label>Größe: <input type="range" min="0.1" max="3" step="0.1" onchange="updateScale(this.value)"></label> @@ -377,6 +406,23 @@ } } + function showInfoDialog(message) { + const infoDialog = document.getElementById("info-dialog"); + const infoText = document.getElementById("info-text"); + + // Nachricht setzen + infoText.textContent = message; + + // Dialog anzeigen + infoDialog.style.display = "flex"; + } + + function closeInfoDialog() { + const infoDialog = document.getElementById("info-dialog"); + infoDialog.style.display = "none"; + } + + async function activateXR() { const canvas = document.createElement('canvas'); document.body.appendChild(canvas); diff --git a/public/previewImages/exit.png b/public/previewImages/exit-icon.png similarity index 100% rename from public/previewImages/exit.png rename to public/previewImages/exit-icon.png