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

</script>

<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>Medications</span></p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="medications_search_outer">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class='medications_search'>
					<div class="input-group add-on">
						<div class="input-group-btn">
							<button class="medications_search_button" type="button"></button>
						</div>
						<input type="text"		
						id="medicinename" ng-model="medicinesrch" name="medicinename"
						class="form-control textbox medications_search_textbox" mydna-focus="true"
						placeholder="Search medications" 
						ng-change="vm.medsSearch();(medicinesrch.length<3)?noMedicineFound=false:''"
						autocomplete="off"
						typeahead-wait-ms="700"
						typeahead-on-select ="vm.addMedicine($item)" typeahead-focus-first="true" 
						typeahead-min-length="3" typeahead-no-results="noMedicineFound"
						typeahead-popup-template-url="views/meds/medicines-list.html"
						uib-typeahead="medicine.tradeName for medicine in vm.Medicines | filter:$viewValue | limitTo:100"
						/>
						
						<div ng-click="medicinesrch = null;noMedicineFound = false;" class="close" ng-show="medicinesrch.length && vm.LoadingInProgress == false"></div>
						<div ng-click="medicinesrch = null;" class="loading" ng-show="medicinesrch.length>2 && vm.LoadingInProgress == true"></div>
						<div ng-show="noMedicineFound && vm.LoadingInProgress == false" class="suggestions">
							<div class="no-suggestions">
								<p>No medicines found. Please check your spelling.</p>
							</div>
						</div>
					</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">My Medication</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 active_side_menu'><a href="#/meds/my">My Medication</a></li>
								<li ng-repeat="cat in vm.FutureMedications.Categories"><a ng-click="vm.goto(cat)">{{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 class='content_block content_blocks_padding'>
				<div ng-if="!vm.medicationsLoaded" class="row">
					<div>Loading My Medications</div>
				</div>
				<div class="my_medications_grid" ng-if="vm.medicationsLoaded">
					<div class="row">
						<div class='col-sm-1 my_medication_header_remove hidden-xs'></div>
						<div class="col-sm-5 my_medication_header_name hidden-xs">
							<h2>Medication Name</h2>
						</div>
						<div class="col-sm-6 my_medication_header_impact hidden-xs">
							<h2>Impact Of Results On Medication</h2>
						</div>
					</div>

					<div class="row" ng-repeat="(key, val) in vm.PatientMedications">
						<div class='col-sm-1 remove_medication' ng-show="val.Id != vm.defaultMedicationID" ng-click="vm.removeMedicine(val, key)"></div>
						<div class='col-sm-5 medications_icon medications_{{val.Medication.CategoryName}}'>{{val.Medication.DisplayName}}</div>
						<div class='col-sm-6 medications_traffic_light {{val.AlertType}}'><span ng-click="vm.showDetails(val)">{{val.PredictedMetabolism}}</span></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>