Templates

2026-09-09 19:37:55 +02:00
parent 1d3cfdc7b7
commit 48b3f97298
8 changed files with 173 additions and 124 deletions
@@ -0,0 +1,4 @@
+{{define "footer"}}
+        <!-- Footer content can be added here -->
+        <p>&copy; 2026 Simply CPQ</p>
+{{end}}
@@ -0,0 +1,16 @@
+{{define "navbar"}}
+
+<img src="/static/images/SimplyCPQ_Logo.svg" alt="Simply CPQ Logo" />
+<h1>X-CPQ Material Editor</h1>
+<p>by Simply CPQ</p>
+<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="#">Datenimporte</a></li>
+    </ul>
+</nav>
+{{end}}
@@ -0,0 +1,82 @@
+{{define "properties"}}
+<!-- Properties content can be added here -->
+    <h2>X-CPQ Material Editor: Eigenschaften</h2>
+    <!-- Main content can be added here -->
+    <p>Der Eigenschaftspool dient der globalen Definition von Eigenschaften.</p>
+    <div class="editor-container">
+        <section class="editor-view">
+            <h3>Property Type Groups</h3>
+            <ul class="node mt-16">
+                <details open>
+                    <summary>
+                        X-CPQ-Eigenschaften
+                    </summary>
+                    <ul class="node">
+                        <details open>
+                            <summary>
+                                Systemeigenschaften
+                            </summary>
+                            <ul class="node">
+                                <li class="leaf">
+                                    Eigenschaft 1
+                                </li>
+                                <li class="leaf">
+                                    Eigenschaft 2
+                                </li>
+                            </ul>
+                        </details>
+                        <details open>
+                            <summary>
+                                Catalog Eigenschaften
+                            </summary>
+                            <ul class="node">
+                                <li class="leaf">
+                                    Eigenschaft 1
+                                </li>
+                                <li class="leaf">
+                                    Eigenschaft 2
+                                </li>
+                            </ul>
+                        </details>
+                        <li class="leaf">
+                            Eigenschaft 1
+                        </li>
+                        <li class="leaf">
+                            Eigenschaft 2
+                        </li>
+                    </ul>
+                </details>
+            </ul>
+        </section>
+        <section class="editor-view">
+            <section id="PropertyTypeGroupData">
+                <h3>Property-Type Group {PropertyTypeGroupName}</h3>
+                <form class="cform" method="post" action="/updatePropertyTypeGroup">
+                    <label for="propertyTypeGroupName">Name:</label>
+                    <input type="text" id="propertyTypeGroupName" name="propertyTypeGroupName" value="{PropertyTypeGroupName}">
+                    <label for="propertyTypeGroupDescription">Beschreibung:</label>
+                    <textarea id="propertyTypeGroupDescription" name="propertyTypeGroupDescription">{PropertyTypeGroupDescription}</textarea>
+                    <div class="button_row">
+                        <button type="submit">Speichern</button>
+                        <button type="submit">Neu</button>
+                        <button type="submit">Löschen</button>
+                    </div>
+                </form>
+            </section>
+            <section id="PropertyTypeData">
+                <h3>Property-Type {PropertyTypeName}</h3>
+                <p>Hier können die Details der ausgewählten Eigenschaft bearbeitet werden.</p>
+                <!-- Editor content can be added here -->
+            </section>
+        </section>
+        <section class="editor-view">
+            <section id="ValueData">
+                <h3>Values für {PropertyTypeName}</h3>
+                <p>Hier können die Werte der ausgewählten Eigenschaft bearbeitet werden.</p>
+                <!-- Editor content can be added here -->
+            </section>
+        </section>
+    </div>
+
+
+{{end}}
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/x-icon" href="/static/images/SimplyCPQ_Logo.svg" />
+
+    <title>X-CPQ by Simply CPQ</title>
+    <link rel="stylesheet" href="/static/css/scpq_header.css">
+    <link rel="stylesheet" href="/static/css/scpq_global.css">
+    <link rel="stylesheet" href="/static/css/scpq_content.css">
+    <link rel="stylesheet" href="/static/css/scpq_footer.css">
+    <script src="/static/js/htmx.js"></script>
+
+</head>
+
+<body>
+    <header>
+        {{ template "navbar" . }}
+    </header>
+    <main>
+        <section id="main-content">
+            {{ template "properties" . }}
+        </section>
+    </main>
+    
+    <footer>
+        {{ template "footer" . }}
+    </footer>
+
+</body>
+
+</html>