Templates mit HTMX

xcpq/buildtime/xcpq_editor/templates/layouts/navbar.html

@@ -6,10 +6,10 @@
 <nav>
     <!-- Navigation links can be added here -->
     <ul>
-        <li><a href="#">Eigenschaften</a></li>
-        <li><a href="#">Produkte</a></li>
-        <li><a href="#">Konditionen</a></li>
-        <li><a href="#">Übersetzungen</a></li>
+        <li><a href="#" hx-get="/properties" hx-target="#main-content">Eigenschaften</a></li>
+        <li><a href="#" hx-get="/products" hx-target="#main-content">Produkte</a></li>
+        <li><a href="#" hx-get="/conditions" hx-target="#main-content">Konditionen</a></li>
+        <li><a href="#" hx-get="/translations" hx-target="#main-content">Übersetzungen</a></li>
         <li><a href="#">Datenimporte</a></li>
     </ul>
 </nav>

xcpq/buildtime/xcpq_editor/templates/layouts/properties.html

@@ -1,4 +1,4 @@
-{{define "properties"}}
+
 <!-- Properties content can be added here -->
     <h2>X-CPQ Material Editor: Eigenschaften</h2>
     <!-- Main content can be added here -->
@@ -79,4 +79,3 @@
     </div>
 
 
-{{end}}

xcpq/buildtime/xcpq_editor/templates/pages/index.html

@@ -20,8 +20,8 @@
         {{ template "navbar" . }}
     </header>
     <main>
-        <section id="main-content">
-            {{ template "properties" . }}
+        <section id="main-content"> 
+            <h1>Bitte einen Bereich in der Navigation auswählen</h1>
         </section>
     </main>