Skip to content

Instantly share code, notes, and snippets.

@ijharulislam

ijharulislam/gist:9bb6d8199e0fd51c7fe1de1206bdbd77

Created February 23, 2017 13:25
Show Gist options
  • Save ijharulislam/9bb6d8199e0fd51c7fe1de1206bdbd77 to your computer and use it in GitHub Desktop.
Save ijharulislam/9bb6d8199e0fd51c7fe1de1206bdbd77 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<div class="panel-form post-contacts">
<button type="button" ng-click="showAnyModal('confirm_modal')" class="close cros-button"><span aria-hidden="true">&times;</span></button>
<form name="postContactForm" id="form-contact" novalidate>
<h3>Basic Info</h3>
<div class="row">
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>First Name </span>
<span style=" color: #ff9100">*</span>
<input ng-model="contact.first_name" type="text"
name="first_name" class="form-control"
ng-required="true"
placeholder=" e.g. John">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Last Name</span>
<input ng-model="contact.last_name" type="text"
name="last_name" class="form-control"
placeholder="e.g. Smith ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Email </span>
<span style="color: #ff9100">*</span>
<input ng-model="contact.work_email"
type="email" name="email"
ng-required="true"
validate-email
id='email'
class="form-control"
placeholder="[email protected]">
<!--
<span style="color: red" ng-show="postContactForm.email.$error.email && postContactForm.email.$dirty">invalid email</span>

-->
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Company</span>
<input ng-model="contact.company" type="text"
name="company" class="form-control"
placeholder="e.g. Company Inc.">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Job Title</span>
<input ng-model="contact.job_title" type="text"
name="job_title" class="form-control"
placeholder="e.g. Product Manager ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Company Website</span>
<input ng-model="contact.company_website"
type="text" name="company_website"
class="form-control"
placeholder="e.g. www.example.com">
</label>
</div>
</div>
</div>
<h3>Work</h3>
<div class="row">
<div class="col-xs-4">
<div class="info-elements">
<label>
<span>Phone number</span>
<input ng-model="contact.work_phone"
type="text" class="form-control"
phone-mask
placeholder="(000) 000-0000">
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<label>
<span>Ext.</span>
<input ng-model="contact.work_ext" type="text"
name="phone" class="form-control"
placeholder="000">
</label>
</div>
</div>
<div class="col-xs-5">
<div class="info-elements">
<label>
<span>Mobile</span>
<input type="text"
ng-model="contact.work_mobile"
class="form-control"
phone-mask
placeholder="(000) 000-0000" >
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address 1</span>
<input ng-model="contact.work_address1"
type="text" name="address_1"
class="form-control"
placeholder="Street Address ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address 2</span>
<input ng-model="contact.work_address2"
type="text" name="address_2"
class="form-control"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>City</span>
<input ng-model="contact.work_city" type="text"
name="city" class="form-control"
placeholder="e.g. Toronto">
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<span>Province</span>
<label class="select-label">
<select class="form-control "
ng-options="province.id as province.label for province in province_data"
ng-model="selected_work_province.id"
ng-change = "selected_work_province_changed(selected_work_province.id)"
>
</select>
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<label>
<span>Postal Code</span>
<input ng-model="contact.work_postalCode"
type="text" name="postal_code"
class="form-control "
postal-code-mask
placeholder="A1A 1A1">
</label>
</div>
</div>
</div>
<h3>Home</h3>
<div class="row">
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Phone</span>
<input ng-model="contact.home_phone" type="text"
class="form-control"
phone-mask
placeholder="(000) 000-0000" >
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Mobile</span>
<input type="text"
ng-model="contact.home_mobile"
class="form-control"
phone-mask
placeholder="(000) 000-0000" >
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address 1</span>
<input ng-model="contact.home_address1"
type="text" name="address_1"
class="form-control"
placeholder="Street Address ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>Address 2</span>
<input ng-model="contact.home_address2"
type="text" name="address_2"
class="form-control"
placeholder="Suite/Unit No. ">
</label>
</div>
</div>
<div class="col-xs-6">
<div class="info-elements">
<label>
<span>City</span>
<input ng-model="contact.home_city" type="text"
name="city" class="form-control"
placeholder="e.g. Toronto">
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<span>Province</span>
<label home_province class="select-label">
<select class="form-control "
ng-options="province.id as province.label for province in province_data"
ng-model="selected_home_province.id"
ng-change = "selected_home_province_changed(selected_home_province.id)">
</select>
</label>
</div>
</div>
<div class="col-xs-3">
<div class="info-elements">
<label>
<span>Postal Code</span>
<input ng-model="contact.home_postal_code"
type="text" name="postal_code"
postal-code-mask
class="form-control"
placeholder="A1A 1A1">
</label>
</div>
</div>
</div>
<h3>Note</h3>
<div class="info-elements">
<label>
<textarea ng-model="contact.note" name="edu_description"
id="" cols="30" rows="5" class="form-control"
placeholder="Type here . . . "></textarea>
</label>
</div>
<div class="info-elements text-right">
<button ng-disabled="postContactForm.$invalid " ng-click="postContact(contact)" type="submit"
class="btn btn-default btn-mini">Save
</button>
<button type="button"
ng-click="showAnyModal('confirm_modal')"
class="btn btn-default btn-mini">
Cancel
</button>
</div>
</form>
</div>
<div class="modal fade modal-light"
id="confirm_modal"
data-backdrop="false"
tabindex="-1" role="dialog"
aria-labelledby="to-delete-label">
<div class="modal-dialog modal-md"
role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button"
class="close"
data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="media">
<div class="media-left media-middle">
<img class="media-object"
src="/static/img/icons/save-gray.png" alt="...">
</div>
<div class="media-body">
<h4>Do you want to save your work ?</h4>
</div>
</div>
<div class="text-center mt10">
<a ng-click="postContact(contact)"
class="btn btn-default btn-mini"
data-dismiss="modal">Yes</a>
<a class="btn btn-default btn-mini"
ng-click='closeModal()'
data-dismiss="modal">No</a>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment