fix(ui): handle re-ordering of the services container

scottmckendry · Feb 1, 2025 · be1d8c3 · be1d8c3
1 parent 9e5ebe3
commit be1d8c3
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/views/modal-add.html b/views/modal-add.html
@@ -52,7 +52,16 @@ <h1>Add</h1>
                 <button
                     type="button"
                     class="btn-danger"
-                    onclick="this.closest('.service-entry').remove()"
+                    onclick="
+                        this.closest('.service-entry').remove();
+                        const services = document.getElementById('services-container');
+                        const entries = services.getElementsByClassName('service-entry');
+                        for (let i = 0; i < entries.length; i++) {
+                            const inputs = entries[i].getElementsByTagName('input');
+                            for (let input of inputs) {
+                                input.name = input.name.replace(/services\[\d+\]/, `services[${i}]`);
+                            }
+                        }"
                 >
                     <i class="nf nf-cod-trash"></i>
                 </button>

diff --git a/views/modal-edit.html b/views/modal-edit.html
@@ -73,7 +73,16 @@ <h1>Edit {{.Name}}</h1>
                 <button
                     type="button"
                     class="btn-danger"
-                    onclick="this.closest('.service-entry').remove()"
+                    onclick="
+                        this.closest('.service-entry').remove();
+                        const services = document.getElementById('services-container');
+                        const entries = services.getElementsByClassName('service-entry');
+                        for (let i = 0; i < entries.length; i++) {
+                            const inputs = entries[i].getElementsByTagName('input');
+                            for (let input of inputs) {
+                                input.name = input.name.replace(/services\[\d+\]/, `services[${i}]`);
+                            }
+                        }"
                 >
                     <i class="nf nf-cod-trash"></i>
                 </button>