106 lines
4.6 KiB
HTML
106 lines
4.6 KiB
HTML
<form name="Form" id="form" novalidate>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>
|
|
Add Phone Number
|
|
</legend>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-3 form-group" ng-class="{'has-error':Form.ListCode.$dirty && Form.ListCode.$invalid, 'has-success':Form.ListCode.$valid}">
|
|
<!-- <label>
|
|
Status ID<span class="symbol required"></span>
|
|
</label> -->
|
|
|
|
<input type="hidden" placeholder="Enter Status ID" tabindex="1" class="form-control" name="StatusID" ng-model="p.ID"
|
|
readonly required/>
|
|
<!-- <span class="error text-small block" ng-if="Form.ListCode.$dirty && Form.ListCode.$error.required">status ID is required</span> -->
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-3 form-group" ng-class="{'has-error':Form.ListName.$dirty && Form.ListName.$invalid, 'has-success':Form.ListName.$valid}">
|
|
<label>
|
|
Phone Number<span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Phone Number" tabindex="1" class="form-control" name="Phone" id="Phone" ng-model="p.ListName" ng-pattern="/^[0-9-+]*$/" minlength="10" maxlength="13"/>
|
|
<!-- <span class="error text-small block" ng-if="Form.ListName.$dirty && Form.ListName.$error.required">Phone number required</span> -->
|
|
|
|
<span class="error text-small block" ng-if="Form.ListName.$dirty && Form.ListName.$error.pattern && Form.ListName.$error.minlength && Form.ListName.$error.maxlength">Phone number required </span>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<!-- <div class="col-md-3">
|
|
<label>
|
|
Active/De-Active
|
|
</label>
|
|
<div ng-if="p.IsActive==true">
|
|
|
|
<switch ng-model="p.IsActive" ng-init="p.IsActive = true" class="green"></switch>
|
|
|
|
</div>
|
|
<div ng-if="p.IsActive==false">
|
|
<switch ng-model="p.IsActive" ng-init="p.IsActive = false" class="green"></switch>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="pull-right">
|
|
<button type="submit" ladda="ldloading.zoom_in" tabindex="9" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="updatestatus(p,Form,'zoom-in')">
|
|
Save
|
|
</button>
|
|
|
|
<input type="button" class="btn btn-warning btn-wide" tabindex="10" value="Cancel" ng-click="cancel_save()">
|
|
|
|
</input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- {{p.ID}} -->
|
|
<table id="datatable" class="table table-hover">
|
|
<thead>
|
|
<tr >
|
|
<th style="font-size: 12px;">Number</th>
|
|
<th style="font-size: 12px;">Status</th>
|
|
<th style="font-size: 12px;">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody ng-repeat="pi in allnum">
|
|
<tr ng-if="p.ID == pi.Parent_ID">
|
|
|
|
<td style="font-size: 15px;">{{pi.Phone_No}}</td>
|
|
<td style="font-size: 15px;" ng-if="pi.IsActive==true">Active</td>
|
|
<td><!-- <input type="button" name="Active/De-Active" tooltip="Click here to activate/De-Active The Number"> -->
|
|
<a class="text-azure" id="editAction{{pi.ID}}" ng-click="setActiveDaactive(pi.ID,p.ID);"><b class="fa fa-hover fa-trash" tooltip="Click here to Delete The Number" aria-hidden="true"></b>
|
|
</a>
|
|
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!-- class="editRowTd" --> |