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

add subject view

Browse Source
This commit is contained in:
gayathri1990 2018-08-10 19:47:59 +05:30
parent 044ca9a858
commit 24ea8e19f8
8 changed files with 626 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,7 +16,7 @@ export class AddSemyearFeesComponent implements OnInit {
}
ngOnInit() {
}
}
// show sem/year fees
showSemYearFees() {

550
src/app/views/masters/course-master/add-subject/add-subject.component.html Normal file
View File

@ -0,0 +1,550 @@
<div class="animated fadeIn">
<!--/.row-->
<div class="row">
<!--/.col-->
<div class="col-md-12 mb-4">
<!-- Nav tabs -->
<tabset>
<tab>
<ng-template tabHeading>1st Sem</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Subject Code <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-3">
<label for="statusName">Subject Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> 1st Semester
</div>
<div class="card-body">
<div class="row">
</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>Subject Code</th>
<th>Subject Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data Structure</td>
<td>Algorithm</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> 2nd Sem</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Subject Code <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-3">
<label for="statusName">Subject Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> 2nd Semester
</div>
<div class="card-body">
<div class="row">
</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>Subject Code</th>
<th>Subject Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data Structure</td>
<td>Algorithm</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>3rd Sem</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Subject Code <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-3">
<label for="statusName">Subject Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i>3rd Semester
</div>
<div class="card-body">
<div class="row">
</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>Subject Code</th>
<th>Subject Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data Structure</td>
<td>Algorithm</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>4th Sem</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Subject Code <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-3">
<label for="statusName">Subject Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> 4th Semester
</div>
<div class="card-body">
<div class="row">
</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>Subject Code</th>
<th>Subject Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data Structure</td>
<td>Algorithm</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>5th Sem</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Subject Code <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-3">
<label for="statusName">Subject Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> 5th Semester
</div>
<div class="card-body">
<div class="row">
</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>Subject Code</th>
<th>Subject Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data Structure</td>
<td>Algorithm</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>6th Sem</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Subject Code <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-3">
<label for="statusName">Subject Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> 6th Semester
</div>
<div class="card-body">
<div class="row">
</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>Subject Code</th>
<th>Subject Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data Structure</td>
<td>Algorithm</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>7th Sem</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Subject Code <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-3">
<label for="statusName">Subject Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> 7th Semester
</div>
<div class="card-body">
<div class="row">
</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>Subject Code</th>
<th>Subject Name</th>
</tr>
</thead>
<tbody>
<tr >
<td>Data Structure</td>
<td>Algorithm</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>8th Sem</ng-template>
<div class="row">
<div class="form-group col-sm-3">
<label for="statusName">Subject Code <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-3">
<label for="statusName">Subject Name <span class="symbol required"></span></label>
<input type="text" class="form-control" id="statusName" placeholder="Enter status name">
</div>
<div class="form-group col-sm-4 saveBtn">
<button type="button" class="btn btn-sm btn-success" style="margin-bottom: -60px;"><i class="fa fa-plus-circle"></i> Save</button>&nbsp;
<button type="reset" class="btn btn-sm btn-danger" style="margin-bottom: -60px;"><i class="fa fa-ban"></i> Reset</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i> 8th Semester
</div>
<div class="card-body">
<div class="row">
<div class="form-group col-sm-3 ">
</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>Subject Code</th>
<th>Subject Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>Data Structure</td>
<td>Algorithm</td>
</tr>
</tbody>
</table>
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#">Prev</a></li>
<li class="page-item active">
<a class="page-link" href="#">1</a>
</li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</div>
<!--/.col-->
</div>
<!--/.row-->
</div>
</div>
</div><!--/.col-->
</div>
</tab>
</tabset>
</div>
</div>
</div>

0
src/app/views/masters/course-master/add-subject/add-subject.component.scss Normal file
View File

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

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

15
src/app/views/masters/course-master/add-subject/add-subject.component.ts Normal file
View File

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

24
src/app/views/masters/course-master/course-master.component.html
View File

@ -1,4 +1,5 @@
<div class="animated fadeIn" *ngIf="hideCourseMasterC">
<!--/.row-->
<div class="row">
<!--/.col-->
@ -47,7 +48,8 @@
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
<a><i class="fa fa-eye"></i></a> &nbsp;&nbsp;
<a (click)="loadAddSubject()"><i class="fa fa-plus-circle"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
@ -65,8 +67,10 @@
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
<a><i class="fa fa-eye"></i></a>&nbsp;&nbsp;
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
@ -84,8 +88,10 @@
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
<a><i class="fa fa-eye"></i></a>&nbsp;&nbsp;
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
@ -103,8 +109,10 @@
<span class="badge badge-danger">InActive</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
<a><i class="fa fa-eye"></i></a> &nbsp;&nbsp;
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
@ -122,8 +130,10 @@
<span class="badge badge-success">Active</span>
</td>
<td>
<a><i class="fa fa-pencil-square-o"></i></a> &nbsp;&nbsp;
<a><i class="fa fa-eye"></i></a>
<a><i class="fa fa-eye"></i></a>&nbsp;&nbsp;
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a>
</td>
<td>
<a (click)="loadAddSemYearFees()"><i class="fa fa-plus-circle"></i></a> &nbsp;&nbsp;
@ -209,8 +219,10 @@
<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>
<app-add-semyear-fees *ngIf="!hideCourseMasterC"></app-add-semyear-fees>
<!--<app-add-subject *ngIf="!hideMaster"></app-add-subject>-->
<!-- 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">

15
src/app/views/masters/course-master/course-master.component.ts
View File

@ -7,9 +7,11 @@ import { Component, OnInit } from '@angular/core';
export class CourseMasterComponent implements OnInit {
hideCourseMasterC: boolean;
viewSemYearCard: boolean;
hideMaster:boolean;
textValue: string;
constructor() {
this.hideCourseMasterC= true;
this.hideMaster= true;
this.viewSemYearCard= false;
this.textValue='karthi';
}
@ -17,11 +19,18 @@ export class CourseMasterComponent implements OnInit {
ngOnInit() {
}
// load addsem year fees component
loadAddSemYearFees() {
loadAddSubject() {
this.hideMaster= false;
}
hideAllComponent() {
this.hideMaster= true;
}
// load addsem year fees component
loadAddSemYearFees() {
this.hideCourseMasterC= false;
}
// hide all child components
hideAllChildComponent() {
this.hideCourseMasterC= true;

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

@ -42,6 +42,7 @@ import { AddSemyearFeesComponent } from './course-master/add-semyear-fees/add-se
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';
import { AddSubjectComponent } from './course-master/add-subject/add-subject.component';
@NgModule({
imports: [
CommonModule,
@ -61,16 +62,17 @@ import { StatusMasterComponent } from './status-master/status-master.component';
FormListComponent,
UniversityMasterComponent,
BatchMasterComponent,
FeesMasterComponent,
DocumentMasterComponent,
DocumentMasterComponent,
StudyMaterialComponent,
ExamtimeTableComponent,
CourseMasterComponent,
AddSemyearFeesComponent,
AddSemyearFeesComponent,
AddSubjectComponent,
FeesShareAllotmentMasterComponent,
SessionMasterComponent,
StatusMasterComponent
]
})
export class MastersModule { }