fitness-widget.html

<div class="widget fitness">
    <div class="title">Workout</div>
    <div class="content clearfix">
        <div class="info" ng-hide="data.workouts.length === 0">
            <div class="wd-row">
                <div class="wd-values clearfix" ng-repeat="workout in data.workouts">
                    <div class="wd-label left col-xs-6">
                        <div class="value">{{workout.workouttitle}}</div>
                    </div>
                    <div class="wd-label right col-xs-6">
                        <div class="value">{{workout.sets.length}} Sets</div>
                    </div>
                    <div class="wd-moreinfo col-xs-12">
                        {{ workout | workoutSummary }}
                    </div>
                </div>
            </div>
            <div class="wd-centered col-xs-12">
                <div class="wd-label">
                    <div class="value">
                        {{data.message}}
                    </div>
                </div>
            </div>
        </div>
        <div class="under-construction text-center" ng-show="data.workouts.length === 0">
            <div class="wait">
                <i class="fa fa-bed" aria-hidden="true"></i>
            </div>
            <p class="message text-uppercase">Why no training</p>
        </div>
    </div>
</div>