280 lines
10 KiB
HTML
280 lines
10 KiB
HTML
<span *ngIf="show" class="backToList">
|
|
|
|
<a (click)="show = !show;" tooltip="Go to listing">Back to List</a>
|
|
|
|
</span>
|
|
<div class="col-lg-12" *ngIf="!show">
|
|
|
|
<!--/.row-->
|
|
<div class="row">
|
|
<!--/.col-->
|
|
<div class="col-md-12 mb-4">
|
|
<!-- Nav tabs -->
|
|
<tabset>
|
|
<tab>
|
|
<ng-template tabHeading> View Batch </ng-template>
|
|
|
|
<!--/.row-->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<i class="fa fa-align-justify"></i>Batch List
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="input-prepend input-group">
|
|
<span class="input-group-addon">
|
|
<i class="fa fa-search"></i>
|
|
</span>
|
|
<input id="search" class="form-control" type="text" placeholder="search">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="row">
|
|
<div class="col-lg-12 col-xs-12">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>Batch Code</th>
|
|
<th>Batch Name</th>
|
|
<th>Batch Date</th>
|
|
<th>University Name</th>
|
|
<th>Status</th>
|
|
<th>IsDefault</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>B001</td>
|
|
<td>A11</td>
|
|
<td>12/12/2018</td>
|
|
<td>Karnataka university</td>
|
|
<td>
|
|
<span class="badge badge-success">Active</span>
|
|
</td>
|
|
<td>
|
|
<label class="switch switch-3d switch-primary">
|
|
<input type="checkbox" class="switch-input" checked>
|
|
<span class="switch-label"></span>
|
|
<span class="switch-handle"></span>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
|
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>B002</td>
|
|
<td>B11</td>
|
|
<td>12/12/2018</td>
|
|
<td>Anna university</td>
|
|
<td>
|
|
<span class="badge badge-success">Active</span>
|
|
</td>
|
|
<td>
|
|
<label class="switch switch-3d switch-primary">
|
|
<input type="checkbox" class="switch-input" checked>
|
|
<span class="switch-label"></span>
|
|
<span class="switch-handle"></span>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
|
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>B003</td>
|
|
<td>C11</td>
|
|
<td>12/12/2018</td>
|
|
<td>Bharathi University</td>
|
|
<td>
|
|
<span class="badge badge-danger">Inactive</span>
|
|
</td>
|
|
<td>
|
|
<label class="switch switch-3d switch-primary">
|
|
<input type="checkbox" class="switch-input" checked>
|
|
<span class="switch-label"></span>
|
|
<span class="switch-handle"></span>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
|
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>B004</td>
|
|
<td>D11</td>
|
|
<td>12/12/2018</td>
|
|
<td>Tamilnadu university</td>
|
|
<td>
|
|
<span class="badge badge-danger">Inactive</span>
|
|
</td>
|
|
<td>
|
|
<label class="switch switch-3d switch-primary">
|
|
<input type="checkbox" class="switch-input" checked>
|
|
<span class="switch-label"></span>
|
|
<span class="switch-handle"></span>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
|
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>B005</td>
|
|
<td>E23</td>
|
|
<td>12/12/2018</td>
|
|
|
|
<td>Thiruvalluvar university</td>
|
|
<td>
|
|
<span class="badge badge-success">Active</span>
|
|
</td>
|
|
<td>
|
|
<label class="switch switch-3d switch-primary">
|
|
<input type="checkbox" class="switch-input" checked>
|
|
<span class="switch-label"></span>
|
|
<span class="switch-handle"></span>
|
|
</label>
|
|
</td>
|
|
<td>
|
|
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
|
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
<!--/.col-->
|
|
</div>
|
|
<!--/.row-->
|
|
</tab>
|
|
<tab>
|
|
<ng-template tabHeading> Add Batch</ng-template>
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<i class="fa fa-align-justify"></i>Batch
|
|
</div>
|
|
|
|
<form action="" method="post" class="form-horizontal">
|
|
<div class="card-body">
|
|
<div class="form-group row">
|
|
<div class="col-md-offset-2 col-md-4 ">
|
|
<label class="col-md-6 form-control-label" for="select">Select University<span class="required"> *</span></label>
|
|
|
|
<select id="select" name="select" class="form-control">
|
|
<option *ngFor="let i of university">{{i}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-offset-2 col-md-4 ">
|
|
<label for="company">Batch Name<span class="required"> *</span></label>
|
|
<input type="text" class="form-control" id="company" placeholder="Enter Batch Name">
|
|
</div>
|
|
<div class=" col-md-4 ">
|
|
<label for="company">Batch Code<span class="required"> *</span></label>
|
|
<input type="text" class="form-control" id="company" placeholder="Enter Batch ID">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<div class="col-md-4 ">
|
|
<label for="company">Batch Date<span class="required"> *</span></label>
|
|
<input type="date" class="form-control" id="date" placeholder="Enter Batch Date" onchange="mydate1();">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label for="company">Active/De-Active<span class="required"> *</span></label>
|
|
<br>
|
|
<label class="switch switch-3d switch-primary">
|
|
<input type="checkbox" class="switch-input" checked>
|
|
<span class="switch-label"></span>
|
|
<span class="switch-handle"></span>
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<br>
|
|
|
|
<div class="card-footer">
|
|
<div class="form-group row">
|
|
<div class=" col-md-12" align="right">
|
|
|
|
<button type="button" style="margin-bottom: -14px" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
|
|
|
<button type="reset" style="margin-bottom: -14px" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
</tab>
|
|
</tabset>
|
|
</div><!--/.col-->
|
|
</div>
|
|
</div>
|
|
|
|
<!--/.row-->
|
|
<!-- <app-edit-employee *ngIf="show"></app-edit-employee> -->
|
|
|
|
<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document" *ngIf="myModalData">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{ myModalData.empId }}</h4>
|
|
<button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<label><b>Name : </b> </label> {{myModalData.name}}
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label><b>Mobile : </b> </label> {{myModalData.mobile}}
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label><b>Role : </b> </label> {{myModalData.role}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" (click)="myModal.hide()">Close</button>
|
|
<!--<button type="button" class="btn btn-primary">Save changes</button>-->
|
|
</div>
|
|
</div>
|
|
<!-- /.modal-content -->
|
|
</div>
|
|
<!-- /.modal-dialog -->
|
|
</div>
|
|
<!-- /.modal -->
|
|
|