Update public/previewImages/exit-icon.png, public/index.html

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);