diff --git a/src/app/views/studymaterial/allocatematerial/allocatematerial.component.html b/src/app/views/studymaterial/allocatematerial/allocatematerial.component.html
index c19a71c..30d3b05 100644
--- a/src/app/views/studymaterial/allocatematerial/allocatematerial.component.html
+++ b/src/app/views/studymaterial/allocatematerial/allocatematerial.component.html
@@ -1,7 +1,8 @@
- <div class="animated fadeIn">
- <div class="col-md-12">
+ 
  <tabset>
+     
  <tab>
+      <div class="col-lg-12" *ngIf="!show"> 
       <ng-template tabHeading> View Allocation of Study Materials &nbsp;</ng-template>
       <!--/.row-->
        <div class="card"> 
@@ -76,46 +77,17 @@
           </tr>
         </thead>
         <tbody>
-          <tr>
-            <td>Center A</td>
-		      	<td>1st Sem / 2018</td>
-            <td>MCA</td>
-            
-			<td>10</td>
+         <tr *ngFor="let app of studyMaterialDetails">
+            <td>{{app.studycentername}}</td>
+		    <td>{{app.sem}}</td>
+            <td>{{app.course}}</td>
+             <td style="color:blue;"><a (click)="myModal.show(); getModelWindowDetails(app,'answerBooklet')">{{app.Quantity}} </a></td>
+			
       	  <td>
          <span class="badge badge-danger">sent</span>
 	</td>
           </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>
       </table>
@@ -135,7 +107,76 @@
     <!--/.col-->
   </div>
   <!--/.row-->
+ </div>
     </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>
  <ng-template tabHeading>Allocate Study Materials</ng-template>
  <div class="card"> 
@@ -285,4 +326,5 @@
           </div> 
 </div>
     <!--/.col-->
-  </div>
\ No newline at end of file
+  </div>
+ 
\ No newline at end of file
diff --git a/src/app/views/studymaterial/allocatematerial/allocatematerial.component.ts b/src/app/views/studymaterial/allocatematerial/allocatematerial.component.ts
index b27d3ad..3c425c0 100644
--- a/src/app/views/studymaterial/allocatematerial/allocatematerial.component.ts
+++ b/src/app/views/studymaterial/allocatematerial/allocatematerial.component.ts
@@ -7,9 +7,43 @@ import { Component, OnInit } from '@angular/core';
 })
 export class AllocatematerialComponent implements OnInit {
 
-  constructor() { }
+ show = false;
+  closed = false;
+  public myModal;
+  public myModalData;
+  studyMaterialDetails: any;
+  constructor() { }   
+  ngOnInit(){
+       this.studyMaterialDetails = [
+      {
+        studycentername: 'Studycenter A',
+        sem:'1st Sem/2018',
+        course: 'BE',
+        Quantity: '30',
+       
+      },
+      {
+       studycentername: 'Studycenter B',
+        sem:'2nd Sem/2018',
+        course: 'MCA',
+        Quantity: '10',
+      },
+      {
+       studycentername: 'Studycenter C',
+        sem:'1st Sem/2018',
+        course: 'MBA',
+        Quantity: '20',
+      }
+    ]
+  }
+ 
 
-  ngOnInit() {
+  getModelWindowDetails(stuCent) {
+    this.myModalData = stuCent||null;
+  }
+  editStudyCenter(){
+     this.show = !this.show;
   }
 
 }
+  
\ No newline at end of file
diff --git a/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.html b/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.html
index a27defa..8bb511b 100644
--- a/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.html
+++ b/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.html
@@ -10,6 +10,7 @@
                 </div>
                
                  <div class="card-body">
+                     
                    
                    <div class="row">
                         <div class="col-md-3">
@@ -70,7 +71,8 @@
             <th>University Name</th>
             <th>Course Name</th>
             <th>Sem/Year</th>
-            <th>Quantity</th>
+            <th>Received Quantity</th>
+            <th>Balance Quantity</th>
 			<th>Received Date</th>
           </tr>
         </thead>
@@ -80,6 +82,7 @@
             <td>MCA</td>
             <td>1st Sem</td>
 			<td>10</td>
+            <td>0</td>
 			<td>10/10/2018</td>
           </tr>
           <tr>
@@ -87,6 +90,7 @@
             <td>MBA</td>
             <td>2nd Sem</td>
 			<td>15</td>
+            <td>2</td>
 			<td>15/10/2018</td>
           </tr>
           <tr>
@@ -94,6 +98,7 @@
             <td>BE</td>
             <td>3rd Sem</td>
 			<td>20</td>
+            <td>0</td>
 			<td>10/11/2018</td>
           </tr>
           <tr>
@@ -101,6 +106,7 @@
             <td>DE</td>
             <td>4th sem</td>
 			<td>34</td>
+            <td>10</td>
 			<td>12/11/2018</td>
           </tr>
           
@@ -133,9 +139,29 @@
 		<br>
         <form action="" method="post" class="form-horizontal">
 		<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="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">
                   <option value="0">Please select</option>
@@ -146,7 +172,7 @@
                 </select>
               </div>
            <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">
                   <option value="0">Please select</option>
@@ -156,7 +182,7 @@
                 </select>
               </div>
               <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">
                   <option value="0">Please select</option>
@@ -174,12 +200,12 @@
 				
 				          
 			   <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"> 
                          </div>
                           <div class=" col-md-4 ">
-              <label for="company">Received Date<span class="required">*</span></label>
-              <input type="date" class="form-control" id="date" placeholder="Enter Batch Date">          
+              <label for="company">Received Date<span class="required">&nbsp;*</span></label>
+              <input type="text" class="form-control" id="date" placeholder="dd/mm/yyyy">          
 			  </div>
           </div>
          
diff --git a/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.scss b/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.scss
index e69de29..afeb7c4 100644
--- a/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.scss
+++ b/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.scss
@@ -0,0 +1,4 @@
+
+.required{
+      color:red;
+}
diff --git a/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.ts b/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.ts
index d5e10d0..3e812e9 100644
--- a/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.ts
+++ b/src/app/views/studymaterial/receivedmaterial/receivedmaterial.component.ts
@@ -11,5 +11,10 @@ export class ReceivedmaterialComponent implements OnInit {
 
   ngOnInit() {
   }
+   ShowHideDiv(chkPassport) {
+     alert('hai');
+        var dvPassport = document.getElementById("dvPassport");
+        dvPassport.style.display = chkPassport.checked ? "block" : "none";
+    }
 
 }