consumerportal
Version:
mydna Custimised for you
187 lines (171 loc) • 7.09 kB
HTML
<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/contactdetails.html',
title: 'Contact 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 Profile</h1>
<nav class="navbar navbar-default">
<ul class="nav navbar-nav">
<li><a href="#/acctmgmt/personaldetails">Personal Details</a></li>
<li><a href="#/acctmgmt/contactdetails" class="active">Contact Details</a></li>
</ul>
</nav>
<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.savedSuccessfully" >
<p>Your Contact Details have been saved.</p>
</div>
<form name="myForm" class="form-horizontal" autocomplete="off" ng-submit="" novalidate="">
<h3>Contact Details</h3>
<div class="form-group">
<label class="control-label col-sm-2" for="Address">Address</label>
<div class="col-sm-10">
<input
class="form-control"
tabindex="{{vm.tabindexValue}}"
type="text"
ng-model="vm.frm.Address" id="Address" name="Address"
ng-required="true" ng-minlength="5"
ng-class="{'error-branch' : vm.showErrors && myForm.Address.$invalid}"
/>
<div class="errorWrap">
<div ng-messages="myForm.Address.$error" ng-show="vm.showErrors && myForm.Address.$invalid">
<div ng-message="required">Enter an Address</div>
<div ng-message="minlength">Address is too short</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="Suburb">Suburb</label>
<div class="col-sm-10">
<input
class="form-control"
tabindex="{{vm.tabindexValue}}"
type="text" class="short"
ng-model="vm.frm.Suburb" id="Suburb" name="Suburb"
ng-required="true" ng-minlength="2"
ng-class="{'error-branch' : vm.showErrors && myForm.Suburb.$invalid}"
/>
<div class="errorWrap">
<div ng-messages="myForm.Suburb.$error" ng-show="vm.showErrors && myForm.Suburb.$invalid">
<div ng-message="required">Enter a Suburb</div>
<div ng-message="minlength">Suburb is too short</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="State">State</label>
<div class="col-sm-4">
<div class="select-styling">
<select
class="form-control"
tabindex="{{vm.tabindexValue}}"
ng-model="vm.frm.State" id="State" name="State"
ng-required="true" ng-minlength="2"
ng-class="{'error-branch' : vm.showErrors && myForm.State.$invalid}"
>
<option value=""></option>
<option value="ACT">ACT</option>
<option value="NSW">New South Wales</option>
<option value="NT">Northern Territory</option>
<option value="QLD">Queensland</option>
<option value="SA">South Australia</option>
<option value="TAS">Tasmania</option>
<option value="VIC">Victoria</option>
<option value="WA">Western Australia</option>
</select></div>
<div class="errorWrap" >
<div ng-messages="myForm.State.$error" ng-show="vm.showErrors && myForm.State.$invalid">
<div ng-message="required">Choose a State</div>
<div ng-message="minlength">Choose a State</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="PostCode">Post Code</label>
<div class="col-sm-4">
<input
class="form-control"
tabindex="{{vm.tabindexValue}}"
type="text" class="tiny"
ng-model="vm.frm.PostCode" id="PostCode" name="PostCode"
ng-required="true" mydna-validator="postcode"
ng-class="{'error-branch' : vm.showErrors && myForm.PostCode.$invalid}"
/>
<div class="errorWrap">
<div ng-messages="myForm.PostCode.$error" ng-show="vm.showErrors && myForm.PostCode.$invalid">
<div ng-message="required">Enter a Post Code</div>
<div ng-message="mydnaValidator">Post Code is invalid</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="Mobile">Phone/Mobile</label>
<div class="col-sm-4">
<input
class="form-control"
tabindex="{{vm.tabindexValue}}"
type="text" class="short"
ng-model="vm.frm.Mobile" id="Mobile" name="Mobile"
ui-mask="(99) 9999 9999" ui-mask-placeholder ui-mask-placeholder-char="_"
ng-class="{'error-branch' : vm.showErrors && myForm.Mobile.$invalid}"
/>
<div class="errorWrap">
<div ng-messages="myForm.Mobile.$error" ng-show="vm.showErrors && myForm.Mobile.$invalid">
<!-- <div ng-message="required">Enter a Mobile number</div> -->
<!-- <div ng-message="mydnaValidator">Mobile number is invalid</div> -->
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="Email">Email</label>
<div class="col-sm-10">
<input
class="form-control"
tabindex="{{vm.tabindexValue}}"
type="text" class="medium"
ng-model="vm.frm.Email" id="Email" name="Email"
ng-required="true" mydna-validator="email"
ng-class="{'error-branch' : vm.showErrors && myForm.Email.$invalid}"
/>
<div class="errorWrap">
<div ng-messages="myForm.Email.$error" ng-show="vm.showErrors && myForm.Email.$invalid">
<div ng-message="required">Enter an Email</div>
<div ng-message="mydnaValidator">Email is invalid</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<p> </p>
<button class="btn btn-primary" ng-click="vm.saveContactDetails()">Save Changes</button>
</div>
</div>
</form>
<div style="clear:both;"></div>
</div>
</div>
</div>
</div>
<route-change-interrupt active="myForm.$dirty"></route-change-interrupt>