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

</script>


<div class="container">
	<div class="row">
		<div class="col-md-12">
			<div class='content_block content_blocks_padding'>

				<h1>My Account</h1>

				<div class="alert alert-danger" ng-show="vm.currentPasswordFailed" >
					<p>Your Current Password is incorrect.</p>
				</div>
				<div class="alert alert-danger" ng-show="vm.showErrors && myForm.$invalid" >
					<p>Please correct the highlighted fields.</p>
				</div>

				<div class="alert alert-info" ng-show="vm.showErrors && myForm.$valid"	>
					<p>All issues have been resolved.</p>
				</div>
				<div class="alert alert-success" ng-show="vm.savedSuccesfully" >
					<p>Your password has been changed successfully.</p>
				</div>

						
				<form name="myForm" class="form-horizontal" autocomplete="off" ng-submit="" novalidate="">
					
					<h3>Login Details</h3>
					
					<div class="form-group">
						<label class="control-label col-sm-2" for="UserName">Username</label>
						<div class="col-sm-6">
							<p class="form-control-static">{{vm.frm.Username}}</p>
							<input

								tabindex="{{vm.tabindexValue}}" 
								type="hidden" class="form-control" ng-value="vm.frm.Username"
								ng-model="vm.frm.Username" id="Username" name="Username" 
								ng-disabled="true" 
								ng-required="true"
							/>
							<div class="errorWrap">
								<!-- Start Error Code -->
								<!-- End Error Code -->
							</div>
						</div>
					</div>
					
					<h3>Change Password</h3>
					<p>Note: Only enter password details if you want to change your current password.</p>
					<p>&nbsp;</p>
					<div class="form-group">
						<label class="control-label col-sm-2" for="CurrentPassword">Current Password</label>
						<div class="col-sm-6">
							<input
								tabindex="{{vm.tabindexValue}}" 
								type="password" class="form-control" 
								ng-class="{'error-branch' : vm.showErrors && myForm.CurrentPassword.$invalid}"
								ng-model="vm.frm.CurrentPassword" name="CurrentPassword" id="CurrentPassword"
								ng-required="true" ng-minlegth="8" 
							/>
							<div class="errorWrap">
								<div ng-messages="myForm.CurrentPassword.$error" ng-show="vm.showErrors && myForm.CurrentPassword.$invalid">
									<div ng-message="required">Enter the Current Password</div>
									<div ng-message="minlength">Current Password is too short</div>
								</div>
							</div>
						</div>	
					</div>
					
					<div class="form-group">
						<label class="control-label col-sm-2" for="Password">New Password</label>
						<div class="col-sm-6">
							<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}}	
							</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>
							</div>
						</div>	
					</div>
					
					<div class="form-group">
						<label class="control-label col-sm-2" for="ConfirmPassword">Confirm Password</label>
						<div class="col-sm-6">
							<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>
							</div>
						</div>	
					</div>

					<div class="form-group">
						<div class="col-sm-offset-2 col-sm-10">
							<p>&nbsp;</p>
							<button class="btn btn-primary" ng-click="vm.saveLoginDetails()">Save Changes</button>
						</div>
					</div>					
	
				</form>
				<div style="clear:both;"></div>
			</div>	
		</div>
	</div>	
</div>