Reindex product indices when removing

When updating the product list, i forgot to change the index in the
product field’s names and, therefore, i created invoices with only the
products until the first gap.

pkg/invoices.go

@@ -264,11 +264,12 @@ func (form *invoiceForm) Validate() bool {
 func (form *invoiceForm) Update() {
 	products := form.Products
 	form.Products = nil
-	index := 0
-	for _, product := range products {
+	for n, product := range products {
 		if product.Quantity.Val != "0" {
+			if n != len(form.Products) {
+				product.Reindex(len(form.Products))
+			}
 			form.Products = append(form.Products, product)
-			index++
 		}
 	}
 }
@@ -290,29 +291,24 @@ type invoiceProductForm struct {
 }
 
 func newInvoiceProductForm(index int, company *Company, locale *Locale, taxOptions []*SelectOption) *invoiceProductForm {
-	suffix := "." + strconv.Itoa(index)
-	return &invoiceProductForm{
+	form := &invoiceProductForm{
 		locale:  locale,
 		company: company,
 		ProductId: &InputField{
-			Name:     "product.id" + suffix,
 			Label:    pgettext("input", "Id", locale),
 			Type:     "hidden",
 			Required: true,
 		},
 		Name: &InputField{
-			Name:     "product.name" + suffix,
 			Label:    pgettext("input", "Name", locale),
 			Type:     "text",
 			Required: true,
 		},
 		Description: &InputField{
-			Name:  "product.description" + suffix,
 			Label: pgettext("input", "Description", locale),
 			Type:  "textarea",
 		},
 		Price: &InputField{
-			Name:     "product.price" + suffix,
 			Label:    pgettext("input", "Price", locale),
 			Type:     "number",
 			Required: true,
@@ -322,7 +318,6 @@ func newInvoiceProductForm(index int, company *Company, locale *Locale, taxOptio
 			},
 		},
 		Quantity: &InputField{
-			Name:     "product.quantity" + suffix,
 			Label:    pgettext("input", "Quantity", locale),
 			Type:     "number",
 			Required: true,
@@ -331,7 +326,6 @@ func newInvoiceProductForm(index int, company *Company, locale *Locale, taxOptio
 			},
 		},
 		Discount: &InputField{
-			Name:     "product.discount" + suffix,
 			Label:    pgettext("input", "Discount (%)", locale),
 			Type:     "number",
 			Required: true,
@@ -341,12 +335,24 @@ func newInvoiceProductForm(index int, company *Company, locale *Locale, taxOptio
 			},
 		},
 		Tax: &SelectField{
-			Name:     "product.tax" + suffix,
 			Label:    pgettext("input", "Taxes", locale),
 			Multiple: true,
 			Options:  taxOptions,
 		},
 	}
+	form.Reindex(index)
+	return form
+}
+
+func (form *invoiceProductForm) Reindex(index int) {
+	suffix := "." + strconv.Itoa(index)
+	form.ProductId.Name = "product.id" + suffix
+	form.Name.Name = "product.name" + suffix
+	form.Description.Name = "product.description" + suffix
+	form.Price.Name = "product.price" + suffix
+	form.Quantity.Name = "product.quantity" + suffix
+	form.Discount.Name = "product.discount" + suffix
+	form.Tax.Name = "product.tax" + suffix
 }
 
 func (form *invoiceProductForm) Parse(r *http.Request) error {

web/static/numerus.css

@@ -494,6 +494,16 @@ main > nav {
     margin-bottom: 4rem;
 }
 
+/* Invoice */
+.new-invoice-product .input:nth-of-type(5) {
+    flex: 1;
+}
+
+.new-invoice-product textarea {
+    width: 100%;
+    height: 100%;
+}
+
 /* Remix Icon */
 
 @font-face {

web/template/invoices/new.gohtml

@@ -22,13 +22,13 @@
             {{ template "input-field" .Notes }}
 
             {{- range $product := .Products }}
-                <fieldset>
+                <fieldset class="new-invoice-product">
                     {{ template "hidden-field" .ProductId }}
                     {{ template "input-field" .Name }}
-                    {{ template "input-field" .Description }}
                     {{ template "input-field" .Price }}
                     {{ template "input-field" .Quantity }}
                     {{ template "input-field" .Discount }}
+                    {{ template "input-field" .Description }}
                     {{ template "select-field" .Tax }}
                 </fieldset>
             {{- end }}