From 4200e66b234f5272ba9f0bbdc77cf59c8af69a60 Mon Sep 17 00:00:00 2001
From: Cantuerk <21caog1bif@hft-stuttgart.de>
Date: Fri, 3 Jan 2025 16:16:39 +0000
Subject: [PATCH] Update public/previewImages/exit-icon.png, public/index.html

---
 public/index.html                             |  48 +++++++++++++++++-
 .../previewImages/{exit.png => exit-icon.png} | Bin
 2 files changed, 47 insertions(+), 1 deletion(-)
 rename public/previewImages/{exit.png => exit-icon.png} (100%)

diff --git a/public/index.html b/public/index.html
index 067239d..5e644b2 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
-- 
GitLab