634 lines
44 KiB
HTML
Executable File
634 lines
44 KiB
HTML
Executable File
<style>
|
|
.modal-backdrop {
|
|
background-color: #000;
|
|
bottom: 0;
|
|
position: fixed;
|
|
}
|
|
.modal-backdrop.in {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.modal-backdrop {
|
|
z-index: 9998 !important;
|
|
}
|
|
|
|
.modal {
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
.modal-content {
|
|
background: #ffffff;
|
|
box-shadow: none;
|
|
width: 150%;
|
|
margin-left: -20%;
|
|
}
|
|
|
|
.modal-footer, .modal-header {
|
|
border-color: #b5b5b5;
|
|
}
|
|
.fa {
|
|
color:#0095C8;
|
|
}
|
|
</style>
|
|
<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-12">
|
|
<fieldset>
|
|
<legend>Fees Details</legend>
|
|
<div class="row">
|
|
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.feesType.$dirty && Form.feesType.$invalid, 'has-success':Form.feesType.$valid}">
|
|
<label>
|
|
Sem/Year <span class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="feesType" tabindex="7" id="feesType"
|
|
ng-model="updateModel.feesType"
|
|
ng-options="fees.Sem_Year for fees in studentFeesInfo"
|
|
required ng-change="changeTotalFees(updateModel.feesType);">
|
|
<!-- <option value=""> Select Sem/Year</option>-->
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="Form.feesType.$dirty && Form.feesType.$invalid">Sem/Year is required</span>
|
|
</div>
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.batchname.$dirty && Form.batchname.$invalid, 'has-success':Form.batchname.$valid}">
|
|
<label ng-if="updateModel.feesType.ProgramType=='Y001' || updateModel.feesType.ProgramType=='P001' || updateModel.feesType.ProgramType=='P002'">
|
|
Batch <span class="symbol required"></span>
|
|
</label>
|
|
<label ng-if="updateModel.feesType.ProgramType!='Y001' && updateModel.feesType.ProgramType!='P001' && updateModel.feesType.ProgramType!='P002'">
|
|
Batch <!--<span class="symbol required"></span>-->
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Batch Name"
|
|
tabindex="8" class="form-control" name="batchname"
|
|
ng-model="updateModel.feesType.BatchName" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required readonly/>
|
|
<span class="error text-small block"
|
|
ng-if="Form.batchname.$dirty && Form.batchname.$error.required">Batch name is required</span>
|
|
<span class="error text-small block"
|
|
ng-if="Form.batchname.$dirty && Form.batchname.$error.pattern">Invalid batch name </span>
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.stopname.$valid">Thank You!</span>-->
|
|
</div>
|
|
<div class="col-md-3 form-group"
|
|
ng-class="{'has-error':Form.sessionname.$dirty && Form.sessionname.$invalid, 'has-success':Form.sessionname.$valid}">
|
|
<label ng-if="updateModel.feesType.ProgramType=='P001' || setModel.feesType.ProgramType=='P002'">
|
|
Session From <span class="symbol required"></span>
|
|
</label>
|
|
<label ng-if="updateModel.feesType.ProgramType=='Y001'">
|
|
Session <span class="symbol required"></span>
|
|
</label>
|
|
<label ng-if="updateModel.feesType.ProgramType!='Y001' && updateModel.feesType.ProgramType!='P001' && updateModel.feesType.ProgramType!='P002'">
|
|
Session <!--<span class="symbol required"></span>-->
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Session Name"
|
|
tabindex="9" class="form-control" name="sessionname"
|
|
ng-model="updateModel.feesType.SessionName" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required readonly/>
|
|
<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-3 form-group"
|
|
ng-class="{'has-error':Form.sessionname.$dirty && Form.sessionname.$invalid, 'has-success':Form.sessionname.$valid}" ng-if="updateModel.feesType.ProgramType=='P001' || setModel.feesType.ProgramType=='P002'">
|
|
<label>
|
|
Session To<span class="symbol required"></span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Session Name"
|
|
tabindex="10" class="form-control" name="sessionname"
|
|
ng-model="updateModel.feesType.ToSessionName" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" required readonly/>
|
|
<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-3 form-group"
|
|
ng-class="{'has-error':Form.rollNo.$dirty && Form.rollNo.$invalid}">
|
|
<label>
|
|
Roll Number
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Roll No"
|
|
tabindex="11" class="form-control" name="rollNo"
|
|
ng-model="updateModel.feesType.RollNo" ng-pattern="/^[a-zA-Z0-9-./\s]*$/" readonly/>
|
|
<!--<span class="error text-small block"
|
|
ng-if="Form.rollNo.$dirty && Form.rollNo.$error.required">Roll No is required</span>-->
|
|
<span class="error text-small block"
|
|
ng-if="Form.rollNo.$dirty && Form.rollNo.$error.pattern">Invalid roll no </span>
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.stopname.$valid">Thank You!</span>-->
|
|
</div>
|
|
|
|
<div class="col-md-3 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="12" class="form-control" name="feesAmount" id="feesAmount" ng-maxlength="9"
|
|
ng-model="updateModel.feesType.ActualFees" ng-pattern="/^[0-9]*$/" required readonly/>
|
|
<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-3 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="13" class="form-control" name="STF" id="STF" ng-maxlength="9"
|
|
ng-model="updateModel.feesType.STFOrWR" ng-pattern="/^[0-9]*$/" readonly/>
|
|
<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-3 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="14" class="form-control" name="others" id="others" ng-maxlength="9"
|
|
ng-model="updateModel.feesType.Others" ng-pattern="/^[0-9]*$/" readonly/>
|
|
<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-3 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="14" class="form-control" name="waiver" id="waiver" ng-maxlength="9"
|
|
ng-model="updateModel.feesType.Waiver" ng-pattern="/^[0-9]*$/" readonly/>
|
|
<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-3 form-group"
|
|
ng-class="{'has-error':Form.total.$dirty && Form.total.$invalid}">
|
|
<label>
|
|
Total Payable Fees</span>
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Total Amount"
|
|
autofocus tabindex="15" class="form-control" name="total" id="total" ng-maxlength="9"
|
|
ng-model="updateModel.feesType.BalanceAmount" ng-pattern="/^[0-9]*$/" readonly/>
|
|
<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-4">
|
|
<fieldset>
|
|
<legend>Course End Fees</legend>
|
|
<div class="row">
|
|
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.provFess.$dirty && Form.provFess.$invalid}">
|
|
<label>
|
|
PC Fees
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter PC"
|
|
autofocus tabindex="8" class="form-control" name="provFess" id="provFess" ng-maxlength="8"
|
|
ng-model="updateModel.feesType.PC" ng-pattern="/^[0-9]*$/" readonly>
|
|
<span class="error text-small block"
|
|
ng-if="Form.provFess.$error.maxlength || Form.provFess.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.transferAmount.$dirty && Form.transferAmount.$invalid}">
|
|
<label>
|
|
TC Fees
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter TC"
|
|
autofocus tabindex="9" class="form-control" name="transferAmount" id="transferAmount" ng-maxlength="8"
|
|
ng-model="updateModel.feesType.TC" ng-pattern="/^[0-9]*$/" readonly>
|
|
<span class="error text-small block"
|
|
ng-if="Form.transferAmount.$error.maxlength || Form.transferAmount.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.degreeAmount.$dirty && Form.degreeAmount.$invalid}">
|
|
<label>
|
|
DC Fees
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter DC"
|
|
autofocus tabindex="10" class="form-control" name="degreeAmount" id="degreeAmount" ng-maxlength="8"
|
|
ng-model="updateModel.feesType.DC" ng-pattern="/^[0-9]*$/" readonly>
|
|
<span class="error text-small block"
|
|
ng-if="Form.degreeAmount.$error.maxlength || Form.degreeAmount.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.migrationAmount.$dirty && Form.migrationAmount.$invalid}">
|
|
<label>
|
|
MC Fees
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter MC"
|
|
autofocus tabindex="11" class="form-control" name="migrationAmount" id="migrationAmount" ng-maxlength="8"
|
|
ng-model="updateModel.feesType.MC" ng-pattern="/^[0-9]*$/" readonly>
|
|
<span class="error text-small block"
|
|
ng-if="Form.migrationAmount.$error.maxlength || Form.migrationAmount.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.otherAmount.$dirty && Form.otherAmount.$invalid}">
|
|
<label>
|
|
Other Fees
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Other"
|
|
autofocus tabindex="12" class="form-control" name="otherAmount" id="otherAmount" ng-maxlength="8"
|
|
ng-model="updateModel.feesType.OtherFees" ng-pattern="/^[0-9]*$/" readonly>
|
|
<span class="error text-small block"
|
|
ng-if="Form.otherAmount.$error.maxlength || Form.otherAmount.$error.pattern">Enter a valid amount</span>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
</div>-->
|
|
<div class="col-md-12">
|
|
<fieldset>
|
|
<legend>Bill Details</legend>
|
|
<div class="row">
|
|
<div data-ng-controller="DatepickerDemoCtrl">
|
|
<div class="col-md-3 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" ng-readonly="true"/>
|
|
<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-3 form-group"
|
|
ng-class="{'has-error':Form.billno.$dirty && Form.billno.$invalid}">
|
|
<label>
|
|
Receipt No
|
|
</label>
|
|
|
|
<input type="text" placeholder="Enter Receipt No"
|
|
tabindex="16" class="form-control" name="billno"
|
|
ng-model="updateModel.billNo" ng-pattern="/^[a-zA-Z0-9-./\s]*$/"/>
|
|
<!--<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 receipt no </span>
|
|
</div>
|
|
<div class="col-md-3 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="17" 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-3 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="18" 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-3 form-group"
|
|
ng-class="{'has-error':Form.trackStatus.$dirty && Form.trackStatus.$invalid, 'has-success':Form.trackStatus.$valid}">
|
|
<label>
|
|
Status For Track <span class="symbol required"></span>
|
|
</label>
|
|
<select class="form-control" name="trackStatus" tabindex="14" id="trackStatus"
|
|
ng-model="updateModel.statusCode"
|
|
ng-options="trackS.ListCode as trackS.ListName for trackS in getFeesUpdateStatus"
|
|
required>
|
|
<option value=""> Select Status</option>
|
|
</select>
|
|
<span class="error text-small block"
|
|
ng-if="Form.trackStatus.$dirty && Form.trackStatus.$invalid">Status is required</span>
|
|
</div>-->
|
|
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.studcomments.$dirty && Form.studcomments.$invalid,'has-success':Form.studcomments.$valid}">
|
|
<label>
|
|
Comments For Student <span class="symbol required"></span>
|
|
</label>
|
|
<textarea placeholder="Enter Comments" tabindex="19"
|
|
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">Student comments is required</span>
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.address.$valid">Thank You!</span>-->
|
|
</div>
|
|
<div class="col-md-6 form-group"
|
|
ng-class="{'has-error':Form.internalcomments.$dirty && Form.internalcomments.$invalid,'has-success':Form.internalcomments.$valid}">
|
|
<label>
|
|
Comments For Internal <span class="symbol required"></span>
|
|
</label>
|
|
<textarea placeholder="Enter Comments" tabindex="20"
|
|
class="form-control textdsc" name="internalcomments"
|
|
ng-model="updateModel.internalComments" required></textarea>
|
|
<span class="error text-small block"
|
|
ng-if="Form.internalcomments.$dirty && Form.internalcomments.$invalid">Staff comments is required</span>
|
|
<!--<span class="success text-small"-->
|
|
<!--ng-if="Form.address.$valid">Thank You!</span>-->
|
|
</div>
|
|
|
|
</div>
|
|
</fieldset>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="row" ng-controller="ModalDemoCtrl">
|
|
<div class="col-md-12">
|
|
<div class="table-responsive">
|
|
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Sem/Year</th>
|
|
<th>Course</th>
|
|
<th>Batch</th>
|
|
<th ng-if="existStudentFeesDetails[0].ProgramType=='P001' || existStudentFeesDetails[0].ProgramType=='P002'">Session From/Session To</th>
|
|
<th ng-if="existStudentFeesDetails[0].ProgramType=='Y001'">Session</th>
|
|
<th>Roll Number</th>
|
|
<th>Course Fees</th>
|
|
<th>STF/WR</th>
|
|
<th>Others</th>
|
|
<th>Payable Fees</th>
|
|
<th>Referral/Waiver</th>
|
|
<th>Paid</th>
|
|
<th>Balance</th>
|
|
<th></th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody ng-repeat="p in existStudentFeesDetails|orderBy:sortKey:reverse|filter:search:strict">
|
|
<!-- itemsPerPage:10-->
|
|
<tr>
|
|
<td>{{p.FeesName}}</td>
|
|
<td>{{p.CourseName}}</td>
|
|
<td>{{p.BatchName}}</td>
|
|
<!--<td>{{p.SessionName}}</td>
|
|
<td>{{p.ToSessionName}}</td>-->
|
|
<td ng-if="existStudentFeesDetails[0].ProgramType=='P001' || existStudentFeesDetails[0].ProgramType=='P002'">{{p.SessionName}}/{{p.ToSessionName}}</td>
|
|
<td ng-if="existStudentFeesDetails[0].ProgramType=='Y001'">{{p.SessionName}}</td>
|
|
<td>{{p.RollNo}}</td>
|
|
<td>{{p.CourseFees}}</td>
|
|
<td>{{p.STFOrWR}}</td>
|
|
<td>{{p.Others}}</td>
|
|
<!--<td>{{p.Waiver}}</td>-->
|
|
<td>{{p.PayableAmount}}</td>
|
|
<td>{{p.StudentWaiverRefAmount}}</td>
|
|
<td>{{p.StudentPaidAmount}}</td>
|
|
<td>{{p.BalanceAmount}}</td>
|
|
|
|
<td ng-click="open(p)"><span class="text-extra-large margin-bottom-10 block">
|
|
<a tooltip="{{dynamicTooltip}}">
|
|
<i class="fa fa-eye" ></i>
|
|
</a> </span>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<script type="text/ng-template" id="myModalContent.html">
|
|
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{items.FeesName}} Details</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Bill NO</th>
|
|
<th>Bill Date</th>
|
|
<th>Bill Amount</th>
|
|
<th>Receipt NO</th>
|
|
<th>Mode of Payment </th>
|
|
<th>Print</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="v in items.paidDetails">
|
|
<td>{{v.BillNO}}</td>
|
|
<td>{{v.BillDate}}</td>
|
|
<td>{{v.BillAmount}}</td>
|
|
<td>{{v.ReceiptNo}}</td>
|
|
<td>{{v.ModeOfPayment}}</td>
|
|
|
|
<td>
|
|
<a tooltip="Click to print" ng-mouseleave="mouseLeave()" pdf-save-button="{{v.BillNO}}" pdf-name="Billno-{{v.BillNO}}.pdf" class="btn"><i class="fa fa-print" ng-click="ShowHide(v)"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|
|
<div pdf-save-content="{{billNo}}" visible='showButton'>
|
|
|
|
<table style="border-collapse: collapse; color: black;" border="0" width="100%">
|
|
<tbody>
|
|
<tr style="height: 23px;">
|
|
<td ng-if="BranchLogo=='' || BranchLogo==null" style="width: 136px; height: 82px; border-right-style: hidden; color: white; background-color: black; font-size: 22px; text-align: center;" rowspan="3">APOLLO</td>
|
|
<td ng-if="BranchLogo!='' && BranchLogo!=null" style="width: 136px; height: 82px; border-right-style: hidden; color: white; background-color: black; font-size: 22px; text-align: center;" rowspan="3">
|
|
<div class="user-image">
|
|
<img class="pull-center" ng-src="images/{{BranchLogo}}" alt="">
|
|
<!-- <img ng-src="{{userInfo.avatar}}" alt="" ng-if="!obj.flow.files.length && !noImage">
|
|
<img flow-img="obj.flow.files[0]" ng-if="obj.flow.files.length">-->
|
|
</div>
|
|
</td>
|
|
<td style="width: 136px; height: 23px; text-align: center; border-bottom-style: hidden; color: white; background-color: black; font-size: 20px;" colspan="3"><strong>APOLLO DISTANCE EDUCATION COLLEGE</strong>
|
|
</br>
|
|
<span style="font-size: 16px;">(A Group of SVE Trust)</span>
|
|
</br>
|
|
<span style="font-size: 16px;">{{BranchAddr}}</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 136px; height: 23px; text-align: center; border-bottom-style: hidden; color: white; background-color: black; font-size: 16px;" colspan="3"><!--(A Group of SVE Trust)--></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 136px; height: 36px; text-align: center; color: white; background-color: black; font-size: 15px;" colspan="3"><!--10/1, First Floor, Old Airport Road, Domlur, Bangalore - 560071. karnataka<br> Land Mark - Opp to Domlur Bus Stop Ph: 9620214554--><!--{{BranchAddr}}--></td>
|
|
</tr>
|
|
<tr style="height: 50px;">
|
|
<td style="width: 150px; height: 50px; text-align: center; border-bottom-style: hidden;padding-left:25%;" colspan="3">
|
|
<span style="border: 2px solid black; padding: 10px; border-radius: 15px; font-size: 14px; color: #fff; background-color: black;">FEES ESTIMATE</span>
|
|
</td>
|
|
<td style="width: 137px; height: 50px; border-left-style: hidden; border-bottom-style: hidden;"><!--<strong>DOM:</strong>--> {{billNo}}</td>
|
|
</tr>
|
|
<tr style="height: 24px;">
|
|
<td style="width: 136px; height: 24px;" colspan="3"><!--<strong>RECEIVED FROM</strong>--></td>
|
|
<td style="width: 137px; height: 24px; border-left-style: hidden;"><strong>Date:</strong> {{billDate}}</td>
|
|
</tr>
|
|
<tr style="height: 24px;">
|
|
<td style="width: 136px; height: 24px; border-bottom-style: hidden;" colspan="2"><strong>Mr. /Mrs. /Miss:</strong> {{items.Firstname}}</td>
|
|
<td style="width: 137px; height: 24px; border-bottom-style: hidden;" colspan="2"><strong>Enrl.No:</strong> {{items.EnrollmentID}}</td>
|
|
</tr>
|
|
<tr style="height: 24px;">
|
|
<td style="width: 136px; height: 24px;" colspan="2"><strong>S/o. /D/o. W/o. Mr. /Mrs:</strong> {{items.Fathername}}</td>
|
|
<td style="width: 137px; height: 24px;" colspan="2"><strong>Mobile No:</strong> {{items.MobileNumber}}</td>
|
|
</tr>
|
|
<tr style="height: 24px;">
|
|
<td style="width: 136px; height: 24px;"><strong>Course:</strong> {{items.CourseName}}</td>
|
|
<td style="width: 136px; height: 24px;"><strong>Sem/Year:</strong> {{items.FeesName}}</td>
|
|
<td ng-if="items.SessionName!='Not Applicable' && items.ToSessionName=='Not Applicable'" style="width: 137px; height: 24px;"><strong>Session:</strong> {{items.SessionName}}</td>
|
|
<td ng-if="items.SessionName!='Not Applicable' && items.ToSessionName!='Not Applicable'" style="width: 137px; height: 24px;"><strong>Session:</strong> {{items.SessionName}}/{{items.ToSessionName}}</td>
|
|
<td ng-if="items.SessionName=='Not Applicable' && items.ToSessionName=='Not Applicable'" style="width: 137px; height: 24px;"><strong>Session:</strong> </td>
|
|
<td style="width: 137px; height: 24px;"><strong>Univ:</strong> {{items.UniveShortName}}</td>
|
|
</tr>
|
|
<tr style="height: 24px;">
|
|
<td style="width: 136px; height: 24px;" colspan="4"><strong>Rupees In Words:</strong> {{amountInWords}}</td>
|
|
</tr>
|
|
<tr style="height: 110px;">
|
|
<td style="width: 136px; height: 110px;"><span style="border: 2px solid black; padding: 10px;font-size: 14px; color: #fff; background-color: black;">RS.</span><span style="border: 2px solid black; padding: 10px 30px;font-size: 14px; color: black; background-color: #fff;">{{billAmount}}</span></td>
|
|
<td style="width: 136px; height: 110px;" colspan="2">
|
|
<p><strong>Cash / DD / Cheque:</strong> {{paymentType}}</p>
|
|
<p><strong>Payable At/Base Branch:</strong> {{branchName}}</p>
|
|
<p><strong>Received By:</strong> {{ReceivedBy}}</p>
|
|
<p><strong>Date:</strong> <span>{{billDate}}</span> <strong>Place:</strong> {{branchName}}</p>
|
|
</td>
|
|
<td style="width: 137px; height: 110px;"><strong>For APOLLO DISTANCE EDUCATION COLLEGE</strong></td>
|
|
</tr>
|
|
<tr style="height: 42px;">
|
|
<td style="width: 136px; height: 42px; color: white; background-color: black; font-size: 14px;text-align: center;" colspan="4">Note: Terms & Conditions will be applicable as per University norms Fees once paid will not be refunded at any reasons</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-danger btn-sm" ng-click="cancel()">Cancel</button>
|
|
</div>
|
|
</script>
|
|
</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="20" 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="21" value="Cancel"
|
|
ng-click="cancel();">
|
|
|
|
</input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<!-- class="editRowTd" --> |