consumerportal/views/meds/browser.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: '/meds/browser.html',
  title: 'Browse Medications'
	});
  ga('send', 'pageview');

</script>

<medicine-modal></medicine-modal>

 <div id="page_banner" class="fullscreen background" style="background-image:url('images/blueTitleBackground.png'); background-size: cover;">
	<div class="banner_outer" style='height: 90px;'>
        <div class="banner_inner">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p><span>Medication</span></p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div> 
<div class="container">
	<div class="row content_blocks_padding">
		<div class="col-md-4 col-sm-3">
			<div class='side_menu_bar'>
				<h2 class='hidden-xs'>Medication</h2>
				<nav class="navbar navbar-default">
					<div class="container-fluid no_sides" >
 						<div class="navbar-header navbar-side visible-xs">
							<span class="sidebar_selected">{{vm.selectedMedicines.Name}}</span>
							<button type="button" class="navbar-toggle pull-right" data-toggle="collapse" data-target="#mySidebar">
								<img src='images/sidebar_menu_dropdown.png' border='0' alt=''>
							</button>
						</div>
						<div class="collapse navbar-collapse no_sides" id="mySidebar">
							<ul class='nav navbar-nav side_menu'>
								<li class='side_menu_gap'><a href="#/meds/my">My Medication</a></li>
								<li ng-repeat="cat in vm.FutureMedications.Categories" ng-click="vm.showMeds(cat)" ng-class="vm.selectedMedicines.Name === cat.Name ? 'active_side_menu' : ''" data-toggle="collapse" data-target="#mySidebar"><a>{{cat.Name}}</a></li>
								<li><a href="#/meds/results" data-toggle="collapse" data-target="#mySidebar">Genetic Results</a></li>
								<li><a href="#/myreports" data-toggle="collapse" data-target="#mySidebar">View My Reports</a></li>
							</ul>
						</div>
					</div>
				</nav>
			</div>
		</div>
		<div class="col-md-8 col-sm-9">
			<div  ng-show="vm.selectedMedicines.SubCategories==0">
				<h1>{{vm.selectedMedicines.Name}}</h1>
				<div class='content_block content_blocks_padding' ng-repeat="(recKey, recValue) in vm.selectedMedicines.Recommendations">
					<p class='traffic_light_{{recValue.AlertType}}'>
						<span ng-show="recValue.AlertType == 'Red'">Major Impact</span>
						<span ng-show="recValue.AlertType == 'Orange'">Minor Impact</span>
						<span ng-show="recValue.AlertType == 'Green'">Normal Impact</span>
						<span ng-show="recValue.AlertType == 'None'">Not Covered</span>	
					</p>
					<p>{{recValue.RecommendationBody}}</p>
					
					<div class="medications_grid">
						<div class='col-md-4 col-sm-6' ng-repeat="medValue in vm.selectedMedicines.Recommendations[recKey].Medications">
							<a href="" ng-click="vm.showMedDetails(medValue.MedicationId,recValue.AlertType)">
								{{medValue.DisplayName}}
							</a>
						</div>
					</div>
				</div>		
			</div>
			<h1 ng-show="vm.selectedMedicines.SubCategories!=0">{{vm.selectedMedicines.Name}}</h1>
			<div ng-repeat="(ky, val) in vm.selectedMedicines.SubCategories">
				
				<h3 ng-show="val.Recommendations.length>0">{{val.Name}}</h3>
				<div class='content_block content_blocks_padding' ng-repeat="(recKey, recValue) in vm.selectedMedicines.SubCategories[ky].Recommendations">
					<p class='traffic_light_{{recValue.AlertType}}'>
						<span ng-show="recValue.AlertType == 'Red'">Major Impact</span>
						<span ng-show="recValue.AlertType == 'Orange'">Minor Impact</span>
						<span ng-show="recValue.AlertType == 'Green'">Normal Impact</span>
						<span ng-show="recValue.AlertType == 'None'">Not Covered</span>	
					</p>
					<p>{{recValue.RecommendationBody}}</p>
					
					<div class="medications_grid">
							<div class='col-md-4 col-sm-6' ng-repeat="medValue in vm.selectedMedicines.SubCategories[ky].Recommendations[recKey].Medications">
								<a href="" ng-click="vm.showMedDetails(medValue.MedicationId,recValue.AlertType)">
									{{medValue.DisplayName}}
								</a>
							</div>
					</div>
				</div>		
			</div>		
			
			<div class="disclaimer_text">
				<p>The above items may not be a full and complete list of currently prescribed medications. Only medications covered by myDNA tests will appear.</p>
				<p ng-bind-html="$sce.trustAsHtml(vm.Disclaimer)"></p>
			</div>
		</div>
	</div>
</div>