fees share and status master changes

This commit is contained in:
gandhimathi 2018-08-01 17:24:30 +05:30
parent 847e582ad1
commit 24de3f58ec
4 changed files with 540 additions and 104 deletions

View File

@ -6,13 +6,13 @@
<!-- Nav tabs -->
<tabset>
<tab>
<ng-template tabHeading> View Share</ng-template>
<ng-template tabHeading> View Fees Share</ng-template>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> View Share Allocate Details
<i class="fa fa-align-justify"></i> View Fees Share Details
</div>
<div class="card-body">
<div class="row">
@ -143,14 +143,14 @@
</div>
</tab>
<tab>
<ng-template tabHeading> Add Share</ng-template>
<ng-template tabHeading> Add Fees Share</ng-template>
<div class="col-md-12">
<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> Add Study Center Share Details
<i class="fa fa-align-justify"></i> Add Study Center Fees Share Details
</div>
<div class="card-body">
<div class="row">

View File

@ -1,110 +1,475 @@
<div class="animated fadeIn">
<div class="row">
<div class="col-md-12">
<form action="" method="post" class="form-horizontal">
<div class="form-group row">
<div class="col-md-6">
<div class="row">
<!--/.row-->
<div class="row">
<!--/.col-->
<div class="col-md-12 mb-4">
<!-- Nav tabs -->
<tabset>
<tab>
<ng-template tabHeading> Answer BookLet</ng-template>
<div class="row">
<div class="form-group col-sm-6">
<div class="form-group col-sm-3">
<label for="statusName">Status Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> View Answer Booklet Status
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3 ">
<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 class="form-group col-sm-3 ">
<button type="button" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> Search</button>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Status Name</th>
<th>Type</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let book of bookStatus">
<td>{{book.statusName}}</td>
<td>{{book.type}}</td>
<td>
<span class="badge badge-success">{{book.status}}</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></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>
</div><!--/.col-->
</div>
</tab>
<tab>
<ng-template tabHeading> Courier</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Status Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> View Courier Status
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3 ">
<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 class="form-group col-sm-3 ">
<button type="button" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> Search</button>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Status Name</th>
<th>Type</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let courier of courierStatus">
<td>{{courier.statusName}}</td>
<td>{{courier.type}}</td>
<td>
<span class="badge badge-success">{{courier.status}}</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></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>
</div><!--/.col-->
</div>
</tab>
<tab>
<ng-template tabHeading> Fees</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Status Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> View Fees Status
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3 ">
<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 class="form-group col-sm-3 ">
<button type="button" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> Search</button>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Status Name</th>
<th>Type</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let fees of feesStatus">
<td>{{fees.statusName}}</td>
<td>{{fees.type}}</td>
<td>
<span class="badge badge-success">{{fees.status}}</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></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>
</div><!--/.col-->
</div>
</tab>
<tab>
<ng-template tabHeading> Form</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Status Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> View Status Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3 ">
<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 class="form-group col-sm-3 ">
<button type="button" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> Search</button>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-lg-8 col-xs-8">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Status Name</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Open</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a>
</td>
</tr>
<tr>
<td>Close</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a>
</td>
</tr>
<tr>
<td>Pending</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></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 class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> View Form Status
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3 ">
<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 class="form-group col-sm-3 ">
<button type="button" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> Search</button>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Status Name</th>
<th>Type</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let form of formStatus">
<td>{{form.statusName}}</td>
<td>{{form.type}}</td>
<td>
<span class="badge badge-success">{{form.status}}</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></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>
</div><!--/.col-->
</div>
</tab>
<tab>
<ng-template tabHeading> Mark Card </ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Status Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<!--/.row-->
</div>
</div>
</div><!--/.col-->
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> View Mark Card Status
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3 ">
<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 class="form-group col-sm-3 ">
<button type="button" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> Search</button>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Status Name</th>
<th>Type</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let mark of markCardStatus">
<td>{{mark.statusName}}</td>
<td>{{mark.type}}</td>
<td>
<span class="badge badge-success">{{mark.status}}</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></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>
</div><!--/.col-->
</div>
</tab>
<tab>
<ng-template tabHeading> Study Material </ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Status Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> View Study Material Status
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3 ">
<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 class="form-group col-sm-3 ">
<button type="button" class="btn btn-sm btn-primary"><i class="fa fa-search"></i> Search</button>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Status Name</th>
<th>Type</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let material of studyMaterialStatus">
<td>{{material.statusName}}</td>
<td>{{material.type}}</td>
<td>
<span class="badge badge-success">{{material.status}}</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></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>
</div><!--/.col-->
</div>
</tab>
</tabset>
</div>
</div>
</div>

View File

@ -7,7 +7,6 @@
a:hover {
cursor:pointer;
}
.endBtn {
padding-right: 100px;
margin-top: -50px;
.saveBtn {
padding-top: 28px;
}

View File

@ -6,10 +6,82 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./status-master.component.scss']
})
export class StatusMasterComponent implements OnInit {
bookStatus: any;
courierStatus: any;
feesStatus: any;
formStatus: any;
markCardStatus: any;
studyMaterialStatus: any;
constructor() { }
ngOnInit() {
this.bookStatus = [
{
statusName: 'Sent to SC ',
type: 'Answer Booklet',
status: 'Active'
},
{
statusName: 'Received by SC ',
type: 'Answer Booklet',
status: 'Active'
},
]
this.courierStatus = [
{
statusName: 'Sent by SC',
type: 'Courier',
status: 'Active'
},
{
statusName: 'Received by Apollo',
type: 'Courier',
status: 'Active'
},
]
this.feesStatus = [
{
statusName: 'Paid',
type: 'Fees',
status: 'Active'
},
{
statusName: 'Refund',
type: 'Fees',
status: 'Active'
},
]
this.formStatus = [
{
statusName: 'Sent to Apollo ',
type: 'Form',
status: 'Active'
},
]
this.markCardStatus = [
{
statusName: 'Sent to SC ',
type: 'Mark Card',
status: 'Active'
},
{
statusName: 'Received by SC ',
type: 'Mark Card',
status: 'Active'
},
]
this.studyMaterialStatus = [
{
statusName: 'Received',
type: 'Study Material',
status: 'Active'
},
{
statusName: 'Pending',
type: 'Study Material',
status: 'Active'
},
]
}
}