History detatails added

application/views/storestatus.php

@@ -238,6 +238,52 @@
 		  </div></div>		
 				</div>
 				<!-- End of Model -->
+				
+				<!-- Start of Modal -->
+				<div id="ViewHistory" class="modal fade" role="dialog">
+				  <div class="modal-dialog">
+ 
+					 <!-- Modal content-->
+		  <div class="modal-content">
+			<div class="modal-header" style="background-color: #3c8dbc;color:#fff;">
+			  <button type="button" class="close" data-dismiss="modal">&times;</button>
+			  <center><h4>View History Details </center></h4>	
+				Material Code :	<label style="font-size:15px;" id="materialCodeDetails" >Default</label> </br>
+				Material Name :	<label style="font-size:15px;" id="materialNamedetails" >Default</label></br> 
+				UOM :	<label style="font-size:15px;" id="materialUOMDetails" >Default</label> </br>				
+			</div>
+			<div align="left"> 
+			 
+			<table id="ViewHistoryTable" class="table table-bordered table-hover" style="font-size:12px;">
+				 
+	
+				<div class="modal fade"  role="dialog">
+		
+				<thead style="background-color:#ddf">
+					<tr>
+						<th>SNo.</th> 						
+						<th>Available Stock</th>						
+						<th>Updated Stock</th>
+						<th>Updated On</th>
+						<th>Remarks</th>
+						
+					</tr>
+				</thead>
+				<tbody id="tblAppend">
+				</tbody>
+				</table>
+			
+			
+			
+		 
+			</div>
+			
+			<div class="modal-footer">
+			
+						<a  class="btn btn-primary" data-dismiss="modal"  onclick="cancel();" value="Cancel">OK</a>
+			</div>
+		  </div></div>		
+				</div>
 			<table id="storestatuslisting" class="table table-bordered table-hover editableTable" style="font-size:12px;">
 				 
 	
@@ -253,6 +299,7 @@
 						<th>Stock Availablity</th>
 						<th>Updated On</th>
 						<th>Remarks</th>
+						<th>View History</th>
 					</tr>
 				</thead>
 				<tbody>
@@ -284,7 +331,8 @@ $updatedOn =  $dt->format('d-m-y');
      echo $updatedOn ; ?></td>
 					<td><?php echo $record->storeremarks ; ?>
 							
-					</td>					
+					</td>
+						<td>   <a  	data-toggle="modal" data-target="#ViewHistory" data-id="<%=index%>"  data-userid="<?php echo $index ?>"><i class="fa fa-eye" data-toggle="tooltip" title="<?php echo $record->MaterialCode; ?>  -  Click here to view the History of Stock details"></i>&nbsp;&nbsp;&nbsp;</a></td>
 				  </tr>
 				 <?php   }
 						?>
@@ -353,6 +401,37 @@ $("#UOM").val('');
           return true;
        }
 	   
+	     $("#ViewHistory").on("shown.bs.modal", function(e) {
+		var  rowid = $(e.relatedTarget).data('userid');
+        var tr= document.getElementById(rowid);
+		var cellval = tr.cells; 
+		var materialCode = cellval[1].innerText;
+	    var materialDescription = cellval[2].innerText;
+		 var MaterialUOM = cellval[3].innerText;
+		
+	   document.getElementById('materialCodeDetails').innerHTML=materialCode;
+	   document.getElementById('materialNamedetails').innerHTML=materialDescription;
+	   document.getElementById('materialUOMDetails').innerHTML=MaterialUOM;
+	   
+	   $('#content').loader('show');
+		    $.ajax({ 
+			data:{id:materialCode},
+			type:"POST",
+			dataType: 'json',
+			url:"<?php echo base_url() ?>storestatus/viewStockHistory",
+			success:function(json) {
+			//	success:function(data) {
+				$('#content').loader('hide');
+				//alert(json.AvalStock);				
+				$("#tblAppend").append(json.History);		
+		
+		}
+  
+}); 
+	   
+	   });
+	   
+	   
 	   $("#EditItemModel").on("shown.bs.modal", function(e) {
 	   var  rowid = $(e.relatedTarget).data('userid');
        var tr= document.getElementById(rowid);
@@ -502,6 +581,14 @@ function validate()
       "ordering": true,
       "info": true,
       "autoWidth": false
+    });
+	   $('#ViewHistoryTable').DataTable({
+      "paging": false,
+      "lengthChange": false,
+      "searching": false,
+      "ordering": false,
+      "info": false,
+      "autoWidth": false
     });
   });