consumerportal/views/acctmgmt/signindetails.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: '/acctmgmt/signindetails.html',
  title: 'Signin Details'
	});
  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'>
				<div class="alert alert-danger"
					ng-show="(vm.showErrors == true && myForm.$invalid) || vm.UsernameAlreadyExists">
					<p>Please correct the highlighted fields.</p>
				</div>

				<div class="alert alert-success"
					ng-show="vm.showErrors == true && myForm.$valid && vm.UsernameAlreadyExists == false">
					<p>All issues have been resolved.</p>
				</div>

				<h1>Register</h1>

				<form name="myForm" novalidate ng-submit="">
					<h3>Login Details</h3>
					<p>We recommend that you use your email address as your Username, unless you need multiple accounts and only have one email address.</p>

					<label>Username</label>
					<input
						tabindex="{{vm.tabindexValue}}"
						type="text" class="form-control"
						ng-model="vm.frm.Username" id="Username" name="Username"
						ng-required="true" ng-minlength="4" ng-maxlength="50"
						ng-keyup="vm.UsernameAlreadyExists = false"
						ng-class="{'error-branch' : (vm.showErrors == true && myForm.Username.$invalid) ||
						vm.UsernameAlreadyExists}"
					/>
					<div class="errorWrap">
						<div ng-show="vm.UsernameAlreadyExists && myForm.Username.$valid">Username already exists</div>
						<div ng-messages="myForm.Username.$error" ng-show="vm.showErrors == true && myForm.Username.$invalid">
							<div ng-message="required">Enter a username</div>
							<div ng-message="minlength">Username is too short</div>
							<div ng-message="maxlength">Username is too long</div>
						</div>
					&nbsp;</div>

					<label>Password</label>
					<input
						tabindex="{{vm.tabindexValue}}"
						type="password" class="form-control"
						ng-model="vm.frm.Password" name="Password" id="Password"
						ng-class="{'error-branch' : (vm.showErrors == true && myForm.ConfirmPassword.$invalid)
									|| (vm.showErrors == true && myForm.Password.$invalid) }"
						mydna-validator="eightcharacters"

						ng-keyup="vm.passwordStrengthMeter()"
					/>
						<span ng-show="myForm.Password.$invalid || myForm.Password.$valid"
							class="strength {{vm.strengthClassName}}">
							{{vm.strengthUserText}}&nbsp;
						</span>
					<div class="errorWrap">
						<div ng-messages="myForm.Password.$error" ng-show="(vm.showErrors == true && myForm.ConfirmPassword.$invalid) || (vm.showErrors == true && myForm.Password.$invalid)">
							<div ng-message="required">Enter a Password</div>
							<div ng-message="mydnaValidator">Password is too short</div>

						</div>
					&nbsp;</div>

					<label>Confirm Password</label>
					<input
						tabindex="{{vm.tabindexValue}}"
						type="password" class="form-control"
						ng-model="vm.frm.ConfirmPassword" id="ConfirmPassword" name="ConfirmPassword"
						ng-class="{'error-branch' : vm.showErrors == true && myForm.ConfirmPassword.$invalid}"
						ng-required="true" password-matcher="vm.frm.Password"

					/>
					<div class="errorWrap">
						<div ng-messages="myForm.ConfirmPassword.$error" ng-show="vm.showErrors == true">
							<div ng-message="isunique">Passwords do not match</div>
						</div>
					&nbsp;</div>

					<h3>Confirmation</h3>

					<div class="row checkbox"
						ng-class="{'error' : vm.showErrors == true && !vm.frm.Confirm}"
					>
						<label for="Confirm">
						<input
							type="checkbox" ng-required="true"
							ng-model="vm.frm.Confirm" id="Confirm" name="Confirm"
							ng-checked="vm.frm.Confirm" ng-true-value="true" ng-false-value="false"
							>

							I agree to the myDNA&nbsp;<a href="https://www.mydna.life/terms-conditions/" target="_blank">terms & conditions</a>&nbsp;and&nbsp;<a href="https://www.mydna.life/privacy-policy/" target="_blank">privacy policy</a>.
						</label>
					</div>
					<div class="errorWrap">
						<div ng-show="vm.showErrors == true && !vm.frm.Confirm">
							You need to check this checkbox to continue
						</div>
					</div>

					<div class="buttons-inner">
						<a
								href="#/acctmgmt/register"
								tabindex="{{vm.tabindexValue}}"
								class="btn btn-primary">
							Back
						</a>&nbsp;
						<button
							tabindex="{{vm.tabindexValue}}"
							ng-class="{'disabled' : myForm.$invalid}"
							ng-click="vm.createAccount()"
							class="btn btn-primary">
							Create Account
						</button>

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