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

</script>

<div class="container">
	<div class="row">
		<div class="col-md-6 image-responsive-center center">
			<div class='content_block content_blocks_padding'>

				<h1>Login</h1>

				<div class="alert alert-danger" ng-if="((vm.showErrors == true && myForm.$invalid) || vm.errorCode === 400) && !vm.showErrDescription" >
					<p>Invalid Username and/or password </p>
				</div>
				<div class="alert alert-danger" ng-show="vm.showErrDescription">
					<p>{{vm.error_description}}</p>
				</div>
				<div class="alert alert-success" ng-show="(vm.showErrors == true && myForm.$valid && vm.errorCode !== 400) || (vm.loginMessageFlag == true && vm.errorCode !== 400) && !vm.showErrDescription" >
					<p>
						<span ng-show="vm.showErrors == true && myForm.$valid">You can proceed to login.</span>
						<span ng-show="vm.loginMessageFlag == true" ng-bind-html="vm.$sce.trustAsHtml(vm.loginMessage.body)"></span>
					</p>
				</div>

				<form ng-submit="" class="form-horizontal" novalidate="" name="myForm">
					<div class="form-group">
						<label class="control-label col-sm-2" for="Username">Username</label>
						<div class="col-sm-10">
							<input type="text" class="form-control" placeholder="Username"
								tabindex="{{vm.tabindexValue}}"
								ng-model="vm.frm.Username" id="Username" name="Username" 
								ng-required="true" ng-minlength="4"
								ng-class="{'error-branch' : vm.showErrors && myForm.Username.$invalid}"
							/>
						</div>	
					</div>
					
					<div class="form-group">
						<label class="control-label col-sm-2" for="Password">Password</label>
						<div class="col-sm-10">
							<input type="password" class="form-control" placeholder="Password" 
								tabindex="{{vm.tabindexValue}}"
								ng-model="vm.frm.Password" id="Password" name="Password"
								ng-required="true" ng-minlength="8"
								ng-class="{'error-branch' : vm.showErrors && myForm.Password.$invalid}" 
							/>
						</div>	
					</div>

					<div class="checkbox">
						<div class="col-sm-offset-2 col-sm-10">
							<label for="RememberMe">
							<input type="checkbox" 
								tabindex="{{vm.tabindexValue}}"
								ng-model="vm.frm.RememberMe" name="RememberMe" id="RememberMe"
								ng-true-value="true" ng-false-value="false"
							/> Remember my username on this computer</label>
						</div>	
					</div>
					<div class="spacer"></div>
					<div class="buttons-inner" ng-if="!vm.loggingIn">
						<button class="btn btn-primary" ng-click="vm.login()">Login</button>
					</div>
					<div ng-if="vm.loggingIn && !vm.loggedIn" class="alert alert-success">
						<p>Sending credentials...</p>
					</div>
					<div ng-if="vm.loggedIn" class="alert alert-success">
						<p>Retrieving user details...</p>
					</div>

					<div class="spacer"></div>
					<div class="buttons-inner" ng-if="!vm.loggingIn">
						<a href="#/acctmgmt/forgotpassword">I forgot my login details</a>
					</div>
				</form>
				<div class="doublespacer"></div>
				<h3>Register Your Kit</h3>
				<p>If you haven’t registered your myDNA kit,&nbsp;<a href="https://www.mydna.life/register">please register it here</a>.</p>
				<div class="spacer"></div>
				<h3>Create your myDNA Explore account</h3>
				<p>Access your existing myDNA results online by&nbsp;<a href="#/acctmgmt/findpatient">creating your account</a>.</p>



			</div>	
		</div>
	</div>	
</div>