git merge changes
This commit is contained in:
dineshkumarkannan
commit
7707463a99
10
e2e/app/paymentmodule/paymentmodule-routing.module.ts
Normal file
10
e2e/app/paymentmodule/paymentmodule-routing.module.ts
Normal file
@ -0,0 +1,10 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
|
||||
const routes: Routes = [];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule]
|
||||
})
|
||||
export class PaymentmoduleRoutingModule { }
|
||||
13
e2e/app/paymentmodule/paymentmodule.module.spec.ts
Normal file
13
e2e/app/paymentmodule/paymentmodule.module.spec.ts
Normal file
@ -0,0 +1,13 @@
|
||||
import { PaymentmoduleModule } from './paymentmodule.module';
|
||||
|
||||
describe('PaymentmoduleModule', () => {
|
||||
let paymentmoduleModule: PaymentmoduleModule;
|
||||
|
||||
beforeEach(() => {
|
||||
paymentmoduleModule = new PaymentmoduleModule();
|
||||
});
|
||||
|
||||
it('should create an instance', () => {
|
||||
expect(paymentmoduleModule).toBeTruthy();
|
||||
});
|
||||
});
|
||||
13
e2e/app/paymentmodule/paymentmodule.module.ts
Normal file
13
e2e/app/paymentmodule/paymentmodule.module.ts
Normal file
@ -0,0 +1,13 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
|
||||
import { PaymentmoduleRoutingModule } from './paymentmodule-routing.module';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
PaymentmoduleRoutingModule
|
||||
],
|
||||
declarations: []
|
||||
})
|
||||
export class PaymentmoduleModule { }
|
||||
@ -59,6 +59,10 @@ export const routes: Routes = [
|
||||
{
|
||||
path: 'courier',
|
||||
loadChildren: './views/courier/courier.module#CourierModule'
|
||||
},
|
||||
{
|
||||
path: 'receivefees',
|
||||
loadChildren: './views/fees-details/fees-details.module#FeesDetailsModule',
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@ -51,39 +51,55 @@ 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'
|
||||
icon: 'fa fa-university'
|
||||
},
|
||||
{
|
||||
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'
|
||||
icon: 'fa fa-tasks'
|
||||
},
|
||||
{
|
||||
name: 'Document Master',
|
||||
url: '/masters/DocumentMaster',
|
||||
icon: 'fa fa-language'
|
||||
{
|
||||
name: 'Session',
|
||||
url: '/masters/sessionmaster',
|
||||
icon: 'fa fa-support'
|
||||
},
|
||||
{
|
||||
name: 'Status',
|
||||
url: '/masters/statusmaster',
|
||||
icon: 'fa fa-bullseye'
|
||||
},
|
||||
|
||||
{
|
||||
name: 'Fees Master',
|
||||
name: 'Fees',
|
||||
url: '/masters/FeesMaster',
|
||||
icon: 'fa fa-language'
|
||||
icon: 'fa fa-money'
|
||||
},
|
||||
{
|
||||
name: 'Form Master',
|
||||
url: '/masters/FormMaster',
|
||||
icon: 'fa fa-language'
|
||||
name: 'Document',
|
||||
url: '/masters/DocumentMaster',
|
||||
icon: 'fa fa-file'
|
||||
},
|
||||
{
|
||||
name: 'Exam Timetable',
|
||||
url: '/masters/ExamTimetable',
|
||||
icon: 'fa fa-language'
|
||||
icon: 'fa fa-calendar-minus-o'
|
||||
}
|
||||
]
|
||||
},{
|
||||
@ -106,17 +122,17 @@ export class AppSidebar {
|
||||
{
|
||||
name: 'PaymentDetails',
|
||||
url: '/status/paymentdetails',
|
||||
icon: 'fa fa-user-secret'
|
||||
icon: 'fa fa-credit-card-alt'
|
||||
}
|
||||
]
|
||||
},{
|
||||
name: 'Study Material',
|
||||
icon: 'fa fa-gear',
|
||||
icon: 'fa fa-book',
|
||||
children: [
|
||||
{
|
||||
name: 'ReceivedMaterial',
|
||||
url: '/studymaterial/receivedmaterial',
|
||||
icon: 'fa fa-user-secret'
|
||||
icon: 'fa fa-file-text-o'
|
||||
},
|
||||
{
|
||||
name: 'AllocateMaterial',
|
||||
@ -132,7 +148,12 @@ export class AppSidebar {
|
||||
},{
|
||||
name: 'Courier',
|
||||
icon: 'fa fa-suitcase',
|
||||
url : '/courier'
|
||||
url : '/courier',
|
||||
},
|
||||
{
|
||||
name: 'Fees Receive/Refund ',
|
||||
icon: 'fa fa-money',
|
||||
url: '/receivefees',
|
||||
}
|
||||
];
|
||||
}
|
||||
|
||||
@ -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 Received 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;
|
||||
}
|
||||
|
||||
}
|
||||
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/Transfer"
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule]
|
||||
})
|
||||
export class FeesDetailsRoutingModule { }
|
||||
335
src/app/views/fees-details/fees-details.component.html
Normal file
335
src/app/views/fees-details/fees-details.component.html
Normal file
@ -0,0 +1,335 @@
|
||||
<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>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>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>University</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 transfer amount" (click)="refundFees()">0</a></td>
|
||||
<td>14-07-2019</td>
|
||||
<td>CASH</td>
|
||||
<td>Chennai</td>
|
||||
<td>Anna University</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 transfer amount" (click)="refundFees()">50000</a></td>
|
||||
<td>14-07-2019</td>
|
||||
<td>CASH</td>
|
||||
<td>Coimbatore</td>
|
||||
<td>Anna University</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-00002</td>
|
||||
<td></td>
|
||||
<td>50000</td>
|
||||
<td>50000</td>
|
||||
<td><a title="Click to transfer amount" (click)="refundFees()">0</a></td>
|
||||
<td>14-07-2019</td>
|
||||
<td>TRANSFER</td>
|
||||
<td>Chennai</td>
|
||||
<td>SRM University</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>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>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-transfer-fees-details *ngIf="showFeesTransferC"></app-transfer-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;
|
||||
showFeesTransferC: boolean;
|
||||
constructor() {
|
||||
this.showFeesAllocateC= false;
|
||||
this.showFeesTransferC= false;
|
||||
this.hideFeesDetailsC= false;
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
saveFees() {
|
||||
this.showFeesAllocateC= true;
|
||||
this.hideFeesDetailsC= true;
|
||||
}
|
||||
editFees() {
|
||||
this.showFeesAllocateC= true;
|
||||
this.hideFeesDetailsC= true;
|
||||
}
|
||||
|
||||
refundFees() {
|
||||
this.showFeesTransferC= 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();
|
||||
});
|
||||
});
|
||||
18
src/app/views/fees-details/fees-details.module.ts
Normal file
18
src/app/views/fees-details/fees-details.module.ts
Normal file
@ -0,0 +1,18 @@
|
||||
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 { TransferFeesDetailsComponent } from './transfer-fees-details/transfer-fees-details.component';
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule,
|
||||
FeesDetailsRoutingModule, TabsModule, ModalModule.forRoot()
|
||||
],
|
||||
declarations: [FeesDetailsComponent, EditReceiveFeesComponent, TransferFeesDetailsComponent]
|
||||
})
|
||||
export class FeesDetailsModule { }
|
||||
@ -0,0 +1,63 @@
|
||||
<div class="animated fadeIn">
|
||||
<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 Transfer From Paid Details
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="form-group col-sm-3">
|
||||
<label for="transferstudycenter">Study Center <span class="symbol required"></span></label>
|
||||
<select class="form-control" id="transferstudycenter" 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="transferadvanceAmount">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="fromtransferuniversity">Transfer From University</label>
|
||||
<select class="form-control" id="fromtransferuniversity" disabled>
|
||||
<option>Anna University</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-sm-3">
|
||||
<label for="transferuniversity">Transfer To University</label>
|
||||
<select class="form-control" id="transferuniversity">
|
||||
<option>SRM University</option>
|
||||
<option>Anna University</option>
|
||||
<option>Karpagam University</option>
|
||||
<option>Hindustan University</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-sm-3">
|
||||
<label for="transferAmount">Transfer Amount <span class="symbol required"></span></label>
|
||||
<input type="text" value="50000" class="form-control" id="transferAmount" placeholder="Enter transfer 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>TRANSFER</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" (click)="transfer()"><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 { TransferFeesDetailsComponent } from './transfer-fees-details.component';
|
||||
|
||||
describe('TransferFeesDetailsComponent', () => {
|
||||
let component: TransferFeesDetailsComponent;
|
||||
let fixture: ComponentFixture<TransferFeesDetailsComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ TransferFeesDetailsComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(TransferFeesDetailsComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,18 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-transfer-fees-details',
|
||||
templateUrl: './transfer-fees-details.component.html',
|
||||
styleUrls: ['./transfer-fees-details.component.scss']
|
||||
})
|
||||
export class TransferFeesDetailsComponent implements OnInit {
|
||||
|
||||
constructor() {
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
transfer() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -12,9 +12,14 @@
|
||||
<!-- Nav tabs -->
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Batch <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
<ng-template tabHeading> View Batch </ng-template>
|
||||
|
||||
<!--/.row-->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i>Batch List
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
@ -160,6 +165,8 @@
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
@ -168,34 +175,45 @@
|
||||
<ng-template tabHeading> Add Batch</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Batch</strong>
|
||||
<i class="fa fa-align-justify"></i>Batch
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class="col-md-offset-2 col-md-4 ">
|
||||
<label for="company">Batch Code<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Batch ID">
|
||||
</div>
|
||||
<div class="col-md-offset-2 col-md-4 ">
|
||||
<label for="company">Batch Date<span class="required">*</span></label>
|
||||
<input type="date" class="form-control" id="date" placeholder="Enter Batch Date" onchange="mydate1();">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-md-offset-2 col-md-4 ">
|
||||
<label for="company">Batch Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Batch Name"> </div>
|
||||
<div class="col-md-offset-2 col-md-4 ">
|
||||
<label class="col-md-6 form-control-label" for="select">Select University<span class="required">*</span></label>
|
||||
<div class=" col-md-4 ">
|
||||
<label class="form-control-label" for="select">Select University<span class="required"> *</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option *ngFor="let i of university">{{i}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Batch Name<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Batch Name">
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Batch Code<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Batch ID">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4 ">
|
||||
<label for="company">Batch Date<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="date" placeholder="dd/mm/yyyy" >
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Active/De-Active<span class="required"> *</span></label>
|
||||
<br>
|
||||
<label class="switch switch-3d switch-primary">
|
||||
<input type="checkbox" class="switch-input" checked>
|
||||
<span class="switch-label"></span>
|
||||
<span class="switch-handle"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
@ -1,10 +1,10 @@
|
||||
<span *ngIf="show" class="backToList">
|
||||
<span *ngIf="show" class="backToList">
|
||||
|
||||
<a (click)="show = !show;" tooltip="Go to listing">Back to List</a>
|
||||
|
||||
</span>
|
||||
<div class="col-lg-12" *ngIf="!show">
|
||||
|
||||
|
||||
<!--/.row-->
|
||||
<div class="row">
|
||||
<!--/.col-->
|
||||
@ -12,8 +12,14 @@
|
||||
<!-- Nav tabs -->
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Document <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
<ng-template tabHeading> View Document <span class="badge badge-pill badge-success"></span></ng-template>
|
||||
<!--/.row-->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i>Document List
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
@ -24,68 +30,55 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xs-12">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Document Name</th>
|
||||
<th>Document Description</th>
|
||||
<th>Document Date</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>DocumentName</th>
|
||||
<th>Description</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>SF</td>
|
||||
<td>Semester Fess Document</td>
|
||||
<td>12/12/2018</td>
|
||||
<td>
|
||||
|
||||
|
||||
<i class="fa fa-trash" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-download" tooltip="Edit" (click)="editEmployee()"></i>
|
||||
<tr>
|
||||
<td>Transfer certificate</td>
|
||||
<td>Transfer certificate Doc</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</td>
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MF</td>
|
||||
<td>Marksheet Document</td>
|
||||
<td>12/12/2018</td>
|
||||
|
||||
|
||||
<td>
|
||||
<i class="fa fa-trash" tooltip="Delete" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-download" tooltip="Download" (click)="editEmployee()"></i>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Provisional Certificate</td>
|
||||
<td>Provisional Certificate Doc</td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</td>
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>EF</td>
|
||||
<td>Exam Fees</td>
|
||||
<td>12/12/2018</td>
|
||||
|
||||
<td>
|
||||
<i class="fa fa-trash" tooltip="Delete" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-download" tooltip="Download" (click)="editEmployee()"></i>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Degree Certificate</td>
|
||||
<td>Degree Certificate Doc</td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-danger">Inactive</span>
|
||||
</td>
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>HT</td>
|
||||
<td>Hall Ticket</td>
|
||||
<td>12/12/2018</td>
|
||||
|
||||
<td>
|
||||
<i class="fa fa-trash" tooltip="Delete" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-download" tooltip="Download" (click)="editEmployee()"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<ul class="pagination">
|
||||
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
|
||||
@ -98,56 +91,57 @@
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> Add Document</ng-template>
|
||||
<div class="card">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Document</strong>
|
||||
<i class="fa fa-align-justify"></i>Document
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Document Name<span class="required">*</span></label>
|
||||
<label for="company">Document Name<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Document Name">
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Document Description<span class="required">*</span></label>
|
||||
<label for="company">Document Description<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Document description">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class=" col-md-4">
|
||||
<label for="file-input">Document Upload<span class="required">*</span></label>
|
||||
<div class="col-md-12">
|
||||
<input type="file" id="file-input" name="file-input">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Active/De-Active<span class="required"> *</span></label>
|
||||
<br>
|
||||
<label class="switch switch-3d switch-primary">
|
||||
<input type="checkbox" class="switch-input" checked>
|
||||
<span class="switch-label"></span>
|
||||
<span class="switch-handle"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card-footer">
|
||||
<div class="card-footer">
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-12" align="right">
|
||||
|
||||
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
<button type="button" style="margin-bottom: -14px" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
<button type="reset" style="margin-bottom: -14px" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</tab>
|
||||
</tabset>
|
||||
</div><!--/.col-->
|
||||
@ -157,3 +151,9 @@
|
||||
<!--/.row-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -12,8 +12,61 @@
|
||||
<!-- Nav tabs -->
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> Exam TimeTable <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
<ng-template tabHeading> Exam TimeTable </ng-template>
|
||||
<!--/.row-->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i>ExamTimetable List
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<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">
|
||||
<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-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>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
@ -32,76 +85,70 @@
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>University Name</th>
|
||||
<th>Batch Name</th>
|
||||
<th>University Name</th>
|
||||
<th>Course</th>
|
||||
<th>Subject Name</th>
|
||||
<th>Date</th>
|
||||
<th>From Time</th>
|
||||
<th>To Time</th>
|
||||
<th>Document Name</th>
|
||||
<th>Description</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>DMS</td>
|
||||
<td>Batch B</td>
|
||||
|
||||
<td>MCA</td>
|
||||
<td>Data Structure</td>
|
||||
<td>10/01/2018</td>
|
||||
<td>1.00 PM</td>
|
||||
<td>4.00 PM</td>
|
||||
<td>MCA Timetable</td>
|
||||
<td>2017 1batch MCA</td>
|
||||
|
||||
|
||||
<td>
|
||||
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
|
||||
<i class="fa fa-download" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>AUT</td>
|
||||
<td>Batch A</td>
|
||||
|
||||
<td>MBA</td>
|
||||
<td>Business Logic</td>
|
||||
<td>12/12/2018</td>
|
||||
<td>10.00 AM</td>
|
||||
<td>1.00 PM</td>
|
||||
<td>MBA Timetable</td>
|
||||
<td>2017 1batch MBA</td>
|
||||
|
||||
|
||||
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
|
||||
<i class="fa fa-download" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>AUT</td>
|
||||
<td>Batch A</td>
|
||||
<td>MBA</td>
|
||||
<td>Business Logic</td>
|
||||
<td>12/12/2018</td>
|
||||
<td>10.00 AM</td>
|
||||
<td>1.00 PM</td>
|
||||
|
||||
<td>ME</td>
|
||||
<td>ME Timetable</td>
|
||||
<td>2017 1batch ME</td>
|
||||
|
||||
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
|
||||
<i class="fa fa-download" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>AUT</td>
|
||||
<td>Batch A</td>
|
||||
<td>MBA</td>
|
||||
<td>Business Logic</td>
|
||||
<td>12/12/2018</td>
|
||||
<td>10.00 AM</td>
|
||||
<td>1.00 PM</td>
|
||||
|
||||
<td>MTECH</td>
|
||||
<td>MTECH Timetable</td>
|
||||
<td>2017 1batch MTECH</td>
|
||||
|
||||
|
||||
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
|
||||
<i class="fa fa-download" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
@ -121,6 +168,8 @@
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
@ -134,21 +183,21 @@
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-4 ">
|
||||
<label for="select">Select University Name<span class="required">*</span></label>
|
||||
<label for="select">Select University Name<span class="required"> *</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option *ngFor="let i of university">{{i}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="select">Select Batch Name<span class="required">*</span></label>
|
||||
<label for="select">Select Batch Name<span class="required"> *</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option *ngFor="let j of batch">{{j}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="select">Select Course Name<span class="required">*</span></label>
|
||||
<label for="select">Select Course Name<span class="required"> *</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option *ngFor="let k of course">{{k}}</option>
|
||||
@ -158,7 +207,7 @@
|
||||
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-4">
|
||||
<label for="file-input">File Upload<span class="required">*</span></label>
|
||||
<label for="file-input">File Upload<span class="required"> *</span></label>
|
||||
<div class="col-md-12">
|
||||
<input type="file" id="file-input" name="file-input">
|
||||
</div>
|
||||
|
||||
@ -27,4 +27,7 @@ p.example::after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
}
|
||||
.required{
|
||||
color:red;
|
||||
}
|
||||
|
||||
@ -12,8 +12,13 @@
|
||||
<!-- Nav tabs -->
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Fees <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
<ng-template tabHeading> View Fees </ng-template>
|
||||
<!--/.row-->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i>Fees List
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
@ -97,6 +102,8 @@
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
@ -105,7 +112,7 @@
|
||||
<ng-template tabHeading> Add Fees</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Fees</strong>
|
||||
<i class="fa fa-align-justify"></i>Fees
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
@ -113,13 +120,22 @@
|
||||
<div class="form-group row">
|
||||
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Fees Name<span class="required">*</span></label>
|
||||
<label for="company">Fees Name<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Document Name">
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Fees Description<span class="required">*</span></label>
|
||||
<label for="company">Fees Description<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Document description">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Active/De-Active<span class="required"> *</span></label>
|
||||
<br>
|
||||
<label class="switch switch-3d switch-primary">
|
||||
<input type="checkbox" class="switch-input" checked>
|
||||
<span class="switch-label"></span>
|
||||
<span class="switch-handle"></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
@ -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() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -37,13 +37,13 @@
|
||||
<span *ngIf="form.status == 1" class="badge badge-success">Active</span>
|
||||
<span *ngIf="form.status == 0" class="badge badge-danger">In-Active</span>
|
||||
</td>
|
||||
<td>
|
||||
<td>
|
||||
<i class="fa fa-download" tooltip="Download"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(form)"></i>
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(form)"></i>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
<ul class="pagination">
|
||||
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
|
||||
<li class="page-item active">
|
||||
|
||||
@ -1,155 +0,0 @@
|
||||
<span *ngIf="show" class="backToList">
|
||||
|
||||
<a (click)="show = !show;" tooltip="Go to listing">Back to List</a>
|
||||
|
||||
</span>
|
||||
<div class="col-lg-12" *ngIf="!show">
|
||||
|
||||
<!--/.row-->
|
||||
<div class="row">
|
||||
<!--/.col-->
|
||||
<div class="col-md-12 mb-4">
|
||||
<!-- Nav tabs -->
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Fees <span class="badge badge-pill badge-success">13</span></ng-template>
|
||||
<!--/.row-->
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-search"></i>
|
||||
</span>
|
||||
<input id="search" class="form-control" type="text" placeholder="search">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xs-12">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>FormName</th>
|
||||
<th>Description</th>
|
||||
<th>Status</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>TC</td>
|
||||
<td>Transfer certificate</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</td>
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>PC</td>
|
||||
<td>Provisional Certificate</td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-success">Active</span>
|
||||
</td>
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>DC</td>
|
||||
<td>Degree Certificate</td>
|
||||
|
||||
<td>
|
||||
<span class="badge badge-danger">Inactive</span>
|
||||
</td>
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MS</td>
|
||||
<td>Mark Sheet</td>
|
||||
<td>
|
||||
<span class="badge badge-danger">Inactive</span>
|
||||
</td>
|
||||
<td>
|
||||
<i class="fa fa-edit" tooltip="Edit" (click)="editEmployee()"></i> |
|
||||
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(emp)"></i>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<ul class="pagination">
|
||||
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
|
||||
<li class="page-item active">
|
||||
<a class="page-link" href="#">1</a>
|
||||
</li>
|
||||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">4</a></li>
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading> Add Form</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Form</strong>
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Form Name<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Form Name">
|
||||
</div>
|
||||
<div class=" col-md-4 ">
|
||||
<label for="company">Form Description<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Form description">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card-footer">
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-12" align="right">
|
||||
|
||||
<button type="button" style="margin-bottom: -14px" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
|
||||
<button type="reset" style="margin-bottom: -14px" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</tab>
|
||||
</tabset>
|
||||
</div><!--/.col-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--/.row-->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
|
||||
.required{
|
||||
color:red;
|
||||
}
|
||||
@ -1,15 +0,0 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-form-master',
|
||||
templateUrl: './form-master.component.html',
|
||||
styleUrls: ['./form-master.component.scss']
|
||||
})
|
||||
export class FormMasterComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -9,9 +9,12 @@ import { UniversityMasterComponent } from './university-master/university-master
|
||||
import { BatchMasterComponent } from './batch-master/batch-master.component';
|
||||
import { DocumentMasterComponent } from './document-master/document-master.component';
|
||||
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: '',
|
||||
@ -52,44 +55,65 @@ const routes: Routes = [
|
||||
path: 'UniversityMaster',
|
||||
component: UniversityMasterComponent,
|
||||
data: {
|
||||
title: 'University Master'
|
||||
title: 'University'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'BatchMaster',
|
||||
path: 'BatchMaster',
|
||||
component: BatchMasterComponent,
|
||||
data: {
|
||||
title: 'Batch Master'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'DocumentMaster',
|
||||
component: DocumentMasterComponent,
|
||||
data: {
|
||||
title: 'Document Master'
|
||||
title: 'Batch'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'FeesMaster',
|
||||
component: FeesMasterComponent,
|
||||
data: {
|
||||
title: 'Fees Master'
|
||||
title: 'Fees'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'FormMaster',
|
||||
component: FormMasterComponent,
|
||||
path: 'DocumentMaster',
|
||||
component: DocumentMasterComponent,
|
||||
data: {
|
||||
title: 'Form Master'
|
||||
title: 'Document'
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'ExamTimetable',
|
||||
component: ExamtimeTableComponent,
|
||||
data: {
|
||||
title: 'Exam Timetable'
|
||||
title: 'ExamTimetable'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
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"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
@ -23,18 +23,25 @@ import { EditStudyCenterComponent } from './study-center/edit-study-center/edit-
|
||||
import { UniversityMasterComponent } from './university-master/university-master.component';
|
||||
//Batch
|
||||
import { BatchMasterComponent } from './batch-master/batch-master.component';
|
||||
//Document
|
||||
|
||||
import { DocumentMasterComponent } from './document-master/document-master.component';
|
||||
//Fees
|
||||
import { FeesMasterComponent } from './fees-master/fees-master.component';
|
||||
//Form
|
||||
import { FormMasterComponent } from './form-master/form-master.component';
|
||||
|
||||
//Study
|
||||
import { StudyMaterialComponent } from './study-material/study-material.component';
|
||||
import { ExamtimeTableComponent } from './examtime-table/examtime-table.component';
|
||||
|
||||
// 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,
|
||||
@ -54,11 +61,16 @@ import { FormListComponent } from './form-list/form-list.component';
|
||||
FormListComponent,
|
||||
UniversityMasterComponent,
|
||||
BatchMasterComponent,
|
||||
DocumentMasterComponent,
|
||||
|
||||
FeesMasterComponent,
|
||||
FormMasterComponent,
|
||||
DocumentMasterComponent,
|
||||
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() {
|
||||
}
|
||||
|
||||
}
|
||||
@ -8,6 +8,11 @@
|
||||
<tab>
|
||||
<ng-template tabHeading> View University <span class="badge badge-pill badge-success">29</span></ng-template>
|
||||
<!--/.row-->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i>University List
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
@ -105,6 +110,8 @@
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
@ -113,33 +120,34 @@
|
||||
<ng-template tabHeading> Add University</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>University</strong>
|
||||
<i class="fa fa-align-justify"></i>University
|
||||
</div>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<label for="company">University ID<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter your University ID"> </div>
|
||||
<label for="company">University ID<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter your University ID">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">University Name<span class="required">*</span></label>
|
||||
<label for="company">University Name<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter your University Name"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">University Short Name<span class="required">*</span></label>
|
||||
<label for="company">University Short Name<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter your University Short Name"> </div>
|
||||
<br>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4">
|
||||
<label for="company">Mobile Number<span class="required">*</span></label>
|
||||
<label for="company">Mobile Number<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter University Mobile Number"> </div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Email ID<span class="required">*</span></label>
|
||||
<label for="company">Email ID<span class="required"> *</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter University Email ID">
|
||||
</div>
|
||||
<div class="form-group col-md-4">
|
||||
<label for="premanentAddress">University Address <span class="required">*</span></label>
|
||||
<label for="premanentAddress">University Address <span class="required"> *</span></label>
|
||||
<textarea class="form-control" id="premanentAddress" placeholder="Enter University Address"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
@ -152,7 +160,7 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label for="company">Active/De-Active</label>
|
||||
<label for="company">Active/De-Active<span class="required"> *</span></label>
|
||||
<br>
|
||||
<label class="switch switch-3d switch-primary">
|
||||
<input type="checkbox" class="switch-input" checked>
|
||||
|
||||
@ -24,6 +24,54 @@
|
||||
|
||||
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">From Date</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">To Date</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">University</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">StudyCenter</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Amount</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>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
@ -41,58 +89,64 @@
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th>Date</th>
|
||||
<th>Description</th>
|
||||
<th>University</th>
|
||||
<th>Form</th>
|
||||
<th>Debit</th>
|
||||
<th>Credit</th>
|
||||
<th>Balance</th>
|
||||
<th>Remarks</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
|
||||
<td>10/08/2018</td>
|
||||
<td>Payment Received</td>
|
||||
<td>Anna Uni</td>
|
||||
<td><a href="page-link" href="#">FormID 1</a></td>
|
||||
<td>0</td>
|
||||
<td>10,000</td>
|
||||
<td>10,000</td>
|
||||
<td>Amount Received by studycenter A</td>
|
||||
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>11/08/2018</td>
|
||||
<td>Fees Adjust</td>
|
||||
<td>Anna Uni</td>
|
||||
<td><a href="page-link" href="#">FormID 2</a></td>
|
||||
<td>0</td>
|
||||
<td>15,000</td>
|
||||
<td>25,000</td>
|
||||
<td>Amount Adjust studycenter A</td>
|
||||
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>12/08/2018</td>
|
||||
<td>Refund</td>
|
||||
<td>Anna Uni</td>
|
||||
<td><a href="page-link" href="#">FormID 3</a></td>
|
||||
<td>5000</td>
|
||||
<td>0</td>
|
||||
<td>20,000</td>
|
||||
|
||||
<td>Amount Refund</td>
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>16/08/2018</td>
|
||||
<td><a href="page-link" href="#">FormID 4</a></td>
|
||||
<td>10,000</td>
|
||||
<td>0</td>
|
||||
<td>10,000</td>
|
||||
|
||||
|
||||
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
@ -111,7 +165,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card-footer">
|
||||
<!-- <div class="card-footer">
|
||||
<div class="form-group row">
|
||||
<div class=" col-md-12" align="right">
|
||||
|
||||
@ -119,8 +173,8 @@
|
||||
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@ -2,8 +2,54 @@
|
||||
<div class="col-md-12">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Allocation of Study Materials <span class="badge badge-pill badge-success">29</span></ng-template>
|
||||
<ng-template tabHeading> View Allocation of Study Materials </ng-template>
|
||||
<!--/.row-->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Allocate Study Materials
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select Styducenter</option>
|
||||
<option value="1">MMM Stydycenter</option>
|
||||
<option value="2">PPP Stydycenter</option>
|
||||
<option value="3">SSS Stydycenter</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">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-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>
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
@ -21,21 +67,24 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Study Center Name</th>
|
||||
<th>Batch Name</th>
|
||||
<th>Batch Name</th>
|
||||
<th>Course Name</th>
|
||||
|
||||
<th>Quantity</th>
|
||||
<th>Dispatch Date</th>
|
||||
<th> Quantity</th>
|
||||
<th>Status</th>
|
||||
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Center A</td>
|
||||
<td>Batch A</td>
|
||||
<td>Batch A</td>
|
||||
<td>MCA</td>
|
||||
|
||||
<td>10</td>
|
||||
<td>10/10/2018</td>
|
||||
<td>
|
||||
<span class="badge badge-danger">sent</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center B</td>
|
||||
@ -43,7 +92,9 @@
|
||||
<td>MBA</td>
|
||||
|
||||
<td>15</td>
|
||||
<td>15/10/2018</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Received</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center C</td>
|
||||
@ -51,7 +102,9 @@
|
||||
<td>BE</td>
|
||||
|
||||
<td>20</td>
|
||||
<td>10/11/2018</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Received</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Center D</td>
|
||||
@ -59,7 +112,9 @@
|
||||
<td>DE</td>
|
||||
|
||||
<td>34</td>
|
||||
<td>12/11/2018</td>
|
||||
<td>
|
||||
<span class="badge badge-success">Received</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
@ -75,90 +130,157 @@
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading>Allocate Study Materials</ng-template>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Study Material</strong>
|
||||
</div>
|
||||
<br>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i> Allocate Study Materials
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select Styducenter</option>
|
||||
<option value="1">MMM Stydycenter</option>
|
||||
<option value="2">PPP Stydycenter</option>
|
||||
<option value="3">SSS Stydycenter</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">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-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>
|
||||
<br>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
<span class="input-group-addon">
|
||||
<i class="fa fa-search"></i>
|
||||
</span>
|
||||
<input id="search" class="form-control" type="text" placeholder="search">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<label for="company"><strong>Total Materials</strong></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="150">
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-xs-12">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Select</th>
|
||||
<th>Study Center Name</th>
|
||||
<th>Batch Name</th>
|
||||
<th>Course Name</th>
|
||||
|
||||
<th>Request Quantity</th>
|
||||
<th>Allocate Quantity</th>
|
||||
|
||||
<form action="" method="post" class="form-horizontal">
|
||||
<div class="card-body">
|
||||
<div class="form-group row">
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-8 form-control-label" for="select">Select Study Center<span class="required">*</span></label>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><input type="checkbox" name="name1" /> </td>
|
||||
<td>Center A</td>
|
||||
<td>Batch A</td>
|
||||
<td>MCA</td>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">Center A</option>
|
||||
<option value="2">Center B</option>
|
||||
<option value="3">Center C</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-6 form-control-label" for="select">Select Batch<span class="required">*</span></label>
|
||||
<td>10</td>
|
||||
<td><input type="text" value="10"></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" name="name1" /> </td>
|
||||
<td>Center B</td>
|
||||
<td>Batch B</td>
|
||||
<td>MBA</td>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="0">Batch A</option>
|
||||
<option value="1">Batch B</option>
|
||||
<option value="2">Batch C</option>
|
||||
<option value="3">Batch D</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-6 form-control-label" for="select">Select Course<span class="required">*</span></label>
|
||||
<td>15</td>
|
||||
<td><input type="text" value="15"></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" name="name1" /> </td>
|
||||
<td>Center C</td>
|
||||
<td>Batch C</td>
|
||||
<td>BE</td>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">MCA</option>
|
||||
<option value="2">MBA</option>
|
||||
<option value="3">BE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="form-group row">
|
||||
<td>20</td>
|
||||
<td><input type="text" value="0"></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" name="name1" /> </td>
|
||||
<td>Center D</td>
|
||||
<td>Batch D</td>
|
||||
<td>DE</td>
|
||||
|
||||
<div class="col-md-4 ">
|
||||
<label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">*</span></label>
|
||||
|
||||
<select id="select" name="select" class="form-control">
|
||||
<option value="0">Please select</option>
|
||||
<option value="1">Sem1</option>
|
||||
<option value="2">Sem2</option>
|
||||
<option value="3">Sem3</option>
|
||||
<option value="3">Sem4</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="company">Quantity<span class="required">*</span></label>
|
||||
<input type="text" class="form-control" id="company" placeholder="Enter Quantity"> </div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<td>34</td>
|
||||
<td><input type="text" value="34"></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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<div class="form-group row">
|
||||
<div class="col-md-12" align="right">
|
||||
<button type="button" class="btn btn-sm btn-success"><i class="fa fa-dot-circle-o"></i> Submit</button>
|
||||
<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</tab>
|
||||
</tabset>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
@ -2,8 +2,55 @@
|
||||
<div class="col-md-12">
|
||||
<tabset>
|
||||
<tab>
|
||||
<ng-template tabHeading> View Received Study Materials <span class="badge badge-pill badge-success">29</span></ng-template>
|
||||
<div class="row">
|
||||
<ng-template tabHeading> View Received Study Materials </ng-template>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fa fa-align-justify"></i>Received Study Materials
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="input-prepend input-group">
|
||||
<select id="disabledSelect" class="form-control">
|
||||
<option value="0">Please Select University Name</option>
|
||||
<option value="1">MMM University</option>
|
||||
<option value="2">PPP University</option>
|
||||
<option value="3">SSS University</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">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-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>
|
||||
<br>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="input-prepend input-group">
|
||||
<span class="input-group-addon">
|
||||
@ -70,12 +117,15 @@
|
||||
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/.col-->
|
||||
</div>
|
||||
<!--/.row-->
|
||||
</tab>
|
||||
<tab>
|
||||
<ng-template tabHeading>Received Study Materials</ng-template>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<strong>Study Material</strong>
|
||||
@ -92,6 +142,7 @@
|
||||
<option value="1">Anna university</option>
|
||||
<option value="2">Bharathi University</option>
|
||||
<option value="3">Tamilnadu university</option>
|
||||
<option value="4">External</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 ">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user