studymaterial stock

This commit is contained in:
gayathri1990 2018-08-10 12:53:57 +05:30
parent ad44d3937f
commit 35e7277d1f
7 changed files with 351 additions and 2 deletions

View File

@ -133,6 +133,11 @@ export class AppSidebar {
name: 'AllocateMaterial',
url: '/studymaterial/allocatematerial',
icon: 'fa fa-user-secret'
},
{
name: 'Studymaterial Stock',
url: '/studymaterial/studymaterialstock',
icon: 'fa fa-user-secret'
}
]
},{

View File

@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ReceivedmaterialComponent } from './receivedmaterial/receivedmaterial.component';
import { AllocatematerialComponent } from './allocatematerial/allocatematerial.component';
import { StudymaterialstockComponent } from './studymaterialstock/studymaterialstock.component';
import { StudyMaterialComponent } from './study-material/study-material.component';
const routes: Routes = [
@ -24,6 +25,13 @@ const routes: Routes = [
data: {
title: 'AllocateMaterial'
}
},
{
path: 'studymaterialstock',
component: StudymaterialstockComponent,
data: {
title: 'Studymaterialstock'
}
},
{
path: 'studyMaterialStatus',

View File

@ -11,6 +11,7 @@ import { StudymaterialRoutingModule } from './studymaterial-routing.module';
import { ReceivedmaterialComponent } from './receivedmaterial/receivedmaterial.component';
import { AllocatematerialComponent } from './allocatematerial/allocatematerial.component';
import { StudyMaterialComponent } from './study-material/study-material.component';
import { StudymaterialstockComponent } from './studymaterialstock/studymaterialstock.component';
@NgModule({
imports: [
@ -22,6 +23,7 @@ import { StudyMaterialComponent } from './study-material/study-material.componen
StudymaterialRoutingModule
],
declarations: [ReceivedmaterialComponent, AllocatematerialComponent,
StudyMaterialComponent]
StudyMaterialComponent,
StudymaterialstockComponent]
})
export class StudymaterialModule { }

View File

@ -0,0 +1,294 @@
<div class="animated fadeIn">
<div class="col-md-12">
<tabset>
<tab>
<ng-template tabHeading>Stock on Hand &nbsp;</ng-template>
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i>Study Materials On Hand
</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">Sem/Year</option>
<option value="1">1st Sem/2018</option>
<option value="2">2nd Sem/2018</option>
<option value="3">3rd Sem/2019</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>
<!--/.row-->
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered">
<thead>
<tr>
<th>University Name</th>
<th>Course Name</th>
<th>Sem/Year</th>
<th>Current Registration</th>
<th>Stock on Hand</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Anna University</td>
<td>MCA</td>
<td>1st Sem</td>
<td>10</td>
<td>10</td>
<td>
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>
</td>
</tr>
<tr>
<td>Bharathi University</td>
<td>MBA</td>
<td>2nd Sem</td>
<td>15</td>
<td>15</td>
<td>
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>
</td>
</tr>
<tr>
<td>Thiruvalluvar University</td>
<td>BE</td>
<td>3rd Sem</td>
<td>20</td>
<td>20</td>
<td>
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></i>
</td>
</tr>
<tr>
<td>Kamaraj University</td>
<td>DE</td>
<td>4th sem</td>
<td>34</td>
<td>34</td>
<td>
<i class="fa fa-eye" tooltip="View More" data-toggle="modal" (click)="myModal.show(); getModelWindowDetails(app)"></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>
</div>
</div>
<!--/.col-->
</div>
<!--/.row-->
</tab>
<tab>
<ng-template tabHeading> Studymaterial Status</ng-template>
<div class="card">
<div class="card-header">
<i class="fa fa-align-justify"></i>Studymaterials Status
</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">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">Select Studycenter</option>
<option value="1">SC 1</option>
<option value="2">SC 2</option>
<option value="3">SC 3</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="input-prepend input-group">
<select id="disabledSelect" class="form-control">
<option value="0"> 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">Sem/Year</option>
<option value="1">1st Sem/2018</option>
<option value="2">2nd Sem/2018</option>
<option value="3">3rd Sem/2019</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>
<!--/.row-->
<div class="row">
<div class="col-lg-12 col-xs-12">
<table class="table table-bordered">
<thead>
<tr>
<th>Studycenter Name</th>
<th>University Name</th>
<th>Course Name</th>
<th>Sem/Year</th>
<th>Registration</th>
<th>Studymaterial Sent</th>
<th>Balance</th>
</tr>
</thead>
<tbody>
<tr>
<td>SC 1</td>
<td>Anna University</td>
<td>MCA</td>
<td>1st Sem</td>
<td>10</td>
<td>10</td>
<td>0</td>
</tr>
<tr>
<td>SC 2</td>
<td>Bharathi University</td>
<td>MBA</td>
<td>2nd Sem</td>
<td>15</td>
<td>10</td>
<td>5</td>
</tr>
<tr>
<td>SC 3</td>
<td>Thiruvalluvar University</td>
<td>BE</td>
<td>3rd Sem</td>
<td>20</td>
<td>20</td>
<td>0</td>
</tr>
<tr>
<td>SC 4</td>
<td>Kamaraj University</td>
<td>DE</td>
<td>4th sem</td>
<td>34</td>
<td>30</td>
<td>4</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>
<!--/.col-->
</div>
</tab>
</tabset>
</div>
</div>

View File

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

View File

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