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

</script>



<article>

	<section>
	
		<header>
			<h2>Medications</h2>
				<div>
					<p>Your unique genetic results determine how your body responds to certain medications.</p>
					<p>You can add, browse and search medications and find out how you might respond to them by using the tabs below.</p>
				</div>
			<nav>
				<ul>
					<li><a href="#/meds/my">My Medications</a></li>
					<li><a href="#/meds/browser">Browse Medications</a></li>
					<li><span>Medication Search</span></li>
				</ul>
			</nav>
		</header>
			
		<fieldset>
			
			<h3>Medication Search</h3>
			
			<p>Search relevant medications and learn more about how your body processes these medications based on your genetics.</p>
			
			<div class="formdata">
			
				<div class="row">
				    <input type="text" 
				      id="medicinename" ng-model="medicinesrch" name="medicinename"
				      class="has-close" mydna-focus="true"
					  placeholder="Start typing part of the medicine name" 
					  ng-change="vm.getMeds();(medicinesrch.length<3)?noMedicineFound=false:''"
					  autocomplete="off"
					  typeahead-wait-ms="700"
				      typeahead-on-select ="vm.selectedMedicine($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>
			
		</fieldset>

		<div ng-show="vm.showSection">
			<header>
				<h2 ng-bind-html="$sce.trustAsHtml(vm.Medication.Medication.DisplayName)"></h2>
			</header>
			
			<fieldset ng-class="{'goodicon': vm.Medication.AlertType == 'Green',
						'badicon' : vm.Medication.AlertType == 'Red',
						'possibleicon' : vm.Medication.AlertType == 'Orange',
						'neutralicon' : vm.Medication.AlertType == 'None'}">
				
				<h3>Common Use</h3>
				
				<p>{{vm.Medication.Medication.CommonUsage}}</p>
				
	<!-- 			<h3>Available Brands</h3>
				
				<p>APO-Irbesartan, Abisart, Avapro, Chem mart Irbesartan, Irbesartan AN, Irbesartan Actavis, Irbesartan GH, Irbesartan RBX, Irbesartan Sandoz, Irbesartan Winthrop, Irbesartan-DRLA, Irbesartan-GA, Irprestan, Karvea, Terry White Chemists Irbesartan</p>
	 -->			
				<h3>Predicted Effect: 
						<span ng-class="{'good': vm.Medication.AlertType == 'Green',
						'bad' : vm.Medication.AlertType == 'Red',
						'possible' : vm.Medication.AlertType == 'Orange',
						'neutral' : vm.Medication.AlertType == 'None'}">
							
										
							<span ng-show="vm.Medication.AlertType == 'Green'">
								Standard dosing and prescribing measures apply.
							</span>
							<span ng-show="vm.Medication.AlertType == 'Red'">
								Genetic information may have major prescribing implications. Consult your doctor.
							</span>
							<span ng-show="vm.Medication.AlertType == 'Orange'">
								Genetic information may have minor prescribing implications. Consult your doctor.
							</span>
							<span ng-show="vm.Medication.AlertType == 'None'">
								Genetic information has insufficient evidence to inform prescribing.
							</span>
						</span>
					</span></h3>
				
				<p ng-bind-html="$sce.trustAsHtml(vm.Medication.Comment)"></p>
	<!-- 
				Note: The Evidence Rating will be implemented at some point in the future.			
				<h3>Evidence Rating: <i class="fa fa-star"></i><i class="fa fa-star"></i></h3>
				
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
	 -->			
 			<div class="formdata">
				<br />
				<span ng-bind-html="$sce.trustAsHtml(vm.Disclaimer)"></span>
			</div>

			</fieldset>
		</div>
	</section>
	
</article>