consumerportal/views/diet/servings.html

mydna Custimised for you

<div ng-if="!vm.loaded" class="window shadow loading"><span>Loading Details...</span></div>
<div ng-if="vm.loaded" class="window shadow report dietServings" ng-init="reportLabel = vm.reportLabel || 'Diet'">
    <report-navigator title="reportLabel" links="vm.navigation" selected-value="'servings'"></report-navigator>
    <div class="main">
        <diet-age-warning ng-if="vm.user.Age < 19"></diet-age-warning>
        <div class="text desktop"><div class="title">Here is where the fun begins!</div></div>
        <div class="inline collapse">
            <div class="text">

                <p>For each of the six food groups presented below we have calculated a number of servings per day
                    based on your unique genetic results, your gender and your age.  Please note that the
                    number of servings will change depending on your weight goal, with weight
                    loss recommending fewer number of servings than weight maintenance.

                </p>


                <p>Each food group also lists examples of what a serving size is to assist with portion control and
                    meet your recommended Kilojoules/Calories.
                </p>
            </div>
            <div class="text">
                <p>We’ve found that memorising how many servings you should have per day and measuring what a serving
                    size is promotes best health and weight outcomes. Why? It will give you a clearer idea of what
                    you are expected to eat, help you follow your recommended diet and meet your nutritional needs.</p>
                <p>So take out your measuring cups and kitchen scales and have some fun!</p>
            </div>
        </div>


        <diet-metrics ng-if="vm.details.loss"></diet-metrics>
        <diet-goal-title title="vm.details[vm.details.goal].plan.Type" kj="vm.details[vm.details.goal].plan.Kj"></diet-goal-title>
        <mydna-tabs event-name="'typeTabChanged'" value="'breakfast'" tabs="vm.types" tab-class="'under'" short-message="'Tell me about...'"></mydna-tabs>
        <div>
            <div class="servingsBlock">
                <div class="card {{vm.selected.Reference}}">
                    <div class="title">
                        <div class="icon invert {{vm.icons[vm.selected.Reference]}}"></div>
                        <div>{{vm.selected.Title}} - {{vm.selected.Servings}} recommended serving{{vm.selected.Servings !== 1 ? 's': ''}} per day</div></div>
                    <div class="text">
                        <div ng-repeat="cat in vm.selected.Categories">
                            <div ng-if="cat.Title && cat.Title.length > 0" class="title">{{cat.Title}}</div>
                            <p>{{cat.Kj}}kJ / {{cat.Cal}}Cal per serving</p>
                            <ul>
                                <li ng-repeat="detail in cat.Details track by $index">{{detail}}</li>
                            </ul>

                        </div>
                    </div>
                </div>
            </div>
            <p class="small" ng-if="vm.selected.Reference === 'meatandmeatalternatives'">
                Higher protein dairy products such as milk or yoghurt can contain as much protein per
                serving (1 cup milk; ¾ cup yogurt) as eggs, meat, fish, legumes and tofu, and can be
                used as a way to naturally increase protein content for certain diets e.g. higher
                protein diets.
            </p>
            <p class="small">
                Please note: when you download your PDF report, you will find a Healthcare Professional Section. Please
                consider taking it to a healthcare professional who can assess your needs and develop further personalised
                recommendations based on your goals, height, weight, activity level, existing medical conditions and medical
                history, medication and supplementation, blood tests and current nutritional status.
            </p>
        </div>
    </div>
</div>