consumerportal/js/src/controllers/diet/components/goalTitle.ts

mydna Custimised for you

/// <reference path="../../../includes.ts" />

module app {

    class GoalTitle {
        public bindings: any = {
            title: '=',
            kj: '='
        };
        public template: string = `
            <div class="bigTitle">
                <div class="block">
                    <div class="desktop">Your optimum diet</div>
                    <div>{{vm.title}} Diet</div>
                </div>
                <div class="block sub">
                    <div class="desktop">Your energy allowance</div>
                    <div>{{vm.kj}}kJ / {{vm.kj / 4.17 | number:0}}Cal per day</div>
                </div>
            </div>
        `;
        public controllerAs: string = 'vm';

    }

    angular
        .module('app')
        .component('dietGoalTitle', new GoalTitle());
}