Apollo-DEC/apollosc
Apollo-DEC/apollosc
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://bitbucket.org/venbainformationtechnology/apollosc

Browse Source
This commit is contained in:
gayathri1990 2018-07-31 15:41:59 +05:30
commit d57336ad23
47 changed files with 2558 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/app.routing.ts
View File

@ -55,6 +55,10 @@ export const routes: Routes = [
{ {
path: 'studymaterial', path: 'studymaterial',
loadChildren: './views/studymaterial/studymaterial.module#StudymaterialModule' loadChildren: './views/studymaterial/studymaterial.module#StudymaterialModule'
},
{
path: 'receivefees',
loadChildren: './views/fees-details/fees-details.module#FeesDetailsModule',
} }
] ]
}, },

41
src/app/components/app-sidebar/app-sidebar.component.ts
View File

@ -51,32 +51,52 @@ export class AppSidebar {
url: '/masters/studyCenter', url: '/masters/studyCenter',
icon: 'fa fa-language' icon: 'fa fa-language'
},{ },{
name: 'Form List Master', name: 'Form List',
url: '/masters/formList', url: '/masters/formList',
icon: 'fa fa-language' icon: 'fa fa-language'
}, },
{ {
name: 'University Master', name: 'University',
url: '/masters/UniversityMaster', url: '/masters/UniversityMaster',
icon: 'fa fa-language' icon: 'fa fa-language'
}, },
{ {
name: 'Batch Master', name: 'Course',
url: '/masters/coursemaster',
icon: 'fa fa-book'
},
{
name: 'Share Allocate',
url: '/masters/shareallotmentmaster',
icon: 'fa fa-adjust'
},
{
name: 'Batch',
url: '/masters/BatchMaster', url: '/masters/BatchMaster',
icon: 'fa fa-language' icon: 'fa fa-language'
},
{
name: 'Session',
url: '/masters/sessionmaster',
icon: 'fa fa-support'
},
{
name: 'Status',
url: '/masters/statusmaster',
icon: 'fa fa-bullseye'
}, },
{ {
name: 'Document Master', name: 'Document',
url: '/masters/DocumentMaster', url: '/masters/DocumentMaster',
icon: 'fa fa-language' icon: 'fa fa-language'
}, },
{ {
name: 'Fees Master', name: 'Fees',
url: '/masters/FeesMaster', url: '/masters/FeesMaster',
icon: 'fa fa-language' icon: 'fa fa-language'
}, },
{ {
name: 'Form Master', name: 'Form',
url: '/masters/FormMaster', url: '/masters/FormMaster',
icon: 'fa fa-language' icon: 'fa fa-language'
}, },
@ -144,6 +164,11 @@ export class AppSidebar {
icon: 'fa fa-user-secret' icon: 'fa fa-user-secret'
} }
] ]
},
{
name: 'Fees Receive/Refund ',
icon: 'fa fa-money',
url: '/receivefees',
} }
]; ];
} }

5
src/app/views/entrollment/student/student.component.html
View File

@ -109,7 +109,10 @@
<td>{{app.course}}</td> <td>{{app.course}}</td>
<td>{{app.sem}}</td> <td>{{app.sem}}</td>
<td>{{app.batch}}</td> <td>{{app.batch}}</td>
<td>{{app.status}}</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-edit" tooltip="Edit" (click)="editDocuments()"></i>
<!--<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>--> <!--<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>-->

2
src/app/views/entrollment/student/student.component.ts
View File

@ -43,7 +43,7 @@ export class StudentComponent implements OnInit {
course: 'B.Sc', course: 'B.Sc',
sem: 8, sem: 8,
batch: 'Jan 2018', batch: 'Jan 2018',
status: '1' status: '0'
} }
] ]
} }

227
src/app/views/fees-details/edit-receive-fees/edit-receive-fees.component.html Normal file
View File

@ -0,0 +1,227 @@
<div class="animated fadeIn" *ngIf="!hideFeesAllocateC">
<form action="" method="post" class="form-horizontal">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> Manually Change Allocated Student Fees Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3">
<label for="editstudycenter">Study Center <span class="symbol required"></span></label>
<select class="form-control" id="editstudycenter" disabled>
<!-- <option>Select Study Center</option> -->
<option>CHE001-Chennai</option>
<option>CBE002-Coimbatore</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="edituniversity">University</label>
<select class="form-control" id="edituniversity" disabled>
<!-- <option>Select University</option> -->
<option>Anna University</option>
<option>SRM University</option>
<option>Karpagam University</option>
<option>Hindustan University</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="billNo">Bill No </label>
<input type="text" class="form-control" id="billNo" value="CHE-00001" placeholder="Enter bill no" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editbillAmount">Bill Amount <span class="symbol required"></span></label>
<input type="text" value="200000" class="form-control" id="editbillAmount" placeholder="Enter bill amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="receivedAmount">Received Amount <span class="symbol required"></span></label>
<input type="text" value="200000" class="form-control" id="receivedAmount" placeholder="Enter received amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="advanceAmount">Advance Amount <span class="symbol required"></span></label>
<input type="text" value="0" class="form-control" id="advanceAmount" placeholder="Enter advance amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editreceiptNo">Receipt No </label>
<input type="text" class="form-control" id="editreceiptNo" placeholder="Enter receipt no" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editpaymentMode">Mode Of Payment <span class="symbol required"></span></label>
<select class="form-control" id="editpaymentMode" disabled>
<!-- <option>Select Payment</option> -->
<option>CASH</option>
<option>CHEQUE</option>
<option>ONLINE TRANSACTION</option>
<option>CREDIT / DEBIT CARD</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="editcomments">Comments <span class="symbol required"></span></label>
<textarea maxlength="100" placeholder="Enter Comments" class="form-control" name="editcomments" id="editcomments" readonly></textarea>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Form Id</th>
<th>Student Name</th>
<th>Payable Amount</th>
<th>Paid Amount</th>
<th>Balance Amount</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="checkbox">
<label for="checkbox1">
<input type="checkbox" id="checkbox1" name="checkbox1" value="option1" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form001</a></td>
<td>
<span>Preetha - Srinivasan</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox2">
<input type="checkbox" id="checkbox1" name="checkbox2" value="option2" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form002</a>
</td>
<td>
<span>Ram - Ganesh</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox3">
<input type="checkbox" id="checkbox1" name="checkbox3" value="option3" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form003</a>
</td>
<td>
<span>Moorthy - Saminathan</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox4">
<input type="checkbox" id="checkbox4" name="checkbox4" value="option4" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form004</a>
</td>
<td>
<span>Mohan - Saravanan</span>
</td>
<td>
<span>100000</span>
</td>
<td>
<span>75000</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>Partially Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox5">
<input type="checkbox" id="checkbox5" name="checkbox5" value="option5">
</label>
</span> &nbsp;
<a title="Click to view student course details">Form005</a>
</td>
<td>
<span>Renu - Sathish</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>Pending</span>
</td>
</tr>
</tbody>
</table>
</div>
<!--/.col-->
</div>
</div>
<div class="card-footer">
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="button" class="btn btn-sm btn-danger" (click)="cancel()"><i class="fa fa-ban"></i> Cancel</button>
</div>
</div>
</div>
</div>
</div><!--/.row-->
</form>
</div>
<app-fees-details *ngIf="hideFeesAllocateC"></app-fees-details>

16
src/app/views/fees-details/edit-receive-fees/edit-receive-fees.component.scss Normal file
View File

@ -0,0 +1,16 @@
// form input symbol
.symbol.required:before {
content: "*";
display: inline;
color: #f86c6b;
}
.endBtn {
padding-right: 0px;
}
saveBtnDiv {
margin-top: 28px;
}
a:hover {
cursor:pointer;
}

25
src/app/views/fees-details/edit-receive-fees/edit-receive-fees.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { EditReceiveFeesComponent } from './edit-receive-fees.component';
describe('EditReceiveFeesComponent', () => {
let component: EditReceiveFeesComponent;
let fixture: ComponentFixture<EditReceiveFeesComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ EditReceiveFeesComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(EditReceiveFeesComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

21
src/app/views/fees-details/edit-receive-fees/edit-receive-fees.component.ts Normal file
View File

@ -0,0 +1,21 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-edit-receive-fees',
templateUrl: './edit-receive-fees.component.html',
styleUrls: ['./edit-receive-fees.component.scss']
})
export class EditReceiveFeesComponent implements OnInit {
hideFeesAllocateC: boolean;
constructor() {
this.hideFeesAllocateC= false;
}
ngOnInit() {
}
cancel() {
this.hideFeesAllocateC= true;
}
}

203
src/app/views/fees-details/edit-refund-fees-details/edit-refund-fees-details.component.html Normal file
View File

@ -0,0 +1,203 @@
<div class="animated fadeIn" *ngIf="!hideEditRefundFeesC">
<form action="" method="post" class="form-horizontal">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> Manually Change Allocated Student Fees Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3">
<label for="editRefundastudycenter">Study Center <span class="symbol required"></span></label>
<select class="form-control" id="editRefundastudycenter" disabled>
<!-- <option>Select Study Center</option> -->
<option>CHE001-Chennai</option>
<option>CBE002-Coimbatore</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="editRefundauniversity">University</label>
<select class="form-control" id="editRefundauniversity" disabled>
<!-- <option>Select University</option> -->
<option>Anna University</option>
<option>SRM University</option>
<option>Karpagam University</option>
<option>Hindustan University</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="editRefundabillNo">Bill No </label>
<input type="text" class="form-control" id="editRefundabillNo" value="CHE-00002" placeholder="Enter bill no" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editRefundabillAmount">Bill Amount <span class="symbol required"></span></label>
<input type="text" value="100000" class="form-control" id="editRefundabillAmount" placeholder="Enter bill amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editRefundareceivedAmount">Refund Received Amount <span class="symbol required"></span></label>
<input type="text" value="50000" class="form-control" id="editRefundareceivedAmount" placeholder="Enter received amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editRefundadvanceAmount">Advance Amount <span class="symbol required"></span></label>
<input type="text" value="0" class="form-control" id="editRefundadvanceAmount" placeholder="Enter advance amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editRefundreceiptNo">Receipt No </label>
<input type="text" class="form-control" id="editRefundreceiptNo" placeholder="Enter receipt no" readonly>
</div>
<div class="form-group col-sm-3">
<label for="editpaymentMode">Mode Of Payment <span class="symbol required"></span></label>
<select class="form-control" id="editpaymentMode" disabled>
<!-- <option>Select Payment</option> -->
<option>CASH</option>
<option>CHEQUE</option>
<option>ONLINE TRANSACTION</option>
<option>CREDIT / DEBIT CARD</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="editRefundcomments">Comments <span class="symbol required"></span></label>
<textarea maxlength="100" placeholder="Enter Comments" class="form-control" name="editRefundcomments" id="editRefundcomments" readonly></textarea>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Form Id</th>
<th>Student Name</th>
<th>Payable Amount</th>
<th>Paid Amount</th>
<th>Balance Amount</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="checkbox">
<label for="checkbox1">
<input type="checkbox" id="checkbox1" name="checkbox1" value="option1" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form006</a></td>
<td>
<span>Preetha - Srinivasan</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox2">
<input type="checkbox" id="checkbox1" name="checkbox2" value="option2" checked>
</label>
</span> &nbsp;
<a title="Click to view student course details">Form002</a>
</td>
<td>
<span>Ram - Ganesh</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox3">
<input type="checkbox" id="checkbox1" name="checkbox3" value="option3">
</label>
</span> &nbsp;
<a title="Click to view student course details">Form008</a>
</td>
<td>
<span>Moorthy - Saminathan</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>Pending</span>
</td>
</tr>
<tr>
<td>
<span class="checkbox">
<label for="checkbox4">
<input type="checkbox" id="checkbox4" name="checkbox4" value="option4">
</label>
</span> &nbsp;
<a title="Click to view student course details">Form009</a>
</td>
<td>
<span>Mohan - Saravanan</span>
</td>
<td>
<span>100000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>100000</span>
</td>
<td>
<span>Pending</span>
</td>
</tr>
</tbody>
</table>
</div>
<!--/.col-->
</div>
</div>
<div class="card-footer">
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="button" class="btn btn-sm btn-danger" (click)="cancel()"><i class="fa fa-ban"></i> Cancel</button>
</div>
</div>
</div>
</div>
</div><!--/.row-->
</form>
</div>
<app-fees-details *ngIf="hideEditRefundFeesC"></app-fees-details>

16
src/app/views/fees-details/edit-refund-fees-details/edit-refund-fees-details.component.scss Normal file
View File

@ -0,0 +1,16 @@
// form input symbol
.symbol.required:before {
content: "*";
display: inline;
color: #f86c6b;
}
.endBtn {
padding-right: 0px;
}
saveBtnDiv {
margin-top: 28px;
}
a:hover {
cursor:pointer;
}

25
src/app/views/fees-details/edit-refund-fees-details/edit-refund-fees-details.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { EditRefundFeesDetailsComponent } from './edit-refund-fees-details.component';
describe('EditRefundFeesDetailsComponent', () => {
let component: EditRefundFeesDetailsComponent;
let fixture: ComponentFixture<EditRefundFeesDetailsComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ EditRefundFeesDetailsComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(EditRefundFeesDetailsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

20
src/app/views/fees-details/edit-refund-fees-details/edit-refund-fees-details.component.ts Normal file
View File

@ -0,0 +1,20 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-edit-refund-fees-details',
templateUrl: './edit-refund-fees-details.component.html',
styleUrls: ['./edit-refund-fees-details.component.scss']
})
export class EditRefundFeesDetailsComponent implements OnInit {
hideEditRefundFeesC: boolean;
constructor() {
this.hideEditRefundFeesC=false;
}
ngOnInit() {
}
cancel() {
this.hideEditRefundFeesC=true;
}
}

19
src/app/views/fees-details/fees-details-routing.module.ts Normal file
View File

@ -0,0 +1,19 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { FeesDetailsComponent } from './fees-details.component';
const routes: Routes = [
{
path: '',
component: FeesDetailsComponent,
data: {
title: "Fees Receive/Refund"
}
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class FeesDetailsRoutingModule { }

331
src/app/views/fees-details/fees-details.component.html Normal file
View File

@ -0,0 +1,331 @@
<div class="animated fadeIn" *ngIf="!hideFeesDetailsC">
<!--/.row-->
<div class="row">
<!--/.col-->
<div class="col-md-12 mb-4">
<!-- Nav tabs -->
<tabset>
<tab>
<ng-template tabHeading> View Received Fees</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 Received Fees 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">
<select class="form-control" id="studycenter">
<option>Select Study Center</option>
<option>CHE001-Chennai</option>
<option>CBE002-Coimbatore</option>
</select>
</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>Bill No</th>
<th>Receipt No</th>
<th>Bill Amount </th>
<th>Received Amount</th>
<th>Advance Amount</th>
<th>Received On</th>
<th>Mode Of Payment</th>
<th>Study Center</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>CHE-00001</td>
<td></td>
<td>200000</td>
<td>200000</td>
<td><a title="Click to refund amount" (click)="refundFees()">0</a></td>
<td>14-07-2019</td>
<td>CASH</td>
<td>Chennai</td>
<td>
<a (click)="editFees()"><i class="fa fa-pencil-square-o"></i></a>
&nbsp;&nbsp;
<a (click)="viewFeesDetailsModal.show()"><i class="fa fa-eye"></i></a>
</td>
</tr>
<tr>
<td>CHE-00002</td>
<td></td>
<td>100000</td>
<td>50000</td>
<td><a title="Click to refund amount" (click)="refundFees()">50000</a></td>
<td>14-07-2019</td>
<td>CASH</td>
<td>Coimbatore</td>
<td>
<a><i class="fa fa-pencil-square-o" (click)="editFees()"></i></a>
&nbsp;&nbsp;
<a (click)="viewFeesDetailsModal.show()"><i class="fa fa-eye"></i></a>
</td>
</tr>
<tr>
<td>CHE-00005</td>
<td></td>
<td>400000</td>
<td>400000</td>
<td><a title="Click to refund amount" (click)="refundFees()">0</a></td>
<td>14-07-2019</td>
<td>CASH</td>
<td>Salem</td>
<td>
<a><i class="fa fa-pencil-square-o" (click)="editFees()"></i></a>
&nbsp;&nbsp;
<a (click)="viewFeesDetailsModal.show()"><i class="fa fa-eye"></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> Add Receive Fees</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 Receive Fees For Study Center
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3">
<label for="addstudycenter">Study Center <span class="symbol required"></span></label>
<select class="form-control" id="addstudycenter">
<!-- <option>Select Study Center</option> -->
<option>CHE001-Chennai</option>
<option>CBE002-Coimbatore</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="adduniversity">University</label>
<select class="form-control" id="adduniversity">
<!-- <option>Select University</option> -->
<option>Anna University</option>
<option>SRM University</option>
<option>Karpagam University</option>
<option>Hindustan University</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="receiptNo">Receipt No </label>
<input type="text" class="form-control" id="receiptNo" placeholder="Enter receipt no">
</div>
<div class="form-group col-sm-3">
<label for="billDate">Bill Date <span class="symbol required"></span></label>
<input type="date" class="form-control" id="billDate" placeholder="dd-mm-yyyy" style="display: block;">
</div>
<div class="form-group col-sm-3">
<label for="billAmount">Bill Amount <span class="symbol required"></span></label>
<input type="text" value="200000" class="form-control" id="billAmount" placeholder="Enter bill amount">
</div>
<div class="form-group col-sm-3">
<label for="paymentMode">Mode Of Payment <span class="symbol required"></span></label>
<select class="form-control" id="paymentMode">
<!-- <option>Select Payment</option> -->
<option>CASH</option>
<option>CHEQUE</option>
<option>ONLINE TRANSACTION</option>
<option>CREDIT / DEBIT CARD</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="comments">Comments <span class="symbol required"></span></label>
<textarea maxlength="100" placeholder="Enter Comments" class="form-control" name="comments" id="comments" ></textarea>
</div>
</div>
</div>
<div class="card-footer">
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<button type="button" class="btn btn-sm btn-success" (click)="saveFees()"><i class="fa fa-plus"></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>
</div>
</form>
</div> </tab>
</tabset>
</div><!--/.col-->
</div>
<!--/.row-->
</div>
<app-edit-receive-fees *ngIf="showFeesAllocateC"></app-edit-receive-fees>
<app-refund-fees-details *ngIf="showFeesRefundC"></app-refund-fees-details>
<!-- view fees details modal-->
<div bsModal #viewFeesDetailsModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Bill No: CHE-00001 Details</h5>
<button type="button btn-dark" class="close" (click)="viewFeesDetailsModal.hide()" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Form Id</th>
<th>Student Name</th>
<th>Payable Amount</th>
<th>Paid Amount</th>
<th>Balance Amount</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span>Form001</span>
</td>
<td>
<span>Preetha - Srinivasan</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span>Form002</span>
</td>
<td>
<span>Ram - Ganesh</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span>Form003</span>
</td>
<td>
<span>Moorthy - Saminathan</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>50000</span>
</td>
<td>
<span>0</span>
</td>
<td>
<span>Paid</span>
</td>
</tr>
<tr>
<td>
<span>Form004</span>
</td>
<td>
<span>Mohan - Saravanan</span>
</td>
<td>
<span>100000</span>
</td>
<td>
<span>75000</span>
</td>
<td>
<span>25000</span>
</td>
<td>
<span>Partially Paid</span>
</td>
</tr>
</tbody>
</table>
</div>
<!--/.col-->
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" (click)="viewFeesDetailsModal.hide()">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- end fees detailsmodal -->

16
src/app/views/fees-details/fees-details.component.scss Normal file
View File

@ -0,0 +1,16 @@
// form input symbol
.symbol.required:before {
content: "*";
display: inline;
color: #f86c6b;
}
.endBtn {
padding-right: 0px;
}
saveBtnDiv {
margin-top: 28px;
}
a:hover {
cursor:pointer;
}

25
src/app/views/fees-details/fees-details.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { FeesDetailsComponent } from './fees-details.component';
describe('FeesDetailsComponent', () => {
let component: FeesDetailsComponent;
let fixture: ComponentFixture<FeesDetailsComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ FeesDetailsComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(FeesDetailsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

34
src/app/views/fees-details/fees-details.component.ts Normal file
View File

@ -0,0 +1,34 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-fees-details',
templateUrl: './fees-details.component.html',
styleUrls: ['./fees-details.component.scss']
})
export class FeesDetailsComponent implements OnInit {
hideFeesDetailsC: boolean;
showFeesAllocateC: boolean;
showFeesRefundC: boolean;
constructor() {
this.showFeesAllocateC= false;
this.showFeesRefundC= false;
this.hideFeesDetailsC= false;
}
ngOnInit() {
}
saveFees() {
this.showFeesAllocateC= true;
this.hideFeesDetailsC= true;
}
editFees() {
this.showFeesAllocateC= true;
this.hideFeesDetailsC= true;
}
refundFees() {
this.showFeesRefundC= true;
this.hideFeesDetailsC= true;
}
}

13
src/app/views/fees-details/fees-details.module.spec.ts Normal file
View File

@ -0,0 +1,13 @@
import { FeesDetailsModule } from './fees-details.module';
describe('FeesDetailsModule', () => {
let feesDetailsModule: FeesDetailsModule;
beforeEach(() => {
feesDetailsModule = new FeesDetailsModule();
});
it('should create an instance', () => {
expect(feesDetailsModule).toBeTruthy();
});
});

19
src/app/views/fees-details/fees-details.module.ts Normal file
View File

@ -0,0 +1,19 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
// Modal Component
import { ModalModule } from 'ngx-bootstrap/modal';
// Tabs Component
import { TabsModule } from 'ngx-bootstrap/tabs';
import { FeesDetailsRoutingModule } from './fees-details-routing.module';
import { FeesDetailsComponent } from './fees-details.component';
import { EditReceiveFeesComponent } from './edit-receive-fees/edit-receive-fees.component';
import { RefundFeesDetailsComponent } from './refund-fees-details/refund-fees-details.component';
import { EditRefundFeesDetailsComponent } from './edit-refund-fees-details/edit-refund-fees-details.component';
@NgModule({
imports: [
CommonModule,
FeesDetailsRoutingModule, TabsModule, ModalModule.forRoot()
],
declarations: [FeesDetailsComponent, EditReceiveFeesComponent, RefundFeesDetailsComponent, EditRefundFeesDetailsComponent]
})
export class FeesDetailsModule { }

52
src/app/views/fees-details/refund-fees-details/refund-fees-details.component.html Normal file
View File

@ -0,0 +1,52 @@
<div class="animated fadeIn" *ngIf="!hideRefundFeesC">
<form action="" method="post" class="form-horizontal">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> Fees Refund From Paid Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3">
<label for="refundstudycenter">Study Center <span class="symbol required"></span></label>
<select class="form-control" id="refundstudycenter" disabled>
<!-- <option>Select Study Center</option> -->
<option>CHE001-Chennai</option>
<option>CBE002-Coimbatore</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="refundadvanceAmount">Advance Amount <span class="symbol required"></span></label>
<input type="text" value="50000" class="form-control" id="advanceAmount" placeholder="Enter advance amount" readonly>
</div>
<div class="form-group col-sm-3">
<label for="refunduniversity">University</label>
<select class="form-control" id="refunduniversity">
<option>Anna University</option>
<option>SRM University</option>
<option>Karpagam University</option>
<option>Hindustan University</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="refundAmount">Refund Amount <span class="symbol required"></span></label>
<input type="text" value="50000" class="form-control" id="refundAmount" placeholder="Enter refund amount">
</div>
</div>
</div>
<div class="card-footer">
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<button type="button" class="btn btn-sm btn-success" (click)="refund()"><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>
</div><!--/.row-->
</form>
</div>
<app-edit-refund-fees-details *ngIf="hideRefundFeesC"></app-edit-refund-fees-details>

16
src/app/views/fees-details/refund-fees-details/refund-fees-details.component.scss Normal file
View File

@ -0,0 +1,16 @@
// form input symbol
.symbol.required:before {
content: "*";
display: inline;
color: #f86c6b;
}
.endBtn {
padding-right: 0px;
}
saveBtnDiv {
margin-top: 28px;
}
a:hover {
cursor:pointer;
}

25
src/app/views/fees-details/refund-fees-details/refund-fees-details.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { RefundFeesDetailsComponent } from './refund-fees-details.component';
describe('RefundFeesDetailsComponent', () => {
let component: RefundFeesDetailsComponent;
let fixture: ComponentFixture<RefundFeesDetailsComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ RefundFeesDetailsComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(RefundFeesDetailsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

19
src/app/views/fees-details/refund-fees-details/refund-fees-details.component.ts Normal file
View File

@ -0,0 +1,19 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-refund-fees-details',
templateUrl: './refund-fees-details.component.html',
styleUrls: ['./refund-fees-details.component.scss']
})
export class RefundFeesDetailsComponent implements OnInit {
hideRefundFeesC: boolean;
constructor() {
this.hideRefundFeesC= false;
}
ngOnInit() {
}
refund() {
this.hideRefundFeesC= true;
}
}

127
src/app/views/masters/course-master/add-semyear-fees/add-semyear-fees.component.html Normal file
View File

@ -0,0 +1,127 @@
<div class="animated fadeIn" *ngIf="hideSemYearC">
<form action="" method="post" class="form-horizontal">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> Add Fees Details Of Anna University / Information Technology
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3">
<label for="effective">Effective From <span class="symbol required"></span></label>
<select class="form-control" id="effective">
<option>July-2019</option>
<option>June-2019</option>
</select>
</div>
<div class="form-group col-sm-3">
<label for="feesName">Fees Name <span class="symbol required"></span></label>
<select class="form-control" id="semyear">
<option>Tution Fees</option>
<option>Exam Fees</option>
<option>Late Fees</option>
<option>Other Fees</option>
</select>
</div>
<div class="form-group col-sm-2">
<label for="feesAmount">Fees Amount <span class="symbol required"></span></label>
<input type="text" class="form-control" value="15000" id="feesAmount" placeholder="Enter fees amount">
</div>
<div class="form-group col-sm-2">
<label for="feesType">One Time / Per Sem <span class="symbol required"></span></label>
<select class="form-control" id="semyear">
<option>Select One Time / Per Sem</option>
<option>One Time</option>
<option>Per Sem</option>
</select>
</div>
<div class="form-group col-sm-2" style="margin-top: 28px;">
<button type="button" class="btn btn-sm btn-primary" (click)="showSemYearFees()"><i class="fa fa-plus-circle "></i> Add</button>
</div>
</div><!--/.row-->
<div class="row">
<div class="col-md-9">
<table class="table table-bordered table-responive table-hover">
<thead>
<tr>
<th>Fees Name</th>
<th>Fees Amount</th>
<th>One Time / Per Sem</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tution Fees</td>
<td>
<span>15000</span>
</td>
<td>
<span>One Time</span>
</td>
<td>
<a><i class="fa fa-trash"></i></a>
</td>
</tr>
<tr>
<td>Exam Fees</td>
<td>
<span>5000</span>
</td>
<td>
<span>Per Sem</span>
</td>
<td>
<a><i class="fa fa-trash"></i></a>
</td>
</tr>
<tr>
<td>Late Fees</td>
<td>
<span>2000</span>
</td>
<td>
<span>Per Sem</span>
</td>
<td>
<a><i class="fa fa-trash"></i></a>
</td>
</tr>
<tr>
<td>Other Fees</td>
<td>
<span>1000</span>
</td>
<td>
<span>Per Sem</span>
</td>
<td>
<a><i class="fa fa-trash"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
<!--/.col-->
</div>
</div>
<div class="card-footer">
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<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>
</div><!--/.row-->
</form>
</div>

16
src/app/views/masters/course-master/add-semyear-fees/add-semyear-fees.component.scss Normal file
View File

@ -0,0 +1,16 @@
// form input symbol
.symbol.required:before {
content: "*";
display: inline;
color: #f86c6b;
}
.endBtn {
padding-right: 0px;
}
saveBtnDiv {
margin-top: 28px;
}
a:hover {
cursor:pointer;
}

25
src/app/views/masters/course-master/add-semyear-fees/add-semyear-fees.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AddSemyearFeesComponent } from './add-semyear-fees.component';
describe('AddSemyearFeesComponent', () => {
let component: AddSemyearFeesComponent;
let fixture: ComponentFixture<AddSemyearFeesComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ AddSemyearFeesComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(AddSemyearFeesComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

31
src/app/views/masters/course-master/add-semyear-fees/add-semyear-fees.component.ts Normal file
View File

@ -0,0 +1,31 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-add-semyear-fees',
templateUrl: './add-semyear-fees.component.html',
styleUrls: ['./add-semyear-fees.component.scss']
})
export class AddSemyearFeesComponent implements OnInit {
showAddCard: boolean;
hideSemYearC: boolean;
constructor() {
this.showAddCard= false;
this.hideSemYearC= true;
}
ngOnInit() {
}
// show sem/year fees
showSemYearFees() {
this.showAddCard= true;
}
// load course details component
loadCourseDetails() {
this.hideSemYearC= false;
}
}

325
src/app/views/masters/course-master/course-master.component.html Normal file
View File

@ -0,0 +1,325 @@
<div class="animated fadeIn" *ngIf="hideCourseMasterC">
<!--/.row-->
<div class="row">
<!--/.col-->
<div class="col-md-12 mb-4">
<!-- Nav tabs -->
<tabset>
<tab>
<ng-template tabHeading> View Course </ng-template>
<!-- &nbsp;<span class="badge badge-pill badge-success">5</span> -->
<!--/.row-->
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> View Course Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-4 ">
<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>
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Course Code</th>
<th>Course Name</th>
<th>University Name</th>
<th>Sem / Year</th>
<th>Status</th>
<th>Course Action</th>
<th>Fees Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>CB001</td>
<td>Information Technology</td>
<td>SRM University</td>
<td>SEM</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
</td>
</tr>
<tr>
<td>CHE002</td>
<td>Computer Science And Engg</td>
<td>Anna University</td>
<td>SEM</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
</td>
</tr>
<tr>
<td>MP0200</td>
<td>Mechanical Engg</td>
<td>Karpagam University</td>
<td>SEM</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
</td>
</tr>
<tr>
<td>L0022</td>
<td>Fashion Technology</td>
<td>Ann University</td>
<td>SEM</td>
<td>
<span class="badge badge-danger">InActive</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></i></a>
</td>
</tr>
<tr>
<td>CB001</td>
<td>Information Technology</td>
<td>SRM University</td>
<td>SEM</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a (click)="viewSemYearModal.show()"><i class="fa fa-eye"></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>
</tab>
<tab>
<ng-template tabHeading> Add Course</ng-template>
<form action="" method="post" class="form-horizontal">
<div class="form-group row">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> Course Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-6">
<label for="university">University <span class="symbol required"></span></label>
<select class="form-control" id="university">
<!-- <option>Select University</option> -->
<option>Anna University</option>
<option>SRM University</option>
<option>Karpagam University</option>
<option>Hindustan University</option>
</select>
</div>
<div class="form-group col-sm-6">
<label for="coursecode">Course Code <span class="symbol required"></span></label>
<input type="text" class="form-control" id="coursecode" placeholder="Enter course code"> </div>
<div class="form-group col-sm-6">
<label for="coursename">Course Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="coursename" placeholder="Enter course name"> </div>
<div class="form-group col-sm-6">
<label for="semyear">Sem / Year <span class="symbol required"></span></label>
<select class="form-control" id="semyear" (change)="getCourseFeesStructure()">
<option>Select Sem / Year</option>
<option>SEM</option>
<option>YEAR</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> Fees Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-4">
<label for="pc">Prov Cert Fees</label>
<input type="text" class="form-control" id="pc" placeholder="Enter tc amt"> </div>
<div class="form-group col-sm-4">
<label for="tc">Transfer Cert Fees</label>
<input type="text" class="form-control" id="tc" placeholder="Enter tc amt"> </div>
<div class="form-group col-sm-4">
<label for="dc">Degree Cert Fees</label>
<input type="text" class="form-control" id="dc" placeholder="Enter dc amt"> </div>
<div class="form-group col-sm-4">
<label for="mc">Migration Cert Fees</label>
<input type="text" class="form-control" id="mc" placeholder="Enter mc amt"> </div>
<div class="form-group col-sm-4">
<label for="other">Other Fees</label>
<input type="text" class="form-control" id="other" placeholder="Enter others amt"> </div>
</div><!--/.row-->
</div>
<!-- <div class="card-footer">
<div class="col-lg-12 col-xs-12" align="right">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Add</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
</div>
</div> -->
</div>
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<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>
</form>
</tab>
</tabset>
</div><!--/.col-->
</div>
<!--/.row-->
</div>
<div class="row">
<div class="form-group col-sm-12 backBtn" *ngIf="!hideCourseMasterC">
<button type="button" class="btn btn-sm btn-primary" (click)="hideAllChildComponent()"><i class="fa fa-arrow-circle-left"></i> Back</button>
</div>
</div>
<app-add-semyear-fees *ngIf="!hideCourseMasterC"></app-add-semyear-fees>
<!-- view sem/year fees modal-->
<div bsModal #viewSemYearModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Anna University / Information Technology Details</h5>
<button type="button btn-dark" class="close" (click)="viewSemYearModal.hide()" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form action="" method="post" class="form-horizontal">
<div class="row">
<div class="col-md-9">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>Fees Name</th>
<th>Fees Amount</th>
<th>One Time / Per Sem</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tution Fees</td>
<td>
<span>15000</span>
</td>
<td>
<span>One Time</span>
</td>
</tr>
<tr>
<td>Exam Fees</td>
<td>
<span>5000</span>
</td>
<td>
<span>Per Sem</span>
</td>
</tr>
<tr>
<td>Late Fees</td>
<td>
<span>2000</span>
</td>
<td>
<span>Per Sem</span>
</td>
</tr>
<tr>
<td>Other Fees</td>
<td>
<span>1000</span>
</td>
<td>
<span>Per Sem</span>
</td>
</tr>
</tbody>
</table>
</div>
<!--/.col-->
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" (click)="viewSemYearModal.hide()">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- end sem year fees modal -->

17
src/app/views/masters/course-master/course-master.component.scss Normal file
View File

@ -0,0 +1,17 @@
// form input symbol
.symbol.required:before {
content: "*";
display: inline;
color: #f86c6b;
}
a:hover {
cursor:pointer;
}
.endBtn {
padding-right: 2px;
}
.backBtn {
margin-top: -9px;
}

25
src/app/views/masters/course-master/course-master.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { CourseMasterComponent } from './course-master.component';
describe('CourseMasterComponent', () => {
let component: CourseMasterComponent;
let fixture: ComponentFixture<CourseMasterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ CourseMasterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(CourseMasterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

34
src/app/views/masters/course-master/course-master.component.ts Normal file
View File

@ -0,0 +1,34 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-course-master',
templateUrl: 'course-master.component.html',
styleUrls: ['./course-master.component.scss']
})
export class CourseMasterComponent implements OnInit {
hideCourseMasterC: boolean;
viewSemYearCard: boolean;
textValue: string;
constructor() {
this.hideCourseMasterC= true;
this.viewSemYearCard= false;
this.textValue='karthi';
}
ngOnInit() {
}
// load addsem year fees component
loadAddSemYearFees() {
this.hideCourseMasterC= false;
}
// hide all child components
hideAllChildComponent() {
this.hideCourseMasterC= true;
}
//view sem year fees card
viewSemYearFees() {
this.viewSemYearCard= true;
}
}

216
src/app/views/masters/fees-share-allotment-master/fees-share-allotment-master.component.html Normal file
View File

@ -0,0 +1,216 @@
<div class="animated fadeIn">
<!--/.row-->
<div class="row">
<!--/.col-->
<div class="col-md-12 mb-4">
<!-- Nav tabs -->
<tabset>
<tab>
<ng-template tabHeading> View 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
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3">
<select class="form-control" id="studycenter">
<option>Select Study Center</option>
<option>CHE001-Chennai</option>
<option>CBE002-Coimbatore</option>
</select>
</div>
<div class="form-group col-sm-3">
<select class="form-control" id="university">
<option>Select University</option>
<option>Anna University</option>
<option>SRM University</option>
<option>Karpagam University</option>
<option>Hindustan University</option>
</select>
</div>
<div class="form-group col-sm-3 ">
<select class="form-control" id="course">
<option>Select Course</option>
<option>CB001-Information Technology</option>
<option>CHE002-Computer Science And Engg</option>
<option>L0022-Fashion Technology</option>
<option>MP0200-Mechanical Engg</option>
</select>
</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 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><!--/.row-->
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered table-responsive table-hover">
<thead>
<tr>
<th>Study Center</th>
<th>University</th>
<th>Course</th>
<th>Effective From</th>
<th>Percentage</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Chennai</td>
<td>Anna University</td>
<td>Information Technology</td>
<td>14-09-2019</td>
<td>
<span class="badge badge-success">10</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a>
</td>
</tr>
<tr>
<td>Chennai</td>
<td>SRM University</td>
<td>Fashion Technology</td>
<td>14-09-2019</td>
<td>
<span class="badge badge-success">15</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a>
</td>
</tr>
<tr>
<td>Chennai</td>
<td>Karpagam University</td>
<td>Computer Science And Engg</td>
<td></td>
<td>
<span class="badge badge-success">10</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a>
</td>
</tr>
<tr>
<td>Chennai</td>
<td>Anna University</td>
<td>Fashion Technology</td>
<td>14-09-2019</td>
<td>
<span class="badge badge-success">10</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> Add 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
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-4">
<label for="adduniversity">University <span class="symbol required"></span></label>
<select class="form-control" id="adduniversity">
<option>Select University</option>
<option>Anna University</option>
<option>SRM University</option>
<option>Karpagam University</option>
<option>Hindustan University</option>
</select>
</div>
<div class="form-group col-sm-4 ">
<label for="addcourse">Course <span class="symbol required"></span></label>
<select class="form-control" id="addcourse">
<option>Select Multiple Course</option>
<option>CB001-Information Technology</option>
<option>CHE002-Computer Science And Engg</option>
<option>L0022-Fashion Technology</option>
<option>MP0200-Mechanical Engg</option>
</select>
</div>
<div class="form-group col-sm-4">
<label for="addstudycenter">Study Center <span class="symbol required"></span></label>
<select class="form-control" id="addstudycenter">
<option>Select Multiple Study Center</option>
<option>CHE001-Chennai</option>
<option>CBE002-Coimbatore</option>
</select>
</div>
<div class="form-group col-sm-4">
<label for="effectivefrom">Effective From</label>
<input type="date" class="form-control" id="effectivefrom" placeholder="dd-mm-yyyy" style="display: block;"> </div>
<div class="form-group col-sm-4">
<label for="percentage">Percentage <span class="symbol required"></span></label>
<input type="text" class="form-control" id="percentage" placeholder="Enter percentage"> </div>
</div>
</div>
<div class="card-footer">
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-plus"></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>
</div>
</form>
</div> </tab>
</tabset>
</div><!--/.col-->
</div>
<!--/.row-->
</div>

12
src/app/views/masters/fees-share-allotment-master/fees-share-allotment-master.component.scss Normal file
View File

@ -0,0 +1,12 @@
a:hover {
cursor:pointer;
}
.symbol.required:before {
content: "*";
display: inline;
color: #f86c6b;
//font-size: large;
}
.endBtn {
padding-right: 0px;
}

25
src/app/views/masters/fees-share-allotment-master/fees-share-allotment-master.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { FeesShareAllotmentMasterComponent } from './fees-share-allotment-master.component';
describe('FeesShareAllotmentMasterComponent', () => {
let component: FeesShareAllotmentMasterComponent;
let fixture: ComponentFixture<FeesShareAllotmentMasterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ FeesShareAllotmentMasterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(FeesShareAllotmentMasterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

15
src/app/views/masters/fees-share-allotment-master/fees-share-allotment-master.component.ts Normal file
View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-fees-share-allotment-master',
templateUrl: './fees-share-allotment-master.component.html',
styleUrls: ['./fees-share-allotment-master.component.scss']
})
export class FeesShareAllotmentMasterComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}

34
src/app/views/masters/masters-routing.module.ts
View File

@ -12,6 +12,10 @@ import { FeesMasterComponent } from './fees-master/fees-master.component';
import { FormMasterComponent } from './form-master/form-master.component'; import { FormMasterComponent } from './form-master/form-master.component';
import { ExamtimeTableComponent } from './examtime-table/examtime-table.component'; import { ExamtimeTableComponent } from './examtime-table/examtime-table.component';
import { StudyMaterialComponent } from './study-material/study-material.component'; import { StudyMaterialComponent } from './study-material/study-material.component';
import { CourseMasterComponent } from './course-master/course-master.component';
import { FeesShareAllotmentMasterComponent } from './fees-share-allotment-master/fees-share-allotment-master.component';
import { SessionMasterComponent } from './session-master/session-master.component';
import { StatusMasterComponent } from './status-master/status-master.component';
const routes: Routes = [ const routes: Routes = [
{ {
path: '', path: '',
@ -89,7 +93,35 @@ const routes: Routes = [
data: { data: {
title: 'Exam Timetable' title: 'Exam Timetable'
} }
} },
{
path: "coursemaster",
component: CourseMasterComponent,
data: {
title: "Course"
}
},
{
path: "shareallotmentmaster",
component: FeesShareAllotmentMasterComponent,
data: {
title: "Share Allocate"
}
},
{
path: "sessionmaster",
component: SessionMasterComponent,
data: {
title: "Session"
}
},
{
path: "statusmaster",
component: StatusMasterComponent,
data: {
title: "Status"
}
}
] ]
} }
]; ];

14
src/app/views/masters/masters.module.ts
View File

@ -35,6 +35,13 @@ import { ExamtimeTableComponent } from './examtime-table/examtime-table.componen
// Form list // Form list
import { FormListComponent } from './form-list/form-list.component'; import { FormListComponent } from './form-list/form-list.component';
// import course ,status ,session fees share allotment
import { CourseMasterComponent } from './course-master/course-master.component';
import { AddSemyearFeesComponent } from './course-master/add-semyear-fees/add-semyear-fees.component';
import { FeesShareAllotmentMasterComponent } from './fees-share-allotment-master/fees-share-allotment-master.component';
import { SessionMasterComponent } from './session-master/session-master.component';
import { StatusMasterComponent } from './status-master/status-master.component';
@NgModule({ @NgModule({
imports: [ imports: [
CommonModule, CommonModule,
@ -58,7 +65,12 @@ import { FormListComponent } from './form-list/form-list.component';
FeesMasterComponent, FeesMasterComponent,
FormMasterComponent, FormMasterComponent,
StudyMaterialComponent, StudyMaterialComponent,
ExamtimeTableComponent ExamtimeTableComponent,
CourseMasterComponent,
AddSemyearFeesComponent,
FeesShareAllotmentMasterComponent,
SessionMasterComponent,
StatusMasterComponent
] ]
}) })
export class MastersModule { } export class MastersModule { }

198
src/app/views/masters/session-master/session-master.component.html Normal file
View File

@ -0,0 +1,198 @@
<div class="animated fadeIn">
<!--/.row-->
<div class="row">
<!--/.col-->
<div class="col-md-12 mb-4">
<!-- Nav tabs -->
<tabset>
<tab>
<ng-template tabHeading> View Session</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 Session Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-4 ">
<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>Session Name</th>
<th>Session Date</th>
<th>Status</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Jul-2018 </td>
<td>20-07-2018</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;
<a (click)="viewSessionModal.show()"><i class="fa fa-eye"></i></a>
</td>
</tr>
<tr>
<td>June-2018 </td>
<td>20-06-2018</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;
<a (click)="viewSessionModal.show()"><i class="fa fa-eye"></i></a>
</td>
</tr>
<tr>
<td>Apr-2018 </td>
<td>20-05-2018</td>
<td>
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;
<a (click)="viewSessionModal.show()"><i class="fa fa-eye"></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> Add Session</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 Session Details
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-4">
<label for="effectivefrom">Session Date <span class="symbol required"></span></label>
<input type="date" class="form-control" id="sessionDate" placeholder="dd-mm-yyyy">
</div>
<div class="form-group col-sm-4">
<label for="sessionName">Session Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="sessionName" placeholder="Enter session name"> </div>
<div class="form-group col-sm-4">
<label for="adduniversity">University <span class="symbol required"></span></label>
<select class="form-control" id="adduniversity">
<option>Select Multiple University</option>
<option>Anna University</option>
<option>SRM University</option>
<option>Karpagam University</option>
<option>Hindustan University</option>
</select>
</div>
</div>
</div>
<div class="card-footer">
<div class="col-lg-12 col-xs-12 endBtn" align="right">
<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>
</div>
</form>
</div> </tab>
</tabset>
</div><!--/.col-->
</div>
<!--/.row-->
</div>
<!-- view session modal-->
<div bsModal #viewSessionModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Session University Details</h5>
<button type="button btn-dark" class="close" (click)="viewSessionModal.hide()" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>University ID</th>
<th>University Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>CHE002</td>
<td>
<span>Anna University</span>
</td>
</tr>
<tr>
<td>CBE2200</td>
<td>
<span>Karpagam University</span>
</td>
</tr>
</tbody>
</table>
</div>
<!--/.col-->
</div>
<!--/.row-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" (click)="viewSessionModal.hide()">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- end session modal -->

12
src/app/views/masters/session-master/session-master.component.scss Normal file
View File

@ -0,0 +1,12 @@
// form input symbol
.symbol.required:before {
content: "*";
display: inline;
color: #f86c6b;
}
a:hover {
cursor:pointer;
}
.endBtn {
padding-right: 2px;
}

25
src/app/views/masters/session-master/session-master.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { SessionMasterComponent } from './session-master.component';
describe('SessionMasterComponent', () => {
let component: SessionMasterComponent;
let fixture: ComponentFixture<SessionMasterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ SessionMasterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(SessionMasterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

15
src/app/views/masters/session-master/session-master.component.ts Normal file
View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-session-master',
templateUrl: './session-master.component.html',
styleUrls: ['./session-master.component.scss']
})
export class SessionMasterComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}

111
src/app/views/masters/status-master/status-master.component.html Normal file
View File

@ -0,0 +1,111 @@
<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">
<div class="form-group col-sm-6">
<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">
<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>
<!--/.row-->
</div>
</div>
</div><!--/.col-->
</div>
</div>

13
src/app/views/masters/status-master/status-master.component.scss Normal file
View File

@ -0,0 +1,13 @@
// form input symbol
.symbol.required:before {
content: "*";
display: inline;
color: #f86c6b;
}
a:hover {
cursor:pointer;
}
.endBtn {
padding-right: 100px;
margin-top: -50px;
}

25
src/app/views/masters/status-master/status-master.component.spec.ts Normal file
View File

@ -0,0 +1,25 @@
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { StatusMasterComponent } from './status-master.component';
describe('StatusMasterComponent', () => {
let component: StatusMasterComponent;
let fixture: ComponentFixture<StatusMasterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ StatusMasterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(StatusMasterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

15
src/app/views/masters/status-master/status-master.component.ts Normal file
View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-status-master',
templateUrl: './status-master.component.html',
styleUrls: ['./status-master.component.scss']
})
export class StatusMasterComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}

71
src/app/views/status/application/application.component.html
View File

@ -6,7 +6,7 @@
<div class="row"> <div class="row">
<div class="form-group col-md-4"> <div class="form-group col-md-4">
<label for="name"> Select Study Center</label> <label for="name"> Select Study Center</label>
<select id="disabledSelect" class="form-control"> <select id="disabledSelect" class="form-control">
<option value="0">Please select Study Center</option> <option value="0">Please select Study Center</option>
<option value="1">SC 001</option> <option value="1">SC 001</option>
<option value="2">SC 002</option> <option value="2">SC 002</option>
@ -20,6 +20,57 @@
<i class="fa fa-align-justify"></i> Application Status List <i class="fa fa-align-justify"></i> Application Status List
</div> </div>
<div class="card-body"> <div class="card-body">
<div>
<div class="row">
<div class="col-md-2">
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0">Batch</option>
<option value="1">Jan 2017</option>
<option value="2">Jul 2017</option>
<option value="3">Jan 2018</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0">Please Select 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="col-md-3">
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0">Please Select Course</option>
<option value="1">B.com</option>
<option value="2">MCA</option>
<option value="3">M.Sc</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0">Please Sem/Year</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="input-prepend input-group">
<button type="button" value="Submit" class="btn btn-primary"> <i class="fa fa-search"></i> Filter</button>
</div>
</div>
</div>
</div>
<br>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="input-prepend input-group"> <div class="input-prepend input-group">
@ -34,8 +85,9 @@
<table class="table table-bordered table-responsive"> <table class="table table-bordered table-responsive">
<thead> <thead>
<tr> <tr>
<th>Application</th> <th>Form Id</th>
<th>Student Name</th> <th>Student Name</th>
<th>Father Name</th>
<th>Course</th> <th>Course</th>
<th>Sem/Year</th> <th>Sem/Year</th>
<th>Status</th> <th>Status</th>
@ -46,6 +98,7 @@
<tr *ngFor="let app of applicationDetails"> <tr *ngFor="let app of applicationDetails">
<td>{{app.applicationId}}</td> <td>{{app.applicationId}}</td>
<td>{{app.studentName}}</td> <td>{{app.studentName}}</td>
<td>{{app.fatherName}}</td>
<td>{{app.courseName}}</td> <td>{{app.courseName}}</td>
<td>{{app.sem}}</td> <td>{{app.sem}}</td>
<td> <td>
@ -101,20 +154,20 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<label for="name"> Status</label> <label for="name"> Status</label>
<select id="disabledSelect" class="form-control"> <select id="disabledSelect" class="form-control">
<option value="0">Select Status</option> <option value="0">Select Status</option>
<option value="1">Approved</option> <option value="1">Approved</option>
<option value="2">Rejected</option> <option value="2">Rejected</option>
<option value="3">Canceled</option> <option value="3">Canceled</option>
</select> </select>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label for="comment">Comments <span class="danger">*</span></label> <label for="comment">Comments <span class="danger">*</span></label>
<textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea> <textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

3
src/app/views/status/application/application.component.ts
View File

@ -16,6 +16,7 @@ export class ApplicationComponent implements OnInit {
{ {
applicationId: '0001', applicationId: '0001',
studentName: 'xyz', studentName: 'xyz',
fatherName: 'sss sss',
courseName: 'B.Com', courseName: 'B.Com',
sem: '1', sem: '1',
status: '1' status: '1'
@ -23,6 +24,7 @@ export class ApplicationComponent implements OnInit {
{ {
applicationId: '0002', applicationId: '0002',
studentName: 'xss', studentName: 'xss',
fatherName: 'mmm mmm',
courseName: 'BE(CSE)', courseName: 'BE(CSE)',
sem: '5', sem: '5',
status: '1' status: '1'
@ -30,6 +32,7 @@ export class ApplicationComponent implements OnInit {
{ {
applicationId: '0003', applicationId: '0003',
studentName: 'fys', studentName: 'fys',
fatherName: 'sss vvv',
courseName: 'M.SC', courseName: 'M.SC',
sem: '2', sem: '2',
status: '0' status: '0'