code integration by Bala
This commit is contained in:
gayathri1990
parent
f0989e2b41
commit
915b558467
261
src/app/views/masters/batch-master/batch-master.component.html
Normal file
261
src/app/views/masters/batch-master/batch-master.component.html
Normal file
@ -0,0 +1,261 @@
|
||||
<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 <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
|
||||
<!--/.row-->
|
||||
<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>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> Add Batch</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Batch</strong>
|
||||
</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 for="company">Batch Code<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Batch ID">
|
||||
</div>
|
||||
<div class="col-md-offset-2 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>
|
||||
|
||||
<div class="form-group row">
|
||||
<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-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>
|
||||
</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 -->
|
||||
|
||||
@ -0,0 +1,54 @@
|
||||
|
||||
.required{
|
||||
color:red;
|
||||
}
|
||||
* {box-sizing: border-box;}
|
||||
|
||||
|
||||
.topnav {
|
||||
overflow: hidden;
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
|
||||
.topnav a {
|
||||
float: left;
|
||||
display: block;
|
||||
color: black;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.topnav a:hover {
|
||||
background-color: #ddd;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.topnav a.active {
|
||||
background-color: #2196F3;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.topnav input[type=text] {
|
||||
float: right;
|
||||
padding: 6px;
|
||||
margin-top: 8px;
|
||||
margin-right: 16px;
|
||||
border: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.topnav a, .topnav input[type=text] {
|
||||
float: none;
|
||||
display: block;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 14px;
|
||||
}
|
||||
.topnav input[type=text] {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
18
src/app/views/masters/batch-master/batch-master.component.ts
Normal file
18
src/app/views/masters/batch-master/batch-master.component.ts
Normal file
@ -0,0 +1,18 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-batch-master',
|
||||
templateUrl: './batch-master.component.html',
|
||||
styleUrls: ['./batch-master.component.scss']
|
||||
})
|
||||
export class BatchMasterComponent implements OnInit {
|
||||
university = ["Select University","Anna University", "Thiruvalluvar University", "Bharathidasan University"];
|
||||
|
||||
|
||||
ngOnInit(){
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -0,0 +1,159 @@
|
||||
<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 Document <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
<!--/.row-->
|
||||
<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>Document Name</th>
|
||||
<th>Document Description</th>
|
||||
<th>Document Date</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>SF</td>
|
||||
<td>Semester Fess Document</td>
|
||||
<td>12/12/2018</td>
|
||||
<td>
|
||||
|
||||
|
||||
<i class="fa fa-trash" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-download" tooltip="Edit" (click)="editEmployee()"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MF</td>
|
||||
<td>Marksheet Document</td>
|
||||
<td>12/12/2018</td>
|
||||
|
||||
|
||||
<td>
|
||||
<i class="fa fa-trash" tooltip="Delete" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-download" tooltip="Download" (click)="editEmployee()"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EF</td>
|
||||
<td>Exam Fees</td>
|
||||
<td>12/12/2018</td>
|
||||
|
||||
<td>
|
||||
<i class="fa fa-trash" tooltip="Delete" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-download" tooltip="Download" (click)="editEmployee()"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HT</td>
|
||||
<td>Hall Ticket</td>
|
||||
<td>12/12/2018</td>
|
||||
|
||||
<td>
|
||||
<i class="fa fa-trash" tooltip="Delete" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-download" tooltip="Download" (click)="editEmployee()"></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>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> Add Document</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Document</strong>
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Document Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Document Name">
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Document Description<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Document description">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class=" col-md-4">
|
||||
<label for="file-input">Document Upload<span class="required">*</span></label>
|
||||
<div class="col-md-12">
|
||||
<input type="file" id="file-input" name="file-input">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card-footer">
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-12" align="right">
|
||||
|
||||
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
|
||||
<button type="reset" 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-->
|
||||
|
||||
|
||||
@ -0,0 +1,4 @@
|
||||
|
||||
.required{
|
||||
color:red;
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-document-master',
|
||||
templateUrl: './document-master.component.html',
|
||||
styleUrls: ['./document-master.component.scss']
|
||||
})
|
||||
export class DocumentMasterComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,193 @@
|
||||
<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> Exam TimeTable <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
<!--/.row-->
|
||||
<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>University Name</th>
|
||||
<th>Batch Name</th>
|
||||
<th>Course</th>
|
||||
<th>Subject Name</th>
|
||||
<th>Date</th>
|
||||
<th>From Time</th>
|
||||
<th>To Time</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>DMS</td>
|
||||
<td>Batch B</td>
|
||||
<td>MCA</td>
|
||||
<td>Data Structure</td>
|
||||
<td>10/01/2018</td>
|
||||
<td>1.00 PM</td>
|
||||
<td>4.00 PM</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>AUT</td>
|
||||
<td>Batch A</td>
|
||||
<td>MBA</td>
|
||||
<td>Business Logic</td>
|
||||
<td>12/12/2018</td>
|
||||
<td>10.00 AM</td>
|
||||
<td>1.00 PM</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>AUT</td>
|
||||
<td>Batch A</td>
|
||||
<td>MBA</td>
|
||||
<td>Business Logic</td>
|
||||
<td>12/12/2018</td>
|
||||
<td>10.00 AM</td>
|
||||
<td>1.00 PM</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>AUT</td>
|
||||
<td>Batch A</td>
|
||||
<td>MBA</td>
|
||||
<td>Business Logic</td>
|
||||
<td>12/12/2018</td>
|
||||
<td>10.00 AM</td>
|
||||
<td>1.00 PM</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>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading>Add ExamTimetable </ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>ExamTable</strong>
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-4 ">
|
||||
<label for="select">Select University Name<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-4 ">
|
||||
<label for="select">Select Batch Name<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option *ngFor="let j of batch">{{j}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="select">Select Course Name<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option *ngFor="let k of course">{{k}}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-4">
|
||||
<label for="file-input">File Upload<span class="required">*</span></label>
|
||||
<div class="col-md-12">
|
||||
<input type="file" id="file-input" name="file-input">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card-footer">
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-12" align="right">
|
||||
|
||||
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
|
||||
<button type="reset" 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-->
|
||||
|
||||
|
||||
@ -0,0 +1,30 @@
|
||||
p.example input[type=text] {
|
||||
padding: 10px;
|
||||
font-size: 13px;
|
||||
border: 1px solid grey;
|
||||
float: left;
|
||||
width: 60%;
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
p.example button {
|
||||
float: left;
|
||||
width: 20%;
|
||||
padding: 10px;
|
||||
background: #2196F3;
|
||||
color: white;
|
||||
font-size: 13px;
|
||||
border: 1px solid grey;
|
||||
border-left: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
p.example button:hover {
|
||||
background: #0b7dda;
|
||||
}
|
||||
|
||||
p.example::after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { ExamtimeTableComponent } from './examtime-table.component';
|
||||
|
||||
describe('ExamtimeTableComponent', () => {
|
||||
let component: ExamtimeTableComponent;
|
||||
let fixture: ComponentFixture<ExamtimeTableComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ ExamtimeTableComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(ExamtimeTableComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,18 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-examtime-table',
|
||||
templateUrl: './examtime-table.component.html',
|
||||
styleUrls: ['./examtime-table.component.scss']
|
||||
})
|
||||
export class ExamtimeTableComponent implements OnInit {
|
||||
university = ["Select University","Anna University", "Thiruvalluvar University", "Bharathidasan University"];
|
||||
batch = ["Select Batch","Batch A","Batch B", "Batch C", "Batch D"];
|
||||
course = ["Select Course","MBA","MCA", "ME", "BE"];
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
152
src/app/views/masters/fees-master/fees-master.component.html
Normal file
152
src/app/views/masters/fees-master/fees-master.component.html
Normal file
@ -0,0 +1,152 @@
|
||||
<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 Fees <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
<!--/.row-->
|
||||
<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>FeesName</th>
|
||||
<th>Description</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TF</td>
|
||||
<td>Tution Fees</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</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>SF</td>
|
||||
<td>Semester Fees</td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</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>EF</td>
|
||||
<td>Exam Fees</td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-danger">Inactive</span>
|
||||
</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>MF </td>
|
||||
<td>Mark Sheet Fees</td>
|
||||
<td>
|
||||
<span class="badge badge-danger">Inactive</span>
|
||||
</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>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> Add Fees</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Fees</strong>
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Fees Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Document Name">
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Fees Description<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Document description">
|
||||
</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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,4 @@
|
||||
|
||||
.required{
|
||||
color:red;
|
||||
}
|
||||
15
src/app/views/masters/fees-master/fees-master.component.ts
Normal file
15
src/app/views/masters/fees-master/fees-master.component.ts
Normal file
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-fees-master',
|
||||
templateUrl: './fees-master.component.html',
|
||||
styleUrls: ['./fees-master.component.scss']
|
||||
})
|
||||
export class FeesMasterComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
155
src/app/views/masters/form-master/form-master.component.html
Normal file
155
src/app/views/masters/form-master/form-master.component.html
Normal file
@ -0,0 +1,155 @@
|
||||
<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 Fees <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
<!--/.row-->
|
||||
<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>FormName</th>
|
||||
<th>Description</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TC</td>
|
||||
<td>Transfer certificate</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</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>PC</td>
|
||||
<td>Provisional Certificate</td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</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>DC</td>
|
||||
<td>Degree Certificate</td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-danger">Inactive</span>
|
||||
</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>MS</td>
|
||||
<td>Mark Sheet</td>
|
||||
<td>
|
||||
<span class="badge badge-danger">Inactive</span>
|
||||
</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>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> Add Form</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Form</strong>
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Form Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Form Name">
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Form Description<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Form description">
|
||||
</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-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,4 @@
|
||||
|
||||
.required{
|
||||
color:red;
|
||||
}
|
||||
15
src/app/views/masters/form-master/form-master.component.ts
Normal file
15
src/app/views/masters/form-master/form-master.component.ts
Normal file
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-form-master',
|
||||
templateUrl: './form-master.component.html',
|
||||
styleUrls: ['./form-master.component.scss']
|
||||
})
|
||||
export class FormMasterComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,305 @@
|
||||
<div class="animated fadeIn">
|
||||
<!--/.row-->
|
||||
<div class="row">
|
||||
<!--/.col-->
|
||||
<div class="col-md-12 mb-4">
|
||||
<!-- Nav tabs -->
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading>Received Study Materials</ng-template>
|
||||
<div class="col-md-12">
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="form-group row">
|
||||
<div class="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 value="0">Please select</option>
|
||||
<option value="1">Anna university</option>
|
||||
<option value="2">Bharathi University</option>
|
||||
<option value="3">Tamilnadu university</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-6 form-control-label" for="select">Select Course<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">MCA</option>
|
||||
<option value="2">MBA</option>
|
||||
<option value="3">BE</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-8 form-control-label" for="select">Select Study Center<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">Center A</option>
|
||||
<option value="2">Center B</option>
|
||||
<option value="3">Center C</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<label for="company">Course Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Course Name"> </div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">Sem1</option>
|
||||
<option value="2">Sem2</option>
|
||||
<option value="3">Sem3</option>
|
||||
<option value="3">Sem4</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Courier Number<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Courier Number">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<label for="company">Courier Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Courier Name"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Quantity<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Quantity"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Weight(Kgs)<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter University Address">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Dispatched Date<span class="required">*</span></label>
|
||||
<input type="date" class="form-control" id="date" placeholder="Enter Batch Date">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-md-12" align="right">
|
||||
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div> </tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Received Study Materials <span class="badge badge-pill badge-success">29</span></ng-template>
|
||||
<!--/.row-->
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xs-12">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Study Center Name</th>
|
||||
<th>Course Name</th>
|
||||
<th>Courier No</th>
|
||||
<th>Quantity</th>
|
||||
<th>Dispatch Date</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Center A</td>
|
||||
<td>MCA</td>
|
||||
<td>1A</td>
|
||||
<td>10</td>
|
||||
<td>10/10/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center B</td>
|
||||
<td>MBA</td>
|
||||
<td>1B</td>
|
||||
<td>15</td>
|
||||
<td>15/10/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center C</td>
|
||||
<td>BE</td>
|
||||
<td>1C</td>
|
||||
<td>20</td>
|
||||
<td>10/11/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center D</td>
|
||||
<td>DE</td>
|
||||
<td>1D</td>
|
||||
<td>34</td>
|
||||
<td>12/11/2018</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-->
|
||||
</tab>
|
||||
|
||||
<tab>
|
||||
<ng-template tabHeading> Add Allocate Of Study Materials</ng-template>
|
||||
<div class="col-md-12">
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="form-group row">
|
||||
<div class="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 value="0">Please select</option>
|
||||
<option value="1">Anna university</option>
|
||||
<option value="2">Bharathi University</option>
|
||||
<option value="3">Tamilnadu university</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-6 form-control-label" for="select">Select Course<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">MCA</option>
|
||||
<option value="2">MBA</option>
|
||||
<option value="3">BE</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-8 form-control-label" for="select">Select Study Center<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">Center A</option>
|
||||
<option value="2">Center B</option>
|
||||
<option value="3">Center C</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<label for="company">Course Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Course Name"> </div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">Sem1</option>
|
||||
<option value="2">Sem2</option>
|
||||
<option value="3">Sem3</option>
|
||||
<option value="3">Sem4</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Courier Number<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Courier Number">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<label for="company">Courier Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Courier Name"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Quantity<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Quantity"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Weight(Kgs)<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter University Address">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Dispatched Date<span class="required">*</span></label>
|
||||
<input type="date" class="form-control" id="date" placeholder="Enter Batch Date">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-md-12" align="right">
|
||||
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div> </tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Allocation of Study Materials <span class="badge badge-pill badge-success">29</span></ng-template>
|
||||
<!--/.row-->
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xs-12">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Study Center Name</th>
|
||||
<th>Course Name</th>
|
||||
<th>Courier No</th>
|
||||
<th>Quantity</th>
|
||||
<th>Dispatch Date</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Center A</td>
|
||||
<td>MCA</td>
|
||||
<td>1A</td>
|
||||
<td>10</td>
|
||||
<td>10/10/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center B</td>
|
||||
<td>MBA</td>
|
||||
<td>1B</td>
|
||||
<td>15</td>
|
||||
<td>15/10/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center C</td>
|
||||
<td>BE</td>
|
||||
<td>1C</td>
|
||||
<td>20</td>
|
||||
<td>10/11/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center D</td>
|
||||
<td>DE</td>
|
||||
<td>1D</td>
|
||||
<td>34</td>
|
||||
<td>12/11/2018</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-->
|
||||
</tab>
|
||||
</tabset>
|
||||
</div><!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</div>
|
||||
@ -0,0 +1,4 @@
|
||||
|
||||
.required{
|
||||
color:red;
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-study-material',
|
||||
templateUrl: './study-material.component.html',
|
||||
styleUrls: ['./study-material.component.scss']
|
||||
})
|
||||
export class StudyMaterialComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,182 @@
|
||||
<div class="animated fadeIn">
|
||||
<!--/.row-->
|
||||
<div class="row">
|
||||
<!--/.col-->
|
||||
<div class="col-md-12 mb-4">
|
||||
<!-- Nav tabs -->
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> View University <span class="badge badge-pill badge-success">29</span></ng-template>
|
||||
<!--/.row-->
|
||||
<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>University ID</th>
|
||||
<th>University Name</th>
|
||||
<th>Email ID</th>
|
||||
<th>Status</th>
|
||||
<th>Activity</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>KSOU</td>
|
||||
<td>Karnataka university</td>
|
||||
<td>ks@uni.com</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</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>AUT</td>
|
||||
<td>Anna university</td>
|
||||
<td>au@uni.com</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</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>BUT</td>
|
||||
<td>Bharathi University</td>
|
||||
<td>bu@uni.com</td>
|
||||
<td>
|
||||
<span class="badge badge-danger">Inactive</span>
|
||||
</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>TUT</td>
|
||||
<td>Tamilnadu university</td>
|
||||
<td>ta@uni.com</td>
|
||||
<td>
|
||||
<span class="badge badge-danger">Inactive</span>
|
||||
</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>THUT</td>
|
||||
<td>Thiruvalluvar university</td>
|
||||
<td>thu@uni.com</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</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>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> Add University</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>University</strong>
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<label for="company">University ID<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter your University ID"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">University Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter your University Name"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">University Short Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter your University Short Name"> </div>
|
||||
<br>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<label for="company">Mobile Number<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter University Mobile Number"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Email ID<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter University Email ID">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="premanentAddress">University Address <span class="required">*</span></label>
|
||||
<textarea class="form-control" id="premanentAddress" placeholder="Enter University Address"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<label class="form-control-label" for="file-input">University Logo</label>
|
||||
<br>
|
||||
<input type="file" id="file-input" name="file-input">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label for="company">Active/De-Active</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>
|
||||
<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>
|
||||
<!--/.row-->
|
||||
</div>
|
||||
@ -0,0 +1,4 @@
|
||||
|
||||
.required{
|
||||
color:red;
|
||||
}
|
||||
@ -0,0 +1,18 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { ModalDirective } from 'ngx-bootstrap/modal';
|
||||
|
||||
@Component({
|
||||
selector: 'app-university-master',
|
||||
templateUrl: './university-master.component.html',
|
||||
styleUrls: ['./university-master.component.scss']
|
||||
})
|
||||
export class UniversityMasterComponent implements OnInit {
|
||||
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,134 @@
|
||||
<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 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>PaymentDetails</strong>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
|
||||
<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>Date</th>
|
||||
<th>Description</th>
|
||||
<th>Debit</th>
|
||||
<th>Credit</th>
|
||||
<th>Balance</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>10/08/2018</td>
|
||||
<td><a href="page-link" href="#">FormID 1</a></td>
|
||||
<td>0</td>
|
||||
<td>10,000</td>
|
||||
<td>10,000</td>
|
||||
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>11/08/2018</td>
|
||||
<td><a href="page-link" href="#">FormID 2</a></td>
|
||||
<td>0</td>
|
||||
<td>15,000</td>
|
||||
<td>25,000</td>
|
||||
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>12/08/2018</td>
|
||||
<td><a href="page-link" href="#">FormID 3</a></td>
|
||||
<td>5000</td>
|
||||
<td>0</td>
|
||||
<td>20,000</td>
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>16/08/2018</td>
|
||||
<td><a href="page-link" href="#">FormID 4</a></td>
|
||||
<td>10,000</td>
|
||||
<td>0</td>
|
||||
<td>10,000</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>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card-footer">
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-12" align="right">
|
||||
|
||||
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div><!--/.col-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--/.row-->
|
||||
|
||||
|
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-paymentdetails',
|
||||
templateUrl: './paymentdetails.component.html',
|
||||
styleUrls: ['./paymentdetails.component.scss']
|
||||
})
|
||||
export class PaymentdetailsComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,164 @@
|
||||
<div class="animated fadeIn">
|
||||
<div class="col-md-12">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Allocation of Study Materials <span class="badge badge-pill badge-success">29</span></ng-template>
|
||||
<!--/.row-->
|
||||
<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>Study Center Name</th>
|
||||
<th>Batch Name</th>
|
||||
<th>Course Name</th>
|
||||
|
||||
<th>Quantity</th>
|
||||
<th>Dispatch Date</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Center A</td>
|
||||
<td>Batch A</td>
|
||||
<td>MCA</td>
|
||||
|
||||
<td>10</td>
|
||||
<td>10/10/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center B</td>
|
||||
<td>Batch B</td>
|
||||
<td>MBA</td>
|
||||
|
||||
<td>15</td>
|
||||
<td>15/10/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center C</td>
|
||||
<td>Batch C</td>
|
||||
<td>BE</td>
|
||||
|
||||
<td>20</td>
|
||||
<td>10/11/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center D</td>
|
||||
<td>Batch D</td>
|
||||
<td>DE</td>
|
||||
|
||||
<td>34</td>
|
||||
<td>12/11/2018</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-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading>Allocate Study Materials</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Study Material</strong>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-8 form-control-label" for="select">Select Study Center<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">Center A</option>
|
||||
<option value="2">Center B</option>
|
||||
<option value="3">Center C</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-6 form-control-label" for="select">Select Batch<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="0">Batch A</option>
|
||||
<option value="1">Batch B</option>
|
||||
<option value="2">Batch C</option>
|
||||
<option value="3">Batch D</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-6 form-control-label" for="select">Select Course<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">MCA</option>
|
||||
<option value="2">MBA</option>
|
||||
<option value="3">BE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">Sem1</option>
|
||||
<option value="2">Sem2</option>
|
||||
<option value="3">Sem3</option>
|
||||
<option value="3">Sem4</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Quantity<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Quantity"> </div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="form-group row">
|
||||
<div class="col-md-12" align="right">
|
||||
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</tab>
|
||||
</tabset>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-allocatematerial',
|
||||
templateUrl: './allocatematerial.component.html',
|
||||
styleUrls: ['./allocatematerial.component.scss']
|
||||
})
|
||||
export class AllocatematerialComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,156 @@
|
||||
<div class="animated fadeIn">
|
||||
<div class="col-md-12">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Received Study Materials <span class="badge badge-pill badge-success">29</span></ng-template>
|
||||
<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>Courier No</th>
|
||||
<th>Quantity</th>
|
||||
<th>Received Date</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Anna University</td>
|
||||
<td>MCA</td>
|
||||
<td>1A</td>
|
||||
<td>10</td>
|
||||
<td>10/10/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bharathi University</td>
|
||||
<td>MBA</td>
|
||||
<td>1B</td>
|
||||
<td>15</td>
|
||||
<td>15/10/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Thiruvalluvar University</td>
|
||||
<td>BE</td>
|
||||
<td>1C</td>
|
||||
<td>20</td>
|
||||
<td>10/11/2018</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Kamaraj University</td>
|
||||
<td>DE</td>
|
||||
<td>1D</td>
|
||||
<td>34</td>
|
||||
<td>12/11/2018</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-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading>Received Study Materials</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Study Material</strong>
|
||||
</div>
|
||||
<br>
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class="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 value="0">Please select</option>
|
||||
<option value="1">Anna university</option>
|
||||
<option value="2">Bharathi University</option>
|
||||
<option value="3">Tamilnadu university</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-6 form-control-label" for="select">Select Course<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">MCA</option>
|
||||
<option value="2">MBA</option>
|
||||
<option value="3">BE</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">Sem1</option>
|
||||
<option value="2">Sem2</option>
|
||||
<option value="3">Sem3</option>
|
||||
<option value="3">Sem4</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
|
||||
|
||||
<div class="col-md-4">
|
||||
<label for="company">Courier Number<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Courier Number">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label for="company">Courier Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Courier Name"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Quantity<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Quantity"> </div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Received Date<span class="required">*</span></label>
|
||||
<input type="date" class="form-control" id="date" placeholder="Enter Batch Date">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="form-group row">
|
||||
<div class="col-md-12" align="right">
|
||||
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</tab>
|
||||
</tabset>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,15 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-receivedmaterial',
|
||||
templateUrl: './receivedmaterial.component.html',
|
||||
styleUrls: ['./receivedmaterial.component.scss']
|
||||
})
|
||||
export class ReceivedmaterialComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
34
src/app/views/studymaterial/studymaterial-routing.module.ts
Normal file
34
src/app/views/studymaterial/studymaterial-routing.module.ts
Normal file
@ -0,0 +1,34 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
import { ReceivedmaterialComponent } from './receivedmaterial/receivedmaterial.component';
|
||||
import { AllocatematerialComponent } from './allocatematerial/allocatematerial.component';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
data: {
|
||||
title: 'Studymaterial'
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'receivedmaterial',
|
||||
component: ReceivedmaterialComponent,
|
||||
data: {
|
||||
title: 'ReceivedMaterial'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'allocatematerial',
|
||||
component: AllocatematerialComponent,
|
||||
data: {
|
||||
title: 'AllocateMaterial'
|
||||
}
|
||||
}
|
||||
]
|
||||
}];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule]
|
||||
})
|
||||
export class StudymaterialRoutingModule { }
|
||||
25
src/app/views/studymaterial/studymaterial.module.ts
Normal file
25
src/app/views/studymaterial/studymaterial.module.ts
Normal file
@ -0,0 +1,25 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { CommonModule } from '@angular/common';
|
||||
|
||||
|
||||
import { TabsModule } from 'ngx-bootstrap/tabs';
|
||||
import { TooltipModule } from 'ngx-bootstrap/tooltip';
|
||||
import { ModalModule } from 'ngx-bootstrap/modal';
|
||||
|
||||
import { StudymaterialRoutingModule } from './studymaterial-routing.module';
|
||||
import { ReceivedmaterialComponent } from './receivedmaterial/receivedmaterial.component';
|
||||
import { AllocatematerialComponent } from './allocatematerial/allocatematerial.component';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FormsModule,
|
||||
TooltipModule,
|
||||
ModalModule,
|
||||
TabsModule,
|
||||
StudymaterialRoutingModule
|
||||
],
|
||||
declarations: [ReceivedmaterialComponent, AllocatematerialComponent]
|
||||
})
|
||||
export class StudymaterialModule { }
|
||||
Loading…
Reference in New Issue
Block a user