128 lines
6.0 KiB
HTML
128 lines
6.0 KiB
HTML
<div class="animated fadeIn" *ngIf="hideSemYearC">
|
|
<form action="" method="post" class="form-horizontal">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<i class="fa fa-align-justify"></i> Add Fees Details Of Anna University / Information Technology
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="form-group col-sm-3">
|
|
<label for="effective">Effective From <span class="symbol required"></span></label>
|
|
<select class="form-control" id="effective">
|
|
<option>July-2019</option>
|
|
<option>June-2019</option>
|
|
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-sm-3">
|
|
<label for="feesName">Fees Name <span class="symbol required"></span></label>
|
|
<select class="form-control" id="semyear">
|
|
<option>Tution Fees</option>
|
|
<option>Exam Fees</option>
|
|
<option>Late Fees</option>
|
|
<option>Other Fees</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-sm-2">
|
|
<label for="feesAmount">Fees Amount <span class="symbol required"></span></label>
|
|
<input type="text" class="form-control" value="15000" id="feesAmount" placeholder="Enter fees amount">
|
|
</div>
|
|
<div class="form-group col-sm-2">
|
|
<label for="feesType">One Time / Per Sem <span class="symbol required"></span></label>
|
|
<select class="form-control" id="semyear">
|
|
<option>Select One Time / Per Sem</option>
|
|
<option>One Time</option>
|
|
<option>Per Sem</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-sm-2" style="margin-top: 28px;">
|
|
<button type="button" class="btn btn-sm btn-primary" (click)="showSemYearFees()"><i class="fa fa-plus-circle "></i> Add</button>
|
|
</div>
|
|
</div><!--/.row-->
|
|
<div class="row">
|
|
<div class="col-md-9">
|
|
<table class="table table-bordered table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Fees Name</th>
|
|
<th>Fees Amount</th>
|
|
<th>One Time / Per Sem</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Tution Fees</td>
|
|
<td>
|
|
<span>15000</span>
|
|
</td>
|
|
<td>
|
|
<span>One Time</span>
|
|
</td>
|
|
<td>
|
|
<a><i class="fa fa-trash"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Exam Fees</td>
|
|
<td>
|
|
<span>5000</span>
|
|
</td>
|
|
<td>
|
|
<span>Per Sem</span>
|
|
</td>
|
|
<td>
|
|
<a><i class="fa fa-trash"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Late Fees</td>
|
|
<td>
|
|
<span>2000</span>
|
|
</td>
|
|
<td>
|
|
<span>Per Sem</span>
|
|
</td>
|
|
<td>
|
|
<a><i class="fa fa-trash"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Other Fees</td>
|
|
<td>
|
|
<span>1000</span>
|
|
</td>
|
|
<td>
|
|
<span>Per Sem</span>
|
|
</td>
|
|
<td>
|
|
<a><i class="fa fa-trash"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--/.col-->
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<div class="col-lg-12 col-xs-12 endBtn" align="right">
|
|
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>
|
|
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!--/.row-->
|
|
|
|
</form>
|
|
</div>
|
|
|