';
+ html += summaryHeading(l10n.summaryLoading || 'Loading Address', 1);
html += summaryRow('Name', getFieldVal('bName'));
html += summaryRow('Street', getFieldVal('bStrasse'));
html += summaryRow('ZIP/City', getFieldVal('bort'));
@@ -305,7 +322,7 @@
// Unloading address
html += '
';
- html += '
' + escHtml(l10n.summaryUnloading || 'Unloading Address') + ' ';
+ html += summaryHeading(l10n.summaryUnloading || 'Unloading Address', 1);
html += summaryRow('Name', getFieldVal('eName'));
html += summaryRow('Street', getFieldVal('eStrasse'));
html += summaryRow('ZIP/City', getFieldVal('eort'));
@@ -322,13 +339,13 @@
// Room summaries
var roomMap = [
- { key: 'wohnzimmer', name: 'Wohnzimmer' },
- { key: 'schlafzimmer', name: 'Schlafzimmer' },
- { key: 'arbeitszimmer', name: 'Arbeitszimmer' },
- { key: 'bad', name: 'Bad' },
- { key: 'kueche_esszimmer', name: 'Kueche_Esszimmer' },
- { key: 'kinderzimmer', name: 'Kinderzimmer' },
- { key: 'keller', name: 'Keller' }
+ { key: 'wohnzimmer', name: 'Wohnzimmer', step: 2 },
+ { key: 'schlafzimmer', name: 'Schlafzimmer', step: 3 },
+ { key: 'arbeitszimmer', name: 'Arbeitszimmer', step: 4 },
+ { key: 'bad', name: 'Bad', step: 5 },
+ { key: 'kueche_esszimmer', name: 'Kueche_Esszimmer', step: 5 },
+ { key: 'kinderzimmer', name: 'Kinderzimmer', step: 6 },
+ { key: 'keller', name: 'Keller', step: 7 }
];
roomMap.forEach(function(room) {
@@ -337,7 +354,7 @@
var total = calculateRoomTotal(room.key);
html += '
';
- html += '
' + escHtml(getRoomDisplayName(room.key)) + ' ';
+ html += summaryHeading(getRoomDisplayName(room.key), room.step);
roomItems.forEach(function(item) {
html += '
';
html += '
' + escHtml(item.name) + ' ';
@@ -368,7 +385,7 @@
var additionalHtml = getAdditionalWorkSummary();
if (additionalHtml) {
html += '
';
- html += '
' + escHtml(l10n.summaryAdditional || 'Additional Work') + ' ';
+ html += summaryHeading(l10n.summaryAdditional || 'Additional Work', 8);
html += additionalHtml;
html += '';
}
@@ -377,7 +394,7 @@
var sonstiges = getFieldVal('sonstiges');
if (sonstiges) {
html += '
';
- html += '
' + escHtml(l10n.summaryOther || 'Other') + ' ';
+ html += summaryHeading(l10n.summaryOther || 'Other', 8);
html += '
' + escHtml(sonstiges) + '
';
html += '
';
}
@@ -526,15 +543,38 @@
document.addEventListener('input', function(e) {
if (e.target.classList.contains('quantity-input')) {
handleQuantityChange();
+ var hasQty = parseGermanDecimal(e.target.value) > 0;
// Toggle has-value class
- if (parseGermanDecimal(e.target.value) > 0) {
+ if (hasQty) {
e.target.classList.add('has-value');
} else {
e.target.classList.remove('has-value');
}
+ // Toggle has-quantity on parent row for dimming/montage visibility
+ var row = e.target.closest('.furniture-item');
+ if (row) row.classList.toggle('has-quantity', hasQty);
}
});
+ // Stepper button click handlers
+ document.addEventListener('click', function(e) {
+ var btn = e.target.closest('.qty-btn');
+ if (!btn) return;
+ var input = btn.parentNode.querySelector('.quantity-input');
+ if (!input) return;
+ var val = parseGermanDecimal(input.value);
+ if (btn.classList.contains('qty-plus')) val++;
+ else if (btn.classList.contains('qty-minus') && val > 0) val--;
+ input.value = val > 0 ? val : '';
+ input.dispatchEvent(new Event('input', { bubbles: true }));
+ });
+
+ // Summary edit link click handler
+ document.addEventListener('click', function(e) {
+ var el = e.target.closest('.summary-edit');
+ if (el) showStep(parseInt(el.dataset.goto, 10));
+ });
+
// Clear field errors on input
document.addEventListener('input', function(e) {
if (e.target.classList.contains('field-error')) {
diff --git a/includes/class-form-renderer.php b/includes/class-form-renderer.php
index 2639d93..34505fe 100644
--- a/includes/class-form-renderer.php
+++ b/includes/class-form-renderer.php
@@ -134,6 +134,7 @@ class Umzugsliste_Form_Renderer {
+
-
+
+ -
+ +
+
diff --git a/includes/class-shortcode.php b/includes/class-shortcode.php
index c51eed1..f4e34b0 100644
--- a/includes/class-shortcode.php
+++ b/includes/class-shortcode.php
@@ -123,6 +123,9 @@ class Umzugsliste_Shortcode {
'grandTotalLabel' => __( 'Grand Total', 'siegel-umzugsliste' ),
'quantityLabel' => __( 'Qty', 'siegel-umzugsliste' ),
'cbmLabel' => __( 'cbm', 'siegel-umzugsliste' ),
+ 'summaryEdit' => __( 'Edit', 'siegel-umzugsliste' ),
+ 'stepLabel' => __( 'Step', 'siegel-umzugsliste' ),
+ 'stepOf' => __( 'of', 'siegel-umzugsliste' ),
) );
}
}
diff --git a/templates/form-page.php b/templates/form-page.php
index 8624ab8..c4e8832 100644
--- a/templates/form-page.php
+++ b/templates/form-page.php
@@ -40,6 +40,9 @@ $l10n_data = array(
'grandTotalLabel' => __( 'Grand Total', 'siegel-umzugsliste' ),
'quantityLabel' => __( 'Qty', 'siegel-umzugsliste' ),
'cbmLabel' => __( 'cbm', 'siegel-umzugsliste' ),
+ 'summaryEdit' => __( 'Edit', 'siegel-umzugsliste' ),
+ 'stepLabel' => __( 'Step', 'siegel-umzugsliste' ),
+ 'stepOf' => __( 'of', 'siegel-umzugsliste' ),
'nonce' => wp_create_nonce( 'umzugsliste_submit' ),
);
?>