Display product weigth when available

copanier/models.py

@@ -97,6 +97,13 @@ class Product(Base):
     url: str = ""
     img: str = ""
 
+    @property
+    def label(self):
+        out = self.name
+        if self.weight:
+            out += f" ({self.weight})"
+        return out
+
 
 @dataclass
 class ProductOrder(Base):

copanier/static/app.css

@@ -317,8 +317,13 @@ th.price {
 th.amount {
   width: 5rem;
 }
-th.ref {
+.ref {
   width: 5rem;
+  text-align: left;
+}
+td.ref {
+  font-weight: 300;
+  font-style: normal;
 }
 td.total,
 th.total {

copanier/templates/delivery.html

@@ -23,8 +23,8 @@
             </tr>
             {% for product in delivery.products %}
             <tr>
-                <th class="product">{{ product.ref }}</th>
+                <td class="ref">{{ product.ref }}</td>
-                <th class="product">{{ product.name }}</th>
+                <th class="product">{{ product.label }}</th>
                 <td>{{ product.price }} €</td>
                 <th>{{ delivery.product_wanted(product) }}</th>
                 {% for email, order in delivery.orders.items() %}

copanier/templates/place_order.html

@@ -9,7 +9,7 @@
         <tr><th class="product">Produit</th><th class="price">Prix</th><th class="amount">Quantité</th></tr>
         {% for product in delivery.products %}
         <tr>
-            <th class="product">{{ product.name }}
+            <th class="product">{{ product.label }}
                 {% if product.description or product.img %}
                     {% with unique_id=loop.index %}
                         {% include "includes/modal_product.html" %}