fix: Fixed an issue where the Nutritional Information display didn't …

…take into account the number of serviings ([#66](#66))
nystudio107 · Feb 22, 2023 · fde3876 · fde3876
1 parent f6a4125
commit fde3876
Showing 1 changed file with 21 additions and 11 deletions.
diff --git a/src/templates/recipe-nutrition-facts.twig b/src/templates/recipe-nutrition-facts.twig
@@ -77,6 +77,7 @@
     .recipe-plugin-nutrition-label table tr.recipe-plugin-thick-row td {
         border-top: 4px solid #000;
     }
+
     .recipe-plugin-nutrition-label table tr.recipe-plugin-micros li:nth-child(1n+0) {
         padding-right: 8px;
     }
@@ -92,6 +93,7 @@
     .recipe-plugin-nutrition-label table tr.recipe-plugin-micros li {
         border-top: 1px solid #000;
     }
+
     .recipe-plugin-nutrition-label table tr.recipe-plugin-micros li {
         box-sizing: border-box;
         float: left;
@@ -110,7 +112,13 @@
     {% set result = (numerator * 100) / denomoninator %}
     {{ result | number_format(0) ~ '%' }}
 {% endmacro %}
-{% from _self import percentage  %}
+{% from _self import percentage %}
+
+{% macro servesValue(value, serves) %}
+    {% set result = value / serves %}
+    {{- result | number_format(0) -}}
+{% endmacro %}
+{% from _self import servesValue %}
 
 <div class="recipe-plugin-label">
     <div class="recipe-plugin-label-wrapper">
@@ -134,69 +142,71 @@
                 {% if value.calories | length %}
                     <tr class="recipe-plugin-calories-row">
                         <td colspan="2"><b>Calories:</b></td>
-                        <td>{{ value.calories }}</td>
+                        <td>{{ servesValue(value.calories, value.serves) }}</td>
                     </tr>
                 {% endif %}
                 <tr class="recipe-plugin-thick-row">
                     <td colspan="3" class="recipe-plugin-small-info"><b>% Daily Value*</b></td>
                 </tr>
                 {% if value.fatContent | length %}
                     <tr class="recipe-plugin-macros">
-                        <td colspan="2"><b>Total Fat:</b> {{ value.fatContent ~ 'g' }}</td>
+                        <td colspan="2"><b>Total Fat:</b> {{ servesValue(value.fatContent, value.serves) ~ 'g' }}</td>
                         <td><b>{{ percentage(value.fatContent, rda.fatContent) }}</b></td>
                     </tr>
                 {% endif %}
                 {% if value.saturatedFatContent | length %}
                     <tr class="recipe-plugin-macros">
                         <td class="recipe-plugin-indent"></td>
-                        <td>Saturated Fat: {{ value.saturatedFatContent ~ 'g' }}</td>
+                        <td>Saturated Fat: {{ servesValue(value.saturatedFatContent, value.serves) ~ 'g' }}</td>
                         <td>
                         </td>
                     </tr>
                 {% endif %}
                 {% if value.transFatContent | length %}
                     <tr class="recipe-plugin-macros">
                         <td class="recipe-plugin-indent"></td>
-                        <td>Trans Fat: {{ value.transFatContent ~ 'g' }}</td>
+                        <td>Trans Fat: {{ servesValue(value.transFatContent, value.serves) ~ 'g' }}</td>
                         <td>
                         </td>
                     </tr>
                 {% endif %}
                 {% if value.cholesterolContent | length %}
                     <tr class="recipe-plugin-macros">
-                        <td colspan="2"><b>Cholesterol:</b> {{ value.cholesterolContent ~ 'mg' }}</td>
+                        <td colspan="2">
+                            <b>Cholesterol:</b> {{ servesValue(value.cholesterolContent, value.serves) ~ 'mg' }}</td>
                         <td><b>{{ percentage(value.cholesterolContent, rda.cholesterolContent) }}</b></td>
                     </tr>
                 {% endif %}
                 {% if value.sodiumContent | length %}
                     <tr class="recipe-plugin-macros">
-                        <td colspan="2"><b>Sodium:</b> {{ value.sodiumContent ~ 'mg' }}</td>
+                        <td colspan="2"><b>Sodium:</b> {{ servesValue(value.sodiumContent, value.serves) ~ 'mg' }}</td>
                         <td><b>{{ percentage(value.sodiumContent, rda.sodiumContent) }}</b></td>
                     </tr>
                 {% endif %}
                 {% if value.carbohydrateContent | length %}
                     <tr class="recipe-plugin-macros">
-                        <td colspan="2"><b>Total Carbohydrate:</b> {{ value.carbohydrateContent ~ 'g' }}</td>
+                        <td colspan="2"><b>Total
+                                Carbohydrate:</b> {{ servesValue(value.carbohydrateContent, value.serves) ~ 'g' }}</td>
                         <td><b>{{ percentage(value.carbohydrateContent, rda.carbohydrateContent) }}</b></td>
                     </tr>
                 {% endif %}
                 {% if value.fiberContent | length %}
                     <tr class="recipe-plugin-macros">
                         <td class="recipe-plugin-indent"></td>
-                        <td>Dietary Fiber: {{ value.fiberContent ~ 'g' }}</td>
+                        <td>Dietary Fiber: {{ servesValue(value.fiberContent, value.serves) ~ 'g' }}</td>
                         <td><b>{{ percentage(value.fiberContent, rda.fiberContent) }}</b></td>
                     </tr>
                 {% endif %}
                 {% if value.sugarContent | length %}
                     <tr class="recipe-plugin-macros">
                         <td class="recipe-plugin-indent"></td>
-                        <td>Sugars: {{ value.sugarContent ~ 'g' }}</td>
+                        <td>Sugars: {{ servesValue(value.sugarContent, value.serves) ~ 'g' }}</td>
                         <td><b>{{ percentage(value.sugarContent, rda.sugarContent) }}</b></td>
                     </tr>
                 {% endif %}
                 {% if value.proteinContent | length %}
                     <tr class="recipe-plugin-macros">
-                        <td colspan="2"><b>Protein:</b> {{ value.proteinContent ~ 'g' }}</td>
+                        <td colspan="2"><b>Protein:</b> {{ servesValue(value.proteinContent, value.serves) ~ 'g' }}</td>
                         <td><b>{{ percentage(value.proteinContent, rda.proteinContent) }}</b></td>
                     </tr>
                 {% endif %}