course details changes done

This commit is contained in:
gandhimathi 2017-12-18 11:36:29 +05:30
parent 0899254d64
commit a367092880

View File

@ -0,0 +1,312 @@
<form name="Form" id="form" novalidate>
<div class="row">
<div class="col-md-12">
<div class="col-md-12">
<fieldset>
<!-- <legend>
Update Fees Status
</legend>-->
<div class="col-md-6">
<fieldset>
<legend>Fees Details</legend>
<div class="row">
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.feesType.$dirty && Form.feesType.$invalid, 'has-success':Form.feesType.$valid}">
<label>
Fees Type <span class="symbol required"></span>
</label>
<select class="form-control" name="feesType" tabindex="3" id="feesType"
ng-model="updateModel.feesType"
ng-options="fees.Sem_Year for fees in studentFeesInfo"
required ng-change="changeTotalFees(updateModel,'0');">
<option value=""> Select Fees Type</option>
</select>
<span class="error text-small block"
ng-if="Form.feesType.$dirty && Form.feesType.$invalid">Fees type is required</span>
</div>
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.sessionname.$dirty && Form.sessionname.$invalid, 'has-success':Form.sessionname.$valid}">
<label>
Session Name <span class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Session Name"
tabindex="4" class="form-control" name="sessionname"
ng-model="updateModel.sessionName" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required />
<span class="error text-small block"
ng-if="Form.sessionname.$dirty && Form.sessionname.$error.required">Session name is required</span>
<span class="error text-small block"
ng-if="Form.sessionname.$dirty && Form.sessionname.$error.pattern">Invalid session name </span>
<!--<span class="success text-small"-->
<!--ng-if="Form.stopname.$valid">Thank You!</span>-->
</div>
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.feesAmount.$dirty && Form.feesAmount.$invalid,'has-success':Form.feesAmount.$valid}">
<label>
Course Fees <span class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Fees Amount"
autofocus tabindex="5" class="form-control" name="feesAmount" id="feesAmount" ng-maxlength="9"
ng-model="updateModel.feesType.PendingFees" ng-pattern="/^[0-9]*$/" required ng-change="changeTotalFees(updateModel,'1');"/>
<span class="error text-small block"
ng-if="Form.feesAmount.$dirty && Form.feesAmount.$invalid"
ng-hide="Form.feesAmount.$error.maxlength || Form.feesAmount.$error.pattern">Fees amount is required</span>
<span class="error text-small block"
ng-if="Form.feesAmount.$error.maxlength || Form.feesAmount.$error.pattern">Enter a valid amount</span>
</div>
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.STF.$dirty && Form.STF.$invalid}">
<label>
STF/WR
</label>
<input type="text" placeholder="Enter STF/WR Amount"
autofocus tabindex="6" class="form-control" name="STF" id="STF" ng-maxlength="9"
ng-model="updateModel.STF_WR" ng-pattern="/^[0-9]*$/" ng-change="changeTotalFees(updateModel,'1');" />
<span class="error text-small block"
ng-if="Form.STF.$dirty && Form.STF.$invalid"
ng-hide="Form.STF.$error.maxlength || Form.STF.$error.pattern">STF/WR amount is required</span>
<span class="error text-small block"
ng-if="Form.STF.$error.maxlength || Form.STF.$error.pattern">Enter a valid amount</span>
</div>
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.others.$dirty && Form.others.$invalid}">
<label>
Others</span>
</label>
<input type="text" placeholder="Enter Other Amount"
autofocus tabindex="7" class="form-control" name="others" id="others" ng-maxlength="9"
ng-model="updateModel.others" ng-pattern="/^[0-9]*$/" ng-change="changeTotalFees(updateModel,'1');"/>
<span class="error text-small block"
ng-if="Form.others.$dirty && Form.others.$invalid"
ng-hide="Form.others.$error.maxlength || Form.others.$error.pattern">Others amount is required</span>
<span class="error text-small block"
ng-if="Form.others.$error.maxlength || Form.others.$error.pattern">Enter a valid amount</span>
</div>
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.waiver.$dirty && Form.waiver.$invalid}">
<label>
Waiver</span>
</label>
<input type="text" placeholder="Enter Waiver Amount"
autofocus tabindex="8" class="form-control" name="waiver" id="waiver" ng-maxlength="9"
ng-model="updateModel.waiver" ng-pattern="/^[0-9]*$/" ng-change="changeTotalFees(updateModel,'1');"/>
<span class="error text-small block"
ng-if="Form.waiver.$dirty && Form.waiver.$invalid"
ng-hide="Form.waiver.$error.maxlength || Form.waiver.$error.pattern">Waiver amount is required</span>
<span class="error text-small block"
ng-if="Form.waiver.$error.maxlength || Form.waiver.$error.pattern">Enter a valid amount</span>
</div>
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.total.$dirty && Form.total.$invalid}">
<label>
Total Fees</span>
</label>
<input type="text" placeholder="Enter Total Amount"
autofocus tabindex="9" class="form-control" name="total" id="total" ng-maxlength="9"
ng-model="updateModel.total" ng-pattern="/^[0-9]*$/"/>
<span class="error text-small block"
ng-if="Form.total.$dirty && Form.total.$invalid"
ng-hide="Form.total.$error.maxlength || Form.total.$error.pattern">Total amount is required</span>
<span class="error text-small block"
ng-if="Form.total.$error.maxlength || Form.total.$error.pattern">Enter a valid amount</span>
</div>
</div>
</fieldset>
</div>
<div class="col-md-6">
<fieldset>
<legend>Bill Details</legend>
<div class="row">
<div data-ng-controller="DatepickerDemoCtrl">
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.date.$dirty && Form.date.$invalid, 'has-success':Form.date.$valid}">
<label>
Bill Date <span
class="symbol required"></span>
</label>
<input type="text"
class="form-control "
ng-click="startOpen = !startOpen"
datepicker-popup="dd-MM-yyyy"
ng-model="updateModel.date"
is-open="startOpen"
ng-init="startOpen = false"
name="date"
datepicker-options="dateOptions"
placeholder="Select Date"
min-date="currentDate"
max-date="futureDate"
close-text="Close" required="required"/>
<span class="error text-small block"
ng-if="Form.date.$dirty && Form.date.$error.required">Date is required.</span>
<!--<span class="success text-small block"-->
<!--ng-if="Form.date.$valid ">Thank You</span>-->
</div>
</div>
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.billno.$dirty && Form.billno.$invalid, 'has-success':Form.billno.$valid}">
<label>
Bill No <span class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Bill No"
tabindex="10" class="form-control" name="billno"
ng-model="updateModel.billNo" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required/>
<span class="error text-small block"
ng-if="Form.billno.$dirty && Form.billno.$error.required">Bill no is required</span>
<span class="error text-small block"
ng-if="Form.billno.$dirty && Form.billno.$error.pattern">Invalid bill no </span>
</div>
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.billAmount.$dirty && Form.billAmount.$invalid,'has-success':Form.billAmount.$valid}">
<label>
Bill Amount <span class="symbol required"></span>
</label>
<input type="text" placeholder="Enter Fees Amount"
autofocus tabindex="11" class="form-control" name="billAmount" id="billAmount" ng-maxlength="9"
ng-model="updateModel.billAmount" ng-pattern="/^[0-9]*$/" required/>
<span class="error text-small block"
ng-if="Form.billAmount.$dirty && Form.billAmount.$invalid"
ng-hide="Form.billAmount.$error.maxlength || Form.billAmount.$error.pattern">Bill amount is required</span>
<span class="error text-small block"
ng-if="Form.billAmount.$error.maxlength || Form.billAmount.$error.pattern">Enter a valid amount</span>
</div>
<div class="col-md-6 form-group"
ng-class="{'has-error':Form.paymentOn.$dirty && Form.paymentOn.$invalid, 'has-success':Form.paymentOn.$valid}">
<label>
Mode Of Payment <span class="symbol required"></span>
</label>
<select class="form-control" name="paymentOn" tabindex="12" id="paymentOn"
ng-model="updateModel.paymentOn"
ng-options="payment.paymentOn for payment in paymentOptions"
required>
<option value=""> Select Payment</option>
</select>
<span class="error text-small block"
ng-if="Form.paymentOn.$dirty && Form.paymentOn.$invalid">Payment type is required</span>
</div>
<div class="col-md-12 form-group"
ng-class="{'has-error':Form.studcomments.$dirty && Form.studcomments.$invalid}">
<label>
Comments For Student
</label>
<textarea placeholder="Enter Comments" tabindex="13"
class="form-control textdsc" name="studcomments"
ng-model="updateModel.studComments" required></textarea>
<!--<span class="error text-small block"
ng-if="Form.studcomments.$dirty && Form.studcomments.$invalid">Comments is required</span>-->
<!--<span class="success text-small"-->
<!--ng-if="Form.address.$valid">Thank You!</span>-->
</div>
<div class="col-md-12 form-group"
ng-class="{'has-error':Form.internalcomments.$dirty && Form.internalcomments.$invalid}">
<label>
Comments For Internal
</label>
<textarea placeholder="Enter Comments" tabindex="14"
class="form-control textdsc" name="internalcomments"
ng-model="updateModel.internalComments" required></textarea>
<!--<span class="error text-small block"
ng-if="Form.studcomments.$dirty && Form.studcomments.$invalid">Comments is required</span>-->
<!--<span class="success text-small"-->
<!--ng-if="Form.address.$valid">Thank You!</span>-->
</div>
</div>
</fieldset>
</div>
<div class="row">
<div class="col-md-12">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Fees Name</th>
<th>Course Name</th>
<th>Total Payable</th>
<th>STF/WR</th>
<th>Others</th>
<th>Waiver</th>
<th>Paid</th>
</tr>
</thead>
<tbody dir-paginate="p in existStudentFeesDetails|orderBy:sortKey:reverse|filter:search:strict|itemsPerPage:10">
<tr>
<td>{{p.FeesName}}</td>
<td>{{p.CourseName}}</td>
<td>{{p.PayableAmount}}</td>
<td>{{p.STFOrWR}}</td>
<td>{{p.Others}}</td>
<td>{{p.Waiver}}</td>
<td>{{p.PaidBillAmount}}</td>
</tr>
</tbody>
</table>
<dir-pagination-controls max-size="10" direction-links="true" boundary-links="true">
</dir-pagination-controls>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="pull-right">
<button type="submit" ladda="ldloading.zoom_in" tabindex="15" class="btn btn-wide btn-success" data-style="zoom-in" ng-click="saveFees(user,Form,updateModel,'zoom-in')">
Save
</button>
<input type="button" class="btn btn-warning btn-wide" tabindex="16" value="Cancel"
ng-click="cancel();">
</input>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</form>
<!-- class="editRowTd" -->