tsindt/simply_cpq
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Form

Browse Source
This commit is contained in:
tsindt
2026-09-08 21:15:02 +02:00
parent 441e218428
commit 1d3cfdc7b7
2 changed files with 57 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
xcpq/buildtime/xcpq_editor/static/css/scpq_content.css
+33
View File
@@ -55,7 +55,25 @@ main {
} }
/* form styles */
.cform {
display: flex;
flex-direction: column;
color: var(--primary-color);
gap: 8px;
padding: 16px;
}
.cform label {
padding-top: 8px;
}
.cform input[type="text"],
.cform textarea {
padding: 4px;
border: 1px solid var(--primary-color);
border-radius: var(--box-border-radius);
}
/* Style für allgemeine Elemente */ /* Style für allgemeine Elemente */
.box { .box {
@@ -63,6 +81,21 @@ main {
border-radius: var(--box-border-radius); border-radius: var(--box-border-radius);
} }
.button_row {
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 8px;
margin-top: 8px;
}
.button_row button {
padding: 4px 8px;
border: 1px solid var(--primary-color);
border-radius: var(--box-border-radius);
background-color: var(--data-background-color);
cursor: pointer;
}
.mt-16 { .mt-16 {
margin-top: 16px; margin-top: 16px;
} }
xcpq/buildtime/xcpq_editor/static/index.html
+20 -11
View File
@@ -42,48 +42,39 @@
<ul class="node mt-16"> <ul class="node mt-16">
<details open> <details open>
<summary> <summary>
<img src="/static/images/property_type_group.svg" alt="group" />
X-CPQ-Eigenschaften X-CPQ-Eigenschaften
</summary> </summary>
<ul class="node"> <ul class="node">
<details open> <details open>
<summary> <summary>
<img src="/static/images/property_type_group.svg" alt="group" />
Systemeigenschaften Systemeigenschaften
</summary> </summary>
<ul class="node"> <ul class="node">
<li class="leaf"> <li class="leaf">
<img src="/static/images/property_type.svg" alt="property" />
Eigenschaft 1 Eigenschaft 1
</li> </li>
<li class="leaf"> <li class="leaf">
<img src="/static/images/property_type.svg" alt="property" />
Eigenschaft 2 Eigenschaft 2
</li> </li>
</ul> </ul>
</details> </details>
<details open> <details open>
<summary> <summary>
<img src="/static/images/property_type_group.svg" alt="group" />
Catalog Eigenschaften Catalog Eigenschaften
</summary> </summary>
<ul class="node"> <ul class="node">
<li class="leaf"> <li class="leaf">
<img src="/static/images/property_type.svg" alt="property" />
Eigenschaft 1 Eigenschaft 1
</li> </li>
<li class="leaf"> <li class="leaf">
<img src="/static/images/property_type.svg" alt="property" />
Eigenschaft 2 Eigenschaft 2
</li> </li>
</ul> </ul>
</details> </details>
<li class="leaf"> <li class="leaf">
<img src="/static/images/property_type.svg" alt="property" />
Eigenschaft 1 Eigenschaft 1
</li> </li>
<li class="leaf"> <li class="leaf">
<img src="/static/images/property_type.svg" alt="property" />
Eigenschaft 2 Eigenschaft 2
</li> </li>
</ul> </ul>
@@ -91,15 +82,33 @@
</ul> </ul>
</section> </section>
<section class="editor-view"> <section class="editor-view">
<h3>Property-Type</h3> <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> <p>Hier können die Details der ausgewählten Eigenschaft bearbeitet werden.</p>
<!-- Editor content can be added here --> <!-- Editor content can be added here -->
</section> </section>
</section>
<section class="editor-view"> <section class="editor-view">
<h3>Values</h3> <section id="ValueData">
<h3>Values für {PropertyTypeName}</h3>
<p>Hier können die Werte der ausgewählten Eigenschaft bearbeitet werden.</p> <p>Hier können die Werte der ausgewählten Eigenschaft bearbeitet werden.</p>
<!-- Editor content can be added here --> <!-- Editor content can be added here -->
</section> </section>
</section>
</div> </div>
</section> </section>
</main> </main>