From 83117d0de81e51de74935e9010b32d6e6c434b6d Mon Sep 17 00:00:00 2001
From: Michael <schebler@live.de>
Date: Fri, 24 Apr 2026 10:50:00 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20Editier-Button=20in=20Template-Karten?=
 =?UTF-8?q?=20hinzugef=C3=BCgt=20mit=20Modal=20(Speichern/Abbrechen)=20-?=
 =?UTF-8?q?=20Bearbeiten-Button=20in=20jeder=20Template-Karte=20-=20Editie?=
 =?UTF-8?q?r-Modal=20mit=20Save/Abbrechen-Funktionalit=C3=A4t=20-=20PUT-En?=
 =?UTF-8?q?dpoint=20in=20serve.py=20zum=20Speichern=20bearbeiteter=20Datei?=
 =?UTF-8?q?en?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/index.html | 65 ++++++++++++++++++++++++++++++++++++++++++++++++++
 web/serve.py   | 42 ++++++++++++++++++++++++++++++++
 2 files changed, 107 insertions(+)

diff --git a/web/index.html b/web/index.html
index 0b3c0f0..f109968 100644
--- a/web/index.html
+++ b/web/index.html
@@ -427,6 +427,23 @@
     </div>
   </div>
 
+  <!-- Edit Modal -->
+  <div class="modal-overlay" id="edit-modal">
+    <div class="modal" style="max-width: 800px;">
+      <div class="modal-header">
+        <h2 id="edit-title">Template bearbeiten</h2>
+        <button class="modal-close" onclick="closeEditModal()">&times;</button>
+      </div>
+      <div class="modal-body">
+        <textarea id="edit-content" style="width: 100%; min-height: 300px; background: var(--bg-input); color: var(--text-primary); border: 1px solid var(--border); border-radius: 4px; font-family: var(--mono); font-size: 13px; padding: 10px;" spellcheck="false"></textarea>
+      </div>
+      <div class="modal-actions">
+        <button class="btn btn-primary" onclick="saveEditedContent()">Speichern</button>
+        <button class="btn" onclick="closeEditModal()">Abbrechen</button>
+      </div>
+    </div>
+  </div>
+
   <!-- Toast -->
   <div class="toast" id="toast"></div>
 
@@ -485,6 +502,53 @@ $ python web/serve.py</div>
 
   <script>
     let allTemplates = [];
+    let currentEditTemplate = null;
+
+    // Edit Modal Funktionen
+    function closeEditModal() {
+      document.getElementById('edit-modal').classList.remove('active');
+    }
+
+    function editModalContent(path) {
+      currentEditTemplate = path;
+      const title = path.split('/').pop();
+      document.getElementById('edit-title').textContent = `Template bearbeiten: ${title}`;
+      
+      // Inhalt laden
+      fetch(path).then(r => r.text()).then(content => {
+        document.getElementById('edit-content').value = content;
+        document.getElementById('edit-modal').classList.add('active');
+      }).catch(e => {
+        showToast(`✗ Fehler beim Laden: ${e.message}`);
+      });
+    }
+
+    async function saveEditedContent() {
+      if (!currentEditTemplate) return;
+      
+      const content = document.getElementById('edit-content').value;
+      
+      try {
+        const response = await fetch(currentEditTemplate, {
+          method: 'PUT',
+          headers: {
+            'Content-Type': 'text/plain'
+          },
+          body: content
+        });
+        
+        if (response.ok) {
+          showToast('✓ Änderungen gespeichert');
+          closeEditModal();
+          closeModal();
+          showModal(currentEditTemplate.split('/').pop(), content);
+        } else {
+          throw new Error(`HTTP ${response.status}`);
+        }
+      } catch (e) {
+        showToast(`✗ Fehler beim Speichern: ${e.message}`);
+      }
+    }
 
     // Modal-Funktionen
     function showModal(title, content) {
@@ -648,6 +712,7 @@ $ python web/serve.py</div>
           </div>
           <div class="actions">
             <button class="btn btn-icon" onclick="viewTemplate('${t.path}')">Anzeigen</button>
+            <button class="btn btn-icon" onclick="editModalContent('${t.path}')">📝 Bearbeiten</button>
             <button class="btn btn-icon" onclick="copyContent('${t.path}')">Inhalt kopieren</button>
           </div>
         </div>
diff --git a/web/serve.py b/web/serve.py
index d692666..6d0e0cf 100755
--- a/web/serve.py
+++ b/web/serve.py
@@ -29,6 +29,48 @@ class Handler(http.server.SimpleHTTPRequestHandler):
     def __init__(self, *args, **kwargs):
         super().__init__(*args, directory=DIRECTORY, **kwargs)
     
+    def do_PUT(self):
+        # Nur PUT auf /templates/* Pfade erlauben
+        if not self.path.startswith('/templates'):
+            self.send_error(403, "Method not allowed for this path")
+            return
+            
+        # Pfad relativ zur ROOT_DIR konstruieren
+        rel_path = self.path[1:]  # '/templates/system/test.json' → 'templates/system/test.json'
+        file_path = os.path.join(ROOT_DIR, rel_path)
+        
+        # Verzeichnis prüfen - muss existieren
+        file_dir = os.path.dirname(file_path)
+        if not os.path.exists(file_dir) or not os.path.isdir(file_dir):
+            self.send_error(404, "Directory not found")
+            return
+        
+        # Content-Type prüfen
+        content_type = self.headers.get('Content-Type', '')
+        if 'text/plain' not in content_type and not content_type.startswith('text/'):
+            self.send_error(400, "Unsupported content type")
+            return
+        
+        # Inhalt lesen und speichern
+        content_length = int(self.headers.get('Content-Length', 0))
+        if content_length <= 0:
+            self.send_error(400, "No content provided")
+            return
+            
+        try:
+            file_content = self.rfile.read(content_length)
+            
+            # Datei schreiben
+            with open(file_path, 'wb') as f:
+                f.write(file_content)
+            
+            self.send_response(200)
+            self.send_header('Content-type', 'text/plain')
+            self.end_headers()
+            self.wfile.write(b"File saved successfully")
+        except Exception as e:
+            self.send_error(500, f"Failed to save file: {e}")
+    
     def do_GET(self):
         # Für Root-Pfad: index.html servieren
         if self.path == '/' or self.path == '/index.html':