Merge branch 'master' of https://bitbucket.org/venbainformationtechnology/apollosc
This commit is contained in:
gayathri1990
commit
d57336ad23
@ -55,6 +55,10 @@ export const routes: Routes = [
|
||||
{
|
||||
path: 'studymaterial',
|
||||
loadChildren: './views/studymaterial/studymaterial.module#StudymaterialModule'
|
||||
},
|
||||
{
|
||||
path: 'receivefees',
|
||||
loadChildren: './views/fees-details/fees-details.module#FeesDetailsModule',
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@ -51,32 +51,52 @@ export class AppSidebar {
|
||||
url: '/masters/studyCenter',
|
||||
icon: 'fa fa-language'
|
||||
},{
|
||||
name: 'Form List Master',
|
||||
name: 'Form List',
|
||||
url: '/masters/formList',
|
||||
icon: 'fa fa-language'
|
||||
},
|
||||
{
|
||||
name: 'University Master',
|
||||
{
|
||||
name: 'University',
|
||||
url: '/masters/UniversityMaster',
|
||||
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',
|
||||
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',
|
||||
icon: 'fa fa-language'
|
||||
},
|
||||
{
|
||||
name: 'Fees Master',
|
||||
name: 'Fees',
|
||||
url: '/masters/FeesMaster',
|
||||
icon: 'fa fa-language'
|
||||
},
|
||||
{
|
||||
name: 'Form Master',
|
||||
name: 'Form',
|
||||
url: '/masters/FormMaster',
|
||||
icon: 'fa fa-language'
|
||||
},
|
||||
@ -144,6 +164,11 @@ export class AppSidebar {
|
||||
icon: 'fa fa-user-secret'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'Fees Receive/Refund ',
|
||||
icon: 'fa fa-money',
|
||||
url: '/receivefees',
|
||||
}
|
||||
];
|
||||
}
|
||||
|
||||
@ -109,7 +109,10 @@
|
||||
<td>{{app.course}}</td>
|
||||
<td>{{app.sem}}</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>
|
||||
<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>-->
|
||||
|
||||
@ -43,7 +43,7 @@ export class StudentComponent implements OnInit {
|
||||
course: 'B.Sc',
|
||||
sem: 8,
|
||||
batch: 'Jan 2018',
|
||||
status: '1'
|
||||
status: '0'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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();
|
||||
});
|
||||
});
|
||||
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
@ -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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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();
|
||||
});
|
||||
});
|
||||
@ -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
19
src/app/views/fees-details/fees-details-routing.module.ts
Normal 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
331
src/app/views/fees-details/fees-details.component.html
Normal 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>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<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">×</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
16
src/app/views/fees-details/fees-details.component.scss
Normal 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
25
src/app/views/fees-details/fees-details.component.spec.ts
Normal 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
34
src/app/views/fees-details/fees-details.component.ts
Normal 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
13
src/app/views/fees-details/fees-details.module.spec.ts
Normal 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
19
src/app/views/fees-details/fees-details.module.ts
Normal 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 { }
|
||||
@ -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>
|
||||
<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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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();
|
||||
});
|
||||
});
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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>
|
||||
<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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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();
|
||||
});
|
||||
});
|
||||
@ -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
325
src/app/views/masters/course-master/course-master.component.html
Normal 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>
|
||||
<!-- <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>
|
||||
<a><i class="fa fa-eye"></i></a>
|
||||
</td>
|
||||
<td>
|
||||
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
||||
<a><i class="fa fa-pencil-square-o"></i></a>
|
||||
<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>
|
||||
<a><i class="fa fa-eye"></i></a>
|
||||
</td>
|
||||
<td>
|
||||
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
||||
<a><i class="fa fa-pencil-square-o"></i></a>
|
||||
<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>
|
||||
<a><i class="fa fa-eye"></i></a>
|
||||
</td>
|
||||
<td>
|
||||
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
||||
<a><i class="fa fa-pencil-square-o"></i></a>
|
||||
<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>
|
||||
<a><i class="fa fa-eye"></i></a>
|
||||
</td>
|
||||
<td>
|
||||
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
||||
<a><i class="fa fa-pencil-square-o"></i></a>
|
||||
<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>
|
||||
<a><i class="fa fa-eye"></i></a>
|
||||
</td>
|
||||
<td>
|
||||
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
|
||||
<a><i class="fa fa-pencil-square-o"></i></a>
|
||||
<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>
|
||||
<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>
|
||||
<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">×</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 -->
|
||||
|
||||
@ -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;
|
||||
|
||||
|
||||
}
|
||||
@ -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();
|
||||
});
|
||||
});
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -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>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,12 @@
|
||||
a:hover {
|
||||
cursor:pointer;
|
||||
}
|
||||
.symbol.required:before {
|
||||
content: "*";
|
||||
display: inline;
|
||||
color: #f86c6b;
|
||||
//font-size: large;
|
||||
}
|
||||
.endBtn {
|
||||
padding-right: 0px;
|
||||
}
|
||||
@ -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();
|
||||
});
|
||||
});
|
||||
@ -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() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -12,6 +12,10 @@ import { FeesMasterComponent } from './fees-master/fees-master.component';
|
||||
import { FormMasterComponent } from './form-master/form-master.component';
|
||||
import { ExamtimeTableComponent } from './examtime-table/examtime-table.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 = [
|
||||
{
|
||||
path: '',
|
||||
@ -89,7 +93,35 @@ const routes: Routes = [
|
||||
data: {
|
||||
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"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
@ -35,6 +35,13 @@ import { ExamtimeTableComponent } from './examtime-table/examtime-table.componen
|
||||
|
||||
// Form list
|
||||
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({
|
||||
imports: [
|
||||
CommonModule,
|
||||
@ -58,7 +65,12 @@ import { FormListComponent } from './form-list/form-list.component';
|
||||
FeesMasterComponent,
|
||||
FormMasterComponent,
|
||||
StudyMaterialComponent,
|
||||
ExamtimeTableComponent
|
||||
ExamtimeTableComponent,
|
||||
CourseMasterComponent,
|
||||
AddSemyearFeesComponent,
|
||||
FeesShareAllotmentMasterComponent,
|
||||
SessionMasterComponent,
|
||||
StatusMasterComponent
|
||||
]
|
||||
})
|
||||
export class MastersModule { }
|
||||
|
||||
@ -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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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">×</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 -->
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,12 @@
|
||||
// form input symbol
|
||||
.symbol.required:before {
|
||||
content: "*";
|
||||
display: inline;
|
||||
color: #f86c6b;
|
||||
}
|
||||
a:hover {
|
||||
cursor:pointer;
|
||||
}
|
||||
.endBtn {
|
||||
padding-right: 2px;
|
||||
}
|
||||
@ -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();
|
||||
});
|
||||
});
|
||||
@ -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
111
src/app/views/masters/status-master/status-master.component.html
Normal 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>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
@ -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;
|
||||
}
|
||||
@ -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();
|
||||
});
|
||||
});
|
||||
@ -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() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -6,7 +6,7 @@
|
||||
<div class="row">
|
||||
<div class="form-group col-md-4">
|
||||
<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="1">SC 001</option>
|
||||
<option value="2">SC 002</option>
|
||||
@ -20,6 +20,57 @@
|
||||
<i class="fa fa-align-justify"></i> Application Status List
|
||||
</div>
|
||||
<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="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
@ -34,8 +85,9 @@
|
||||
<table class="table table-bordered table-responsive">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Application</th>
|
||||
<th>Form Id</th>
|
||||
<th>Student Name</th>
|
||||
<th>Father Name</th>
|
||||
<th>Course</th>
|
||||
<th>Sem/Year</th>
|
||||
<th>Status</th>
|
||||
@ -46,6 +98,7 @@
|
||||
<tr *ngFor="let app of applicationDetails">
|
||||
<td>{{app.applicationId}}</td>
|
||||
<td>{{app.studentName}}</td>
|
||||
<td>{{app.fatherName}}</td>
|
||||
<td>{{app.courseName}}</td>
|
||||
<td>{{app.sem}}</td>
|
||||
<td>
|
||||
@ -101,20 +154,20 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label for="name"> Status</label>
|
||||
<div class="col-md-4">
|
||||
<label for="name"> Status</label>
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Select Status</option>
|
||||
<option value="1">Approved</option>
|
||||
<option value="2">Rejected</option>
|
||||
<option value="3">Canceled</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="comment">Comments <span class="danger">*</span></label>
|
||||
<textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="comment">Comments <span class="danger">*</span></label>
|
||||
<textarea class="form-control" id="comments" placeholder="Enter Comments"></textarea>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -16,6 +16,7 @@ export class ApplicationComponent implements OnInit {
|
||||
{
|
||||
applicationId: '0001',
|
||||
studentName: 'xyz',
|
||||
fatherName: 'sss sss',
|
||||
courseName: 'B.Com',
|
||||
sem: '1',
|
||||
status: '1'
|
||||
@ -23,6 +24,7 @@ export class ApplicationComponent implements OnInit {
|
||||
{
|
||||
applicationId: '0002',
|
||||
studentName: 'xss',
|
||||
fatherName: 'mmm mmm',
|
||||
courseName: 'BE(CSE)',
|
||||
sem: '5',
|
||||
status: '1'
|
||||
@ -30,6 +32,7 @@ export class ApplicationComponent implements OnInit {
|
||||
{
|
||||
applicationId: '0003',
|
||||
studentName: 'fys',
|
||||
fatherName: 'sss vvv',
|
||||
courseName: 'M.SC',
|
||||
sem: '2',
|
||||
status: '0'
|
||||
|
||||
Loading…
Reference in New Issue
Block a user