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

studymaterial view

Browse Source
This commit is contained in:
gayathri1990 2018-08-09 16:22:31 +05:30
parent 772f1d967f
commit 3a163a60a1
5 changed files with 159 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
src/app/views/studymaterial/allocatematerial/allocatematerial.component.html
View File

@ -1,7 +1,8 @@
<div class="animated fadeIn">
<div class="col-md-12">
<tabset> <tabset>
<tab> <tab>
<div class="col-lg-12" *ngIf="!show">
<ng-template tabHeading> View Allocation of Study Materials &nbsp;</ng-template> <ng-template tabHeading> View Allocation of Study Materials &nbsp;</ng-template>
<!--/.row--> <!--/.row-->
<div class="card"> <div class="card">
@ -76,46 +77,17 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr *ngFor="let app of studyMaterialDetails">
<td>Center A</td> <td>{{app.studycentername}}</td>
<td>1st Sem / 2018</td> <td>{{app.sem}}</td>
<td>MCA</td> <td>{{app.course}}</td>
<td style="color:blue;"><a (click)="myModal.show(); getModelWindowDetails(app,'answerBooklet')">{{app.Quantity}} </a></td>
<td>10</td>
<td> <td>
<span class="badge badge-danger">sent</span> <span class="badge badge-danger">sent</span>
</td> </td>
</tr> </tr>
<tr>
<td>Center B</td>
<td>2nd Sem / 2018</td>
<td>MBA</td>
<td>15</td>
<td>
<span class="badge badge-success">Received</span>
</td>
</tr>
<tr>
<td>Center C</td>
<td>3rd Sem / 2019</td>
<td>BE</td>
<td>20</td>
<td>
<span class="badge badge-success">Received</span>
</td>
</tr>
<tr>
<td>Center D</td>
<td>4th Sem / 2019</td>
<td>DE</td>
<td>34</td>
<td>
<span class="badge badge-success">Received</span>
</td>
</tr>
</tbody> </tbody>
</table> </table>
@ -135,7 +107,76 @@
<!--/.col--> <!--/.col-->
</div> </div>
<!--/.row--> <!--/.row-->
</div>
</tab> </tab>
<div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document" *ngIf="myModalData">
<div class="modal-content">
<div class="modal-header">
<strong>Student List</strong>
<h4 class="modal-title" *ngIf="modelType == 'markCard'"> Mark Card Status</h4>
<h4 class="modal-title" *ngIf="modelType == 'answerBooklet'"> Answer Booklet Status</h4>
<button type="button" class="close" (click)="myModal.hide()" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<table class="table table-bordered table-responsive">
<thead>
<tr>
<th>Form ID</th>
<th>Student Name</th>
<th>Batch Name</th>
<th>Session</th>
</tr>
</thead>
<tbody>
<tr>
<td>Form001</td>
<td>Vikram</td>
<td><b>{{ modelType | uppercase }} </b> Batch A</td>
<td>1st/2018</td>
</tr>
<tr>
<td>Form002</td>
<td>Raj</td>
<td><b>{{ modelType | uppercase }} </b> Batch A</td>
<td>1st/2018</td>
</tr>
<tr>
<td>Form003</td>
<td>John</td>
<td><b>{{ modelType | uppercase }} </b> Batch A</td>
<td>1st/2018</td>
</tr>
<tr>
<td>Form004</td>
<td>Karthik</td>
<td><b>{{ modelType | uppercase }} </b> Batch A</td>
<td>1st/2018</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" (click)="myModal.hide()">Close</button>
<!--<button type="button" class="btn btn-primary">Save</button>-->
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<tab> <tab>
<ng-template tabHeading>Allocate Study Materials</ng-template> <ng-template tabHeading>Allocate Study Materials</ng-template>
<div class="card"> <div class="card">
@ -286,3 +327,4 @@
</div> </div>
<!--/.col--> <!--/.col-->
</div> </div>

36
src/app/views/studymaterial/allocatematerial/allocatematerial.component.ts
View File

@ -7,9 +7,43 @@ import { Component, OnInit } from '@angular/core';
}) })
export class AllocatematerialComponent implements OnInit { export class AllocatematerialComponent implements OnInit {
show = false;
closed = false;
public myModal;
public myModalData;
studyMaterialDetails: any;
constructor() { } constructor() { }
ngOnInit(){
this.studyMaterialDetails = [
{
studycentername: 'Studycenter A',
sem:'1st Sem/2018',
course: 'BE',
Quantity: '30',
ngOnInit() { },
{
studycentername: 'Studycenter B',
sem:'2nd Sem/2018',
course: 'MCA',
Quantity: '10',
},
{
studycentername: 'Studycenter C',
sem:'1st Sem/2018',
course: 'MBA',
Quantity: '20',
}
]
}
getModelWindowDetails(stuCent) {
this.myModalData = stuCent||null;
}
editStudyCenter(){
this.show = !this.show;
} }
} }

40
src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.html
View File

@ -11,6 +11,7 @@
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-md-3"> <div class="col-md-3">
<div class="input-prepend input-group"> <div class="input-prepend input-group">
@ -70,7 +71,8 @@
<th>University Name</th> <th>University Name</th>
<th>Course Name</th> <th>Course Name</th>
<th>Sem/Year</th> <th>Sem/Year</th>
<th>Quantity</th> <th>Received Quantity</th>
<th>Balance Quantity</th>
<th>Received Date</th> <th>Received Date</th>
</tr> </tr>
</thead> </thead>
@ -80,6 +82,7 @@
<td>MCA</td> <td>MCA</td>
<td>1st Sem</td> <td>1st Sem</td>
<td>10</td> <td>10</td>
<td>0</td>
<td>10/10/2018</td> <td>10/10/2018</td>
</tr> </tr>
<tr> <tr>
@ -87,6 +90,7 @@
<td>MBA</td> <td>MBA</td>
<td>2nd Sem</td> <td>2nd Sem</td>
<td>15</td> <td>15</td>
<td>2</td>
<td>15/10/2018</td> <td>15/10/2018</td>
</tr> </tr>
<tr> <tr>
@ -94,6 +98,7 @@
<td>BE</td> <td>BE</td>
<td>3rd Sem</td> <td>3rd Sem</td>
<td>20</td> <td>20</td>
<td>0</td>
<td>10/11/2018</td> <td>10/11/2018</td>
</tr> </tr>
<tr> <tr>
@ -101,6 +106,7 @@
<td>DE</td> <td>DE</td>
<td>4th sem</td> <td>4th sem</td>
<td>34</td> <td>34</td>
<td>10</td>
<td>12/11/2018</td> <td>12/11/2018</td>
</tr> </tr>
@ -133,9 +139,29 @@
<br> <br>
<form action="" method="post" class="form-horizontal"> <form action="" method="post" class="form-horizontal">
<div class="card-body"> <div class="card-body">
<div id="dvPassport" style="display: none">
Passport Number:
<input type="text" id="txtPassportNumber" />
</div>
<div class="form-group row">
<div class="col-md-4">
<label class="col-md-12 form-control-label"><strong>Received by</strong></label>
<div class="col-md-6">
<label for="chkPassport">
<input type="checkbox" id="chkPassport" onclick="ShowHideDiv(this)" />
Vendor
</label>
</div>
</div>
<div id="dvPassport" style="display: none" class=" col-md-4 ">
<label for="company">Vendor Details<span class="required">&nbsp;*</span></label>
<input type="text" class="form-control" id="vdetails" placeholder="Vendor Details">
</div>
</div>
<div class="form-group row"> <div class="form-group row">
<div class="col-md-4 "> <div class="col-md-4 ">
<label class="col-md-6 form-control-label" for="select">Select University<span class="required">*</span></label> <label class="col-md-6 form-control-label" for="select">Select University<span class="required">&nbsp;*</span></label>
<select id="select" name="select" class="form-control"> <select id="select" name="select" class="form-control">
<option value="0">Please select</option> <option value="0">Please select</option>
@ -146,7 +172,7 @@
</select> </select>
</div> </div>
<div class="col-md-4 "> <div class="col-md-4 ">
<label class="col-md-6 form-control-label" for="select">Select Course<span class="required">*</span></label> <label class="col-md-6 form-control-label" for="select">Select Course<span class="required">&nbsp;*</span></label>
<select id="select" name="select" class="form-control"> <select id="select" name="select" class="form-control">
<option value="0">Please select</option> <option value="0">Please select</option>
@ -156,7 +182,7 @@
</select> </select>
</div> </div>
<div class="col-md-4 "> <div class="col-md-4 ">
<label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">*</span></label> <label class="col-md-8 form-control-label" for="select">Select Sem/Year<span class="required">&nbsp;*</span></label>
<select id="select" name="select" class="form-control"> <select id="select" name="select" class="form-control">
<option value="0">Please select</option> <option value="0">Please select</option>
@ -174,12 +200,12 @@
<div class="col-md-4"> <div class="col-md-4">
<label for="company">Quantity<span class="required">*</span></label> <label for="company">Quantity<span class="required">&nbsp;*</span></label>
<input type="text" class="form-control" id="company" placeholder="Enter Quantity"> <input type="text" class="form-control" id="company" placeholder="Enter Quantity">
</div> </div>
<div class=" col-md-4 "> <div class=" col-md-4 ">
<label for="company">Received Date<span class="required">*</span></label> <label for="company">Received Date<span class="required">&nbsp;*</span></label>
<input type="date" class="form-control" id="date" placeholder="Enter Batch Date"> <input type="text" class="form-control" id="date" placeholder="dd/mm/yyyy">
</div> </div>
</div> </div>

4
src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.scss
View File

@ -0,0 +1,4 @@
.required{
color:red;
}

5
src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.ts
View File

@ -11,5 +11,10 @@ export class ReceivedmaterialComponent implements OnInit {
ngOnInit() { ngOnInit() {
} }
ShowHideDiv(chkPassport) {
alert('hai');
var dvPassport = document.getElementById("dvPassport");
dvPassport.style.display = chkPassport.checked ? "block" : "none";
}
} }