Setup of product variants

app/assets/javascripts/supplier/app/templates/components/menu-product.emblem

@@ -3,14 +3,14 @@ if editMode
     .small-6.medium-3.columns.name
       = input value=product.name placeholder=namePlaceholder action="save"
       = errors product.errors.name
-    .small-6.medium-3.columns.actions
-      a.rollback-product-action{action "rollbackProduct"}: span
-      a.destroy-product-action{action "destroyProduct" product}: span
-      a.save-product-action{action "save"}: span
     .small-6.medium-3.columns.price
       = edit-currency value=product.price action="save"
       = errors product.errors.price
     .small-6.medium-3.columns.code= input value=product.code placeholder=codePlaceholder
+    .small-6.medium-3.columns.actions
+      a.rollback-product-action{action "rollbackProduct"}: span
+      a.destroy-product-action{action "destroyProduct" product}: span
+      a.save-product-action{action "save"}: span
   .row
     .small-3.columns= t 'attributes.product.active'
     .small-9.columns: view boolean-switch value=product.active
@@ -21,6 +21,11 @@ if editMode
     .small-12.medium-6.columns
       = view "upload-file" name="image" accept="image/*" file=product.image
       img src=product.image_src
+  each product_variant in product.product_variants
+    .row
+      .small-3.medium-2.large-1.columns plus
+      .small-9.medium-5.large-4.columns.end
+        = input value=product_variant.name
 else
   if showProduct
     .row
@@ -34,3 +39,6 @@ else
       .small-3.columns
         a.edit-product-action{action "makeEditable"}: span
         /img src=product.image_src
+    if product.product_variants
+      .row
+        .small-12.columns= product.variantsDisplay