This commit is contained in:
gayathri1990 2018-08-01 17:43:35 +05:30
commit b436b42177
10 changed files with 648 additions and 141 deletions

View File

@ -27,8 +27,10 @@
<tr>
<th>Courier Name</th>
<th>Docket No.</th>
<th>Date</th>
<th>Type</th>
<th>Comments</th>
<th>Send To / Received From</th>
<th>Received By/ Dispatched By</th>
<th>Status</th>
<th>Action</th>
@ -38,8 +40,10 @@
<tr *ngFor="let cour of courier">
<td>{{cour.courierName}}</td>
<td>{{cour.docketNo}}</td>
<td>{{cour.date}}</td>
<td>{{cour.type}}</td>
<td>{{cour.comments}}</td>
<td>{{cour.sendTo}}</td>
<td>{{cour.receiveBy}}</td>
<td>{{cour.status}}</td>
<td>
@ -83,34 +87,57 @@
<label for="lname">Docket No. <span class="danger">*</span></label>
<input type="text" class="form-control" id="lname" placeholder="Enter Docket No">
</div>
<div class="form-group col-md-4">
<label for="motherName">Date<span class="danger">*</span></label>
<input type="date" class="form-control" id="motherName" placeholder="Enter Date">
</div>
</div>
<div class="row">
<div class="form-group col-md-4">
<label for="pmobile">Type<span class="danger">*</span></label>
<input type="text" class="form-control" id="pmobile" placeholder="Enter Type">
<select id="disabledSelect" class="form-control">
<option value="0">Please Select Type</option>
<option value="1">Received</option>
<option value="2">Dispatched</option>
</select>
</div>
<div class="form-group col-md-4">
<label for="smobile">Status</label>
<input type="text" class="form-control" id="smobile" placeholder="Enter Status">
<label for="sendFor">Send To / Receive From <span class="danger"> *</span></label>
<div>
<label class="radio" for="gender">
<input type="radio" id="univ" name="inline-radios" value="univ"> University
</label>&nbsp;&nbsp;
<label class="radio" for="inline-radio2">
<input type="radio" id="sc" name="inline-radios" value="Sc"> Study Center
</label>
</div>
</div>
<div class="form-group col-md-4">
<label for="smobile">Comments</label>
<input type="text" class="form-control" id="smobile" placeholder="Enter Status">
<div class="form-group col-md-4">
<label for="sendFor">Select Study Center<span class="danger"> *</span></label>
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0">Please Select SC</option>
<option value="1">SC 1</option>
<option value="2">SC 2</option>
<option value="3">SC 3</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="row">
<div class="form-group col-md-4">
<label for="smobile">Comments</label>
<textarea type="text" class="form-control" id="smobile" placeholder="Enter Comments"></textarea>
</div>
<div class="form-group col-md-4">
<label for="email">Qty <span class="danger">*</span></label>
<input type="text" class="form-control" id="email" placeholder="Enter Qty">
</div>
<div class="form-group col-md-4">
<label for="fatherName">Amount<span class="danger">*</span></label>
<label for="fatherName">Amount</label>
<input type="text" class="form-control" id="fatherName" placeholder="Enter Amount">
</div>
<div class="form-group col-md-4">
<label for="motherName">Date<span class="danger">*</span></label>
<input type="text" class="form-control" id="motherName" placeholder="Enter Date">
</div>
</div>
<div class="row">
<div class="form-group col-md-4">

View File

@ -20,6 +20,7 @@ export class CourierComponent implements OnInit {
type: 'Received',
comments: 'Documents Details',
receiveBy: 'sss',
sendTo: 'KR Univ',
status: 'sent',
date: '20/07/2018',
qt: 120,
@ -32,6 +33,7 @@ export class CourierComponent implements OnInit {
type: 'Dispatched',
comments: 'answer booklets details',
receiveBy: 'asd',
sendTo: 'SC 2',
status: 'received by SC',
date: '28/06/2018',
qt: 120,
@ -44,6 +46,7 @@ export class CourierComponent implements OnInit {
type: 'Dispatched',
comments: 'details',
receiveBy: 'abc',
sendTo: 'SC 1',
status: 'Sent by SC',
date: '12/06/2018',
qt: 120,

View File

@ -93,7 +93,7 @@
<th>Student Name</th>
<th>Father Name</th>
<th>Mobile</th>
<th>Course</th>
<th>Course/University</th>
<th>Sem/Year</th>
<th>Batch</th>
<th>Status</th>
@ -106,13 +106,13 @@
<td>{{app.studentName}}</td>
<td>{{app.fatherName}}</td>
<td>{{app.mobile}}</td>
<td>{{app.course}}</td>
<td>{{app.course}} / {{app.univ}}</td>
<td>{{app.sem}}</td>
<td>{{app.batch}}</td>
<td>
<span *ngIf="app.status == 1" class="badge badge-success">Active</span>
<span *ngIf="app.status == 0" class="badge badge-danger">In-Active</span>
</td>
</td>
<td>
<i class="fa fa-edit" tooltip="Edit" (click)="editDocuments()"></i>
<!--<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>-->
@ -136,14 +136,14 @@
<tab>
<ng-template tabHeading>Add Student</ng-template>
<div align="right">
<button *ngIf="!oldReg" (click)="oldReg = !oldReg" type="button" class="btn btn-sm btn-primary">Re-registration</button>
<button *ngIf="oldReg" (click)="oldReg = !oldReg" type="button" class="btn btn-sm btn-primary">New Student</button>
<!--<button *ngIf="!oldReg" (click)="oldReg = !oldReg" type="button" class="btn btn-sm btn-primary">Re-registration</button>
<button *ngIf="oldReg" (click)="oldReg = !oldReg" type="button" class="btn btn-sm btn-primary">New Student</button>-->
</div>
<br>
<div *ngIf="!oldReg">
<div class="card">
<div class="card-header">
Add Student Personal Details
Personal Details
</div>
<div class="card-body">
<div class="container">
@ -156,6 +156,18 @@
<label for="lname">Last Name <span class="danger">*</span></label>
<input type="text" class="form-control" id="lname" placeholder="Enter Last name">
</div>
<div class="form-group col-md-4">
<label for="gender">Gender <span class="danger">*</span></label>
<!--<input type="text" class="form-control" id="gender" placeholder="Enter Gender">-->
<div>
<label class="radio" for="gender">
<input type="radio" id="gender-male" name="inline-radios" value="Male"> Male
</label>
<label class="radio" for="inline-radio2">
<input type="radio" id="gender-female" name="inline-radios" value="Female"> Female
</label>
</div>
</div>
</div>
<div class="row">
<div class="form-group col-md-4">
@ -186,16 +198,7 @@
</div>
</div>
<div class="row">
<div class="form-group col-md-4">
<label for="gender">Gender <span class="danger">*</span></label>
<!--<input type="text" class="form-control" id="gender" placeholder="Enter Gender">-->
<label class="radio" for="gender">
<input type="radio" id="gender-male" name="inline-radios" value="Male"> Male
</label>
<label class="radio" for="inline-radio2">
<input type="radio" id="gender-female" name="inline-radios" value="Female"> Female
</label>
</div>
<div class="form-group col-md-4">
<label for="adhar">Aadhar Number <span class="danger">*</span></label>
<input type="text" class="form-control" id="adhar" placeholder="Enter Aadhar Number">
@ -208,12 +211,13 @@
<!--/.row-->
<div class="row">
<div class="form-group col-md-4">
<label for="premanentAddress">Premanent Address <span class="danger">*</span></label>
<label for="premanentAddress">Permanent Address <span class="danger">*</span></label>
<textarea class="form-control" id="premanentAddress" placeholder="Enter Permanent Address"></textarea>
</div>
<div class="form-group col-md-4">
<label for="currentAddress">Current Address <span class="danger">*</span></label>
<label for="currentAddress">Current Address<span class="danger">*</span> </label>
<textarea class="form-control" id="currentAddress" placeholder="Enter Current Address"></textarea>
Same as Permanent Address <span><input type="checkbox"></span>
</div>
</div>
</div>
@ -223,7 +227,7 @@
</div>
<div class="card">
<div class="card-header">
Add Course Details
Course Details
</div>
<div class="card-body">
<div class="container">
@ -287,7 +291,11 @@
</div>
</div>
</div>
<div *ngIf="oldReg">
</tab>
<tab>
<ng-template tabHeading>Re-registertion</ng-template>
<div>
<div class="card">
<div class="card-header">
Re-registration

View File

@ -21,6 +21,7 @@ export class StudentComponent implements OnInit {
fatherName: 'mmm mmm',
mobile: '+919876543210',
course: 'B.Sc',
univ: 'KR university',
sem: 2,
batch: 'Jan 2018',
status: '1'
@ -31,6 +32,7 @@ export class StudentComponent implements OnInit {
fatherName: 'sss sss',
mobile: '+919876511111',
course: 'B.Sc',
univ: 'KR university',
sem: 4,
batch: 'Jan 2018',
status: '1'
@ -41,6 +43,7 @@ export class StudentComponent implements OnInit {
fatherName: 'nnn nnn',
mobile: '+919876500000',
course: 'B.Sc',
univ: 'KR university',
sem: 8,
batch: 'Jan 2018',
status: '0'

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

@ -23,6 +23,7 @@
<tr>
<th>From Name</th>
<th>From Type</th>
<th>Course / University</th>
<th>Description</th>
<th>Status</th>
<th>Action</th>
@ -32,6 +33,7 @@
<tr *ngFor="let form of formsList">
<td>{{form.formName}}</td>
<td>{{form.formType}}</td>
<td>{{form.course}} / {{form.univ}}</td>
<td>{{form.description}}</td>
<td>
<span *ngIf="form.status == 1" class="badge badge-success">Active</span>
@ -78,17 +80,39 @@
<option>Admission Form</option>
</select>
</div>
<div class="col-md-4">
<label for="formType">Select University<span class="danger">*</span></label>
<select id="disabledSelect" class="form-control">
<option value="0">Please Select University</option>
<option value="1">MMM univ</option>
<option value="2">PPP univ</option>
<option value="3">SSS univ</option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-4">
<label for="formType">Select Course<span class="danger">*</span></label>
<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 class="form-group col-md-4">
<label for="formDescription">Description</label>
<textarea class="form-control" id="formDescription" placeholder="Enter Description"></textarea>
</div>
</div>
<div class="row">
<div class="form-group col-md-4">
Upload Form :
<input type="file" class="file-input">
</div>
<div class="form-group col-md-4">
</div>
<div class="row">
<div class="form-group col-md-4">
Active/De-Active : <label class="switch switch-default switch-pill switch-primary">
<input type="checkbox" class="switch-input" checked>
<span class="switch-label"></span>

View File

@ -17,19 +17,25 @@ export class FormListComponent implements OnInit {
formName: 'KR Univ Student Registration Form',
formType: 'Registration Form',
description: 'KR univ students registration form for upcomming batch',
univ: 'KR univ',
course: 'B.Sc',
status: '1'
},
{
formName: 'KR Univ Re-registration form',
formType: 'Registration Form',
description: 'KR univ re-registration form for arts students',
status: '1'
status: '1',
univ: 'KR univ',
course: 'MCA',
},
{
formName: 'PML Univ Re-registration form',
formType: 'Registration Form',
description: 'PML univ re-registration form for arts students',
status: '0'
status: '0',
univ: 'KR univ',
course: 'BCA',
}
]
}

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'
},
]
}
}