285 lines
11 KiB
HTML
285 lines
11 KiB
HTML
<div class="animated fadeIn" *ngIf="hideCourseMasterC">
|
|
<!--/.row-->
|
|
<div class="row">
|
|
<!--/.col-->
|
|
<div class="col-md-12 mb-4">
|
|
<!-- Nav tabs -->
|
|
<tabset>
|
|
<tab>
|
|
<ng-template tabHeading> View Course </ng-template>
|
|
<!-- <span class="badge badge-pill badge-success">5</span> -->
|
|
<!--/.row-->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<i class="fa fa-align-justify"></i> View Course Details
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="form-group col-sm-4 ">
|
|
<div class="input-group">
|
|
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
|
<input type="text" id="input1-group1" name="input1-group1" class="form-control" placeholder="Search">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-12 col-xs-12">
|
|
<table class="table table-bordered table-responsive table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Course Code</th>
|
|
<th>Course Name</th>
|
|
<th>University Name</th>
|
|
<th>Sem / Year</th>
|
|
<th>Status</th>
|
|
<th>Course Action</th>
|
|
<th>Fees Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>CB001</td>
|
|
<td>Information Technology</td>
|
|
<td>SRM University</td>
|
|
<td>SEM</td>
|
|
<td>
|
|
<span class="badge badge-success">Active</span>
|
|
</td>
|
|
<td>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a><i class="fa fa-eye"></i></a>
|
|
</td>
|
|
<td>
|
|
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>CHE002</td>
|
|
<td>Computer Science And Engg</td>
|
|
<td>Anna University</td>
|
|
<td>SEM</td>
|
|
<td>
|
|
<span class="badge badge-success">Active</span>
|
|
</td>
|
|
<td>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a><i class="fa fa-eye"></i></a>
|
|
</td>
|
|
<td>
|
|
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>MP0200</td>
|
|
<td>Mechanical Engg</td>
|
|
<td>Karpagam University</td>
|
|
<td>SEM</td>
|
|
<td>
|
|
<span class="badge badge-success">Active</span>
|
|
</td>
|
|
<td>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a><i class="fa fa-eye"></i></a>
|
|
</td>
|
|
<td>
|
|
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>L0022</td>
|
|
<td>Fashion Technology</td>
|
|
<td>Anna University</td>
|
|
<td>SEM</td>
|
|
<td>
|
|
<span class="badge badge-danger">InActive</span>
|
|
</td>
|
|
<td>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a><i class="fa fa-eye"></i></a>
|
|
</td>
|
|
<td>
|
|
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>CB001</td>
|
|
<td>Information Technology</td>
|
|
<td>SRM University</td>
|
|
<td>SEM</td>
|
|
<td>
|
|
<span class="badge badge-success">Active</span>
|
|
</td>
|
|
<td>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a><i class="fa fa-eye"></i></a>
|
|
</td>
|
|
<td>
|
|
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
|
<a><i class="fa fa-pencil-square-o"></i></a>
|
|
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<ul class="pagination">
|
|
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
|
|
<li class="page-item active">
|
|
<a class="page-link" href="#">1</a>
|
|
</li>
|
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
|
</ul>
|
|
</div>
|
|
<!--/.col-->
|
|
</div>
|
|
<!--/.row-->
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<tab>
|
|
<ng-template tabHeading> Add Course</ng-template>
|
|
<form action="" method="post" class="form-horizontal">
|
|
<div class="form-group row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<i class="fa fa-align-justify"></i> Course Details
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="form-group col-sm-3">
|
|
<label for="university">University <span class="symbol required"></span></label>
|
|
<select class="form-control" id="university">
|
|
<!-- <option>Select University</option> -->
|
|
<option>Anna University</option>
|
|
<option>SRM University</option>
|
|
<option>Karpagam University</option>
|
|
<option>Hindustan University</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-sm-2">
|
|
<label for="coursecode">Course Code <span class="symbol required"></span></label>
|
|
<input type="text" class="form-control" id="coursecode" placeholder="Enter course code"> </div>
|
|
<div class="form-group col-sm-5">
|
|
<label for="coursename">Course Name <span class="symbol required"></span></label>
|
|
<input type="text" class="form-control" id="coursename" placeholder="Enter course name"> </div>
|
|
<div class="form-group col-sm-2">
|
|
<label for="semyear">Sem / Year <span class="symbol required"></span></label>
|
|
<select class="form-control" id="semyear" (change)="getCourseFeesStructure()">
|
|
<option>Select Sem / Year</option>
|
|
<option>SEM</option>
|
|
<option>YEAR</option>
|
|
</select>
|
|
</div>
|
|
</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>
|
|
</form>
|
|
</tab>
|
|
</tabset>
|
|
</div><!--/.col-->
|
|
</div>
|
|
<!--/.row-->
|
|
</div>
|
|
<div class="row">
|
|
<div class="form-group col-sm-12 backBtn" *ngIf="!hideCourseMasterC">
|
|
<button type="button" class="btn btn-sm btn-primary" (click)="hideAllChildComponent()"><i class="fa fa-arrow-circle-left"></i> Back</button>
|
|
</div>
|
|
</div>
|
|
<app-add-semyear-fees *ngIf="!hideCourseMasterC"></app-add-semyear-fees>
|
|
|
|
<!-- view sem/year fees modal-->
|
|
<div bsModal #viewSemYearModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Anna University / Information Technology Details</h5>
|
|
<button type="button btn-dark" class="close" (click)="viewSemYearModal.hide()" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form action="" method="post" class="form-horizontal">
|
|
<div class="row">
|
|
<div class="col-md-10">
|
|
<table class="table table-bordered table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Fees Name</th>
|
|
<th>Fees Amount</th>
|
|
<th>Fees Type</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Admission Fees</td>
|
|
<td>
|
|
<span>15000</span>
|
|
</td>
|
|
<td>
|
|
<span>New Register</span>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>Tution Fees</td>
|
|
<td>
|
|
<span>5000</span>
|
|
</td>
|
|
<td>
|
|
<span>Per Sem</span>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Other Fees</td>
|
|
<td>
|
|
<span>1000</span>
|
|
</td>
|
|
<td>
|
|
<span>Re-register</span>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--/.col-->
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" (click)="viewSemYearModal.hide()">Close</button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
<!-- end sem year fees modal -->
|
|
|