consumerportal/views/sports/training.html

mydna Custimised for you

<div ng-if="!vm.loaded" class="window loading"><span>Loading Details...</span></div>
<div ng-if="vm.loaded" class="window shadow report fitnessTraining">
    <report-navigator title="'Fitness'" links="vm.navigation" selected-value="'training'"></report-navigator>
    <div class="main">
        <sports-diary></sports-diary>
        <div class="gap"></div>
        <div class="gap"></div>
        <mydna-tabs
                ng-if="vm.exerciseTabs.length > 1"
                event-name="'changeExerciseEvent'"
                tabs="vm.exerciseTabs"
                value="vm.exerciseTabValue"
                tab-class="'secondary '"
                short-message="'My program is...'"
                selected-class="vm.day.key"></mydna-tabs>
        <div class="blockTitle nogap hideAtTabsAsSelector" ng-class="vm.day.key" ng-bind="vm.days[vm.dayIndex] + ' - ' + vm.day.name"></div>
        <div ng-if="vm.exerciseTabValue === 'warmup'">
            <div class="gap"></div>
            <div class="text padding">During the warm up the aim is to increase blood flow, improve range of motion of the
                joints and activate key muscles needed for your workout. Avoid holding static stretches, and keep everything active.
            Based on your injury risk profile, these are the exercises you should perform.</div>
            <div class="fitnessExercises alternate">
                <div ng-repeat="exercise in vm.warmup.sessions[0] track by $index" ng-click="vm.viewVideo(exercise)" ng-class="{disabled: exercise.image === ''}">
                    <div ng-style="{'background-image': exercise.image ? vm.exerciseImage(exercise.image) : ''}"><div ng-if="exercise.video"></div></div>
                    <div><div ng-bind="$index+1"></div><div ng-bind="exercise.name"></div></div>
                </div>
            </div>
        </div>
        <div ng-if="vm.exerciseTabValue === 'cooldown'">
            <div class="gap"></div>
            <div class="text padding">During the cool down, the aim is to slowly return the body to its resting state. This
                includes light activity to return the heart rate back to resting level slowly, and static stretches to
                help relax muscles and optimise range of motion around the joints after your workout. Perform each of these stretches for 30-60 seconds.</div>
            <div class="fitnessExercises alternate">
                <div ng-repeat="exercise in vm.cooldown.sessions[0] track by $index" ng-click="vm.viewVideo(exercise)" ng-class="{disabled: exercise.image === ''}">
                    <div ng-style="{'background-image': exercise.image ? vm.exerciseImage(exercise.image) : ''}"><div ng-if="exercise.video"></div></div>
                    <div><div ng-bind="$index+1"></div><div ng-bind="exercise.name"></div></div>
                </div>
            </div>
        </div>
        <div ng-if="vm.exerciseTabValue === 'exercises'">
            <mydna-tabs
                    ng-if="vm.sessionTabs.length > 1"
                    event-name="'changeSessionEvent'"
                    tabs="vm.sessionTabs"
                    value="vm.sessionTabValue"
                    tab-class="'secondary under'"
                    message="'You can alternate sessions across days'"
                    short-message="'My session is...'"
                    selected-class="vm.day.key"></mydna-tabs>
            <div class="inline collapse">
                <div class="text padding" ng-bind-html="vm.dayDescription"></div>
                <div class="text padding">
                    <ul><li ng-repeat="note in vm.day.notes" ng-bind="note"></li></ul>
                </div>
            </div>

            <div class="trainingMetrics">
                <div ng-if="vm.day.sets"><div ng-bind="vm.day.sets"></div><div>Sets</div></div>
                <div ng-if="vm.day.reps"><div ng-bind="vm.day.reps"></div><div>Reps</div></div>
                <div ng-if="vm.day.rest"><div ng-bind="vm.day.rest + 'min'"></div><div>Rest</div></div>
                <div ng-if="vm.day.difficulty"><div ng-bind="vm.day.difficulty + '/10'"></div><div>Difficulty</div></div>
                <div ng-if="vm.day.time"><div ng-bind="vm.day.time + ' mins'"></div><div>Time</div></div>
                <div ng-if="vm.day.intensity"><div ng-bind="vm.day.intensity"></div><div>Intensity</div></div>
            </div>

            <div class="fitnessExercises">
                <div ng-repeat="exercise in vm.session track by $index" ng-click="vm.viewVideo(exercise)" ng-class="{disabled: exercise.image === ''}">
                    <div ng-style="{'background-image': vm.exerciseImage(exercise.image || 'images/fitness/comingSoon.jpg') }"><div ng-if="exercise.video"></div></div>
                    <div><div ng-bind="$index+1"></div><div ng-bind="exercise.name"></div></div>
                </div>
            </div>
        </div>


        <div class="text">
            <p class="small">Disclaimer: Please note that before starting a new fitness program you should consult a health care professional. This is particularly important if you have any medical condition, are overweight, pregnant or lactating.  </p>
        </div>
    </div>
</div>
<div class="video" ng-if="vm.exercise">
    <div>
        <div>
            <div ng-bind="vm.exercise.name"></div>
            <div ng-click="vm.closeVideo()"></div>
        </div>
        <iframe ng-src="{{vm.video}}" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
        <div class="text padding" ng-bind="vm.exercise.description"></div>
    </div>
</div>