276 lines
11 KiB
HTML
276 lines
11 KiB
HTML
<div class="animated fadeIn">
|
|
<div class="col-md-12">
|
|
<tabset>
|
|
<tab>
|
|
<ng-template tabHeading>Stock on Hand </ng-template>
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<i class="fa fa-align-justify"></i>Study Materials On Hand
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="input-prepend input-group">
|
|
<select id="disabledSelect" class="form-control">
|
|
<option value="0">Please Select University Name</option>
|
|
<option value="1">MMM University</option>
|
|
<option value="2">PPP University</option>
|
|
<option value="3">SSS University</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="input-prepend input-group">
|
|
<select id="disabledSelect" class="form-control">
|
|
<option value="0">Please Select Course</option>
|
|
<option value="1">B.com</option>
|
|
<option value="2">MCA</option>
|
|
<option value="3">M.Sc</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-2">
|
|
<div class="input-prepend input-group">
|
|
<select id="disabledSelect" class="form-control">
|
|
<option value="0">Sem/Year</option>
|
|
<option value="1">1st Sem/2018</option>
|
|
<option value="2">2nd Sem/2018</option>
|
|
<option value="3">3rd Sem/2019</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="input-prepend input-group">
|
|
<button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Filter</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<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>
|
|
<!--/.row-->
|
|
<div class="row">
|
|
<div class="col-lg-12 col-xs-12">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>University Name</th>
|
|
<th>Course Name</th>
|
|
<th>Sem/Year</th>
|
|
<th>Current Registration</th>
|
|
<th>Stock on Hand</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody *ngFor="let stock of studymaterialDetails; let i = index">
|
|
<tr>
|
|
<td>{{stock.universityname}}</td>
|
|
<td>{{stock.coursename}}</td>
|
|
<td>{{stock.semyear}}</td>
|
|
<td>{{stock.registration}}</td>
|
|
<td>{{stock.stock}}</td>
|
|
<td>
|
|
<i class="fa fa-eye" tooltip="View More" (click)="viewstock(i); showDetails = true"></i>
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr *ngIf="showDetails && viewId === i" style="background-color:lightblue">
|
|
|
|
<td><strong>Date</strong></td>
|
|
<td><strong>Details</strong></td>
|
|
<td><strong>Incoming</strong></td>
|
|
<td><strong>Outgoing</strong></td>
|
|
<td><strong>Balance on Hand</strong></td>
|
|
<button (click)="showDetails = false" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i>cancel</button>
|
|
|
|
</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> Study Material Status</ng-template>
|
|
|
|
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<i class="fa fa-align-justify"></i>Study Material Status
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="input-prepend input-group">
|
|
<select id="disabledSelect" class="form-control">
|
|
<option value="0">Select University Name</option>
|
|
<option value="1">MMM University</option>
|
|
<option value="2">PPP University</option>
|
|
<option value="3">SSS University</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="input-prepend input-group">
|
|
<select id="disabledSelect" class="form-control">
|
|
<option value="0">Select Studycenter</option>
|
|
<option value="1">SC 1</option>
|
|
<option value="2">SC 2</option>
|
|
<option value="3">SC 3</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="input-prepend input-group">
|
|
<select id="disabledSelect" class="form-control">
|
|
<option value="0"> Select Course</option>
|
|
<option value="1">B.com</option>
|
|
<option value="2">MCA</option>
|
|
<option value="3">M.Sc</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-2">
|
|
<div class="input-prepend input-group">
|
|
<select id="disabledSelect" class="form-control">
|
|
<option value="0">Sem/Year</option>
|
|
<option value="1">1st Sem/2018</option>
|
|
<option value="2">2nd Sem/2018</option>
|
|
<option value="3">3rd Sem/2019</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="input-prepend input-group">
|
|
<button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Filter</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<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>
|
|
<!--/.row-->
|
|
<div class="row">
|
|
<div class="col-lg-12 col-xs-12">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>Studycenter Name</th>
|
|
<th>University Name</th>
|
|
<th>Course Name</th>
|
|
<th>Sem/Year</th>
|
|
<th>Registration</th>
|
|
<th>Studymaterial Sent</th>
|
|
<th>Balance</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>SC 1</td>
|
|
<td>Anna University</td>
|
|
<td>MCA</td>
|
|
<td>1st Sem</td>
|
|
<td>10</td>
|
|
<td>10</td>
|
|
<td>0</td>
|
|
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>SC 2</td>
|
|
<td>Bharathi University</td>
|
|
<td>MBA</td>
|
|
<td>2nd Sem</td>
|
|
<td>15</td>
|
|
<td>10</td>
|
|
<td>5</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>SC 3</td>
|
|
<td>Thiruvalluvar University</td>
|
|
<td>BE</td>
|
|
<td>3rd Sem</td>
|
|
<td>20</td>
|
|
<td>20</td>
|
|
<td>0</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td>SC 4</td>
|
|
<td>Kamaraj University</td>
|
|
<td>DE</td>
|
|
<td>4th sem</td>
|
|
<td>34</td>
|
|
<td>30</td>
|
|
<td>4</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>
|
|
</tab>
|
|
</tabset>
|
|
</div>
|
|
</div> |