consumerportal/views/dashboard.html

mydna Custimised for you

<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-69139205-6', 'auto');
    ga('set', {
        page: '/dashboard.html',
        title: 'dashboard'
    });
    ga('send', 'pageview');

</script>
<div id="morning_banner" class="fullscreen background">
    <div class="banner_outer" style='height: 200px;'>
        <div class="banner_inner">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <p><span>Welcome {{vm.User.FirstName}}</span></p>
                        <p>You are one step closer to learning more about yourself</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="window shadow dashboard report">
    <div class="main">
        <div class="warning" ng-if="vm.cases.length === 0">
            <div>Your sample is currently being processed in the lab</div>
            <div>Once our clinical team has interpreted the findings, your report will be
                available for you to view. We’ll notify you as soon as it’s ready.</div>
        </div>
        <div class="gap"></div>
        <div class="blockTitle" ng-if="vm.reports.length > 0">
            <span>My Reports</span>
            <span class="sub"><a href="#/myreports">View All</a></span>
        </div>

        <div class="inline collapse reportBlocks">
            <div ng-repeat="report in vm.reports" ng-click="report.open()">
                <div ng-class="report.type" ng-style="{background: 'url(images/dashboard/' + report.type + '.jpg)'}"></div>
                <div ng-bind="report.label"></div>
            </div>
        </div>

        <div class="hero large" ng-click="vm.openUrl('#/help/contactus')">
            <div>
                <div class="title">We're reviewing new evidence and findings on a daily basis</div>
                <div class="text">Our list of findings continue to grow every day. We'll let you know as soon as we have more information that suits
                    your genes.
                </div>
                <div class="link">What would you most like to learn about your body?</div>
            </div>
        </div>
        <div class="gap"></div>


        <div class="blockTitle" ng-if="vm.reports.length > 0">
            <span>Latest Stories</span>
        </div>
        <div class="news">
            <div ng-repeat="feed in vm.feeds" ng-click="vm.openUrl(feed.link, true)">
                <div class="title" ng-bind="feed.title"></div>
                <div class="content" ng-bind-html="vm.$sce.trustAsHtml(feed.description)"></div>
            </div>
        </div>


        <div id="comingsoon_banner2" class="fullscreen background"
             style="background-image:url('images/comingSoonBanner2.jpg'); background-size: cover;">
            <div class="banner_outer" style='height: 250px;'>
                <div class="banner_inner">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-8">
                                <p>
                                    <span>Do you have questions for our team, need a call back or just want to share your experience?</span>
                                </p>
                                <p>We're on a mission to make DNA testing technology accessible to everyone. Please help us by sharing your
                                    thoughts reagrding how this test has helped or what we should change to help other people just like you live
                                    healthier lives.</p>
                                <p>
                                    <a href="#/help/contactus" class='dark_button'>Get in touch
                                        <img src="images/whiteArrow.png" border="0" alt="" /></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>




</div>