EVOLUTION-NINJA

Edit File: admin_index.php

<!DOCTYPE html>
<html lang="en">

<head>

<title>Yaskawa</title>
	<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.css'); ?>" />
				    
				    <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('jqgrid/css/ui.jqgrid.css'); ?>" />
    
    <link href="<?php echo base_url('admin_assets/css/bootstrap.min.css');?>" rel="stylesheet">

<link href="<?php echo base_url('admin_assets/css/sb-admin.css');?>" rel="stylesheet">

<link href="<?php echo base_url('admin_assets/css/plugins/morris.css');?>" rel="stylesheet">

<link href="<?php echo base_url('admin_assets/font-awesome/css/font-awesome.min.css');?>" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="<?php echo base_url('assets/js/jquery-2.2.4.min.js');?>"></script>
    
    
    
	 <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.js'); ?>"></script>
				      
	 <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/i18n/grid.locale-en.js'); ?>"></script>
				    <script type="text/ecmascript" src="<?php echo base_url('jqgrid/js/jquery.jqGrid.min.js'); ?>"></script>
	<script src="<?php echo base_url('assets/js/jquery-ui.js'); ?>" type="text/javascript"></script>
	
	<style>
		.right
		{
			text-transform: uppercase;
			font-family:Roboto;
			font-weight:bold;
			color:#00a859;
		}
	</style>
	<style type="text/css">
			
				.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {
				  border-color: #FF0000;
				  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
				}
			
				#editmodlist2
				{
					//height: 232px !important;
					width: 326px !important;
				}
				#FrmGrid_list2
				{
					width: 100% !important;
				}
				.ui-jqdialog .ui-jqdialog-titlebar
				{
					height: 29px !important;
					background-color:#2A4474 !important;
					color: white;
					padding-left: 10px;
				}
				.fm-button
				{
					height: 21px !important;
					padding: 1px;					
					margin-right: 10px !important;
					height: 21px !important;				    
				    width: 43%;
				    margin-top: -7px !important;
				}
				.ui-jqdialog-content td.navButton {
					padding-top: 12px !important;
				}
				.ui-jqgrid .ui-jqgrid-titlebar
				{
					height: 27px !important;
					background-color: #2A4474!important;
					color:white !important;
				}
				.ui-jqgrid-bdiv
				{
					height: 232px !important;
				}
				.ui-widget-overlay
				{
					z-index:0 !important;
				}
				
			</style>
</head>

<body>

<nav class="navbar navbar-inverse navbar-fixed-top menu-a" role="navigation">
            
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand my_logo" href="<?php echo site_url('controller/product');?>"><img  class="img-responsive" src="<?php echo base_url('admin_assets/img/yaskawa_logo2.png');?>"></a>
            </div>
            
            <ul class="nav navbar-right top-nav">
               
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Admin</a>
                   
					<li>
						<a href="<?php echo site_url('controller/logout');?>"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
					</li>
                </li>
            </ul>
            
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav side-nav my-nav">
                     
					    
					 <li class="active">
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo1"> Manage Users  <i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="demo1" class="collapse">
                            <li>
                                <a href="<?php echo site_url('controller/supervisor_view');?>">Supervisor</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/abp_view');?>">ABP</a>
                            </li>
							 <li>
                                <a href="<?php echo site_url('controller/region_view');?>">Regional Manager</a>
                            </li>
                        </ul>
                    </li>
					  
                    <li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo2"> Information <i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="demo2" class="collapse">
                            <li>
                                <a href="<?php echo site_url('controller/stock_updates_view');?>">Stock Updates</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/po_view');?>">PO Acknowledgemets</a>
                            </li>
                        </ul>
                    </li>
					    
					<li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo3"> Financials<i class="fa fa-fw fa-caret-down"></i></a>
                        <ul id="demo3" class="collapse">
                            <li>
                                <a href="<?php echo site_url('controller/outstanding_view');?>">Outstanding Statement</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/overdue_view');?>">Overdue Statement</a>
                            </li>
							<li>
                                <a href="<?php echo site_url('controller/cform_view');?>">C forms</a>
                            </li>
                        </ul>
                    </li>
					 
					<li>
                        <a href="javascript:;" data-toggle="collapse" data-target="#demo4"> Technical Support<i class="fa fa-fw fa-caret-down"></i></a>
                          <ul id="demo4" class="collapse">
                            <li>
                                <a href="<?php echo site_url('controller/drive_catalogues_view');?>">Drive Catalogues</a>
                            </li>
                            <li>
                                <a href="<?php echo site_url('controller/case_stories_view');?>">Case Stories</a>
                            </li>
                        </ul>
                    </li>
					   
					<li>
						<a href="<?php echo site_url('controller/news_view');?>">News</a>
					</li>
					 <li class="divider"></li>     
                   <li>
						<a href="<?php echo site_url('controller/product');?>">Add Product and Category</a>
					</li>
					 <li class="divider"></li> 
					 <li>
						<a href="<?php echo site_url('controller/admin_shipaddress');?>">Add ABP Shipment Address</a>
					</li>
					 <li class="divider"></li> 
					 <li>
						<a href="<?php echo site_url('controller/add_product');?>">Add New Product</a>
					</li>
					 <li class="divider"></li> 
					 <li>
						<a href="<?php echo site_url('controller/product_list');?>">Product List</a>
					</li>
					 <li class="divider"></li> 
					  <li>
						<a href="<?php echo site_url('controller/po_list');?>">PO List</a>
					</li>
					 <li class="divider"></li>
                </ul>
            </div>
            
        </nav>
   <div id="page-wrapper">

<div class="row">
                    <div class="col-lg-12">
                       
                    </div>
                </div>

<div class="row">
				
				
				
				<div class="col-sm-6 p_list">
						<h3>Product List</h3>
						<table id="list2"></table>
										<div id="pager2"></div>
					</div>
					<div class="col-sm-6 c_list">
						<h3>Categorty List</h3>
						<table id="list3"></table>
										<div id="pager3"></div>
					</div>
				
				 <?php
        $ci =& get_instance();
        $base_url = base_url();
    ?>
			  </div>

</div>
            
        </div>

</div>
            
        </div>

<!-- jQuery 
    <script src="<?php echo base_url('admin_assets/js/jquery.js');?>"></script>

<!-- Bootstrap Core JavaScript 
    <script src="<?php echo base_url('admin_assets/js/bootstrap.min.js');?>"></script>

</body>

</html>
<script>
  $(document).ready(function (){
	
		jQuery("#list2").jqGrid({
			url:"<?php echo site_url('controller/product_view');?>",
			mtype : "post",
			datatype: "json", 
		    colNames:['Id','Product','Created On'],
			colModel:[
					{name:'id',index:'id', width:50, align:'center',key:true,editable:true,hidden:true},
		      	    {name:'product',index:'product', width:50, align:'center',key:true,editable:true},
					{name:'createdate', index:'createdate', align:'center',editable:false, width:50}
		      	    ],
			rowNum:10,
    	rowTotal: 2000,
    	rowList : [10,20,40,80],
		rownumbers: true,
    	rownumWidth: 40,
		pager:"#pager2", 
		sortname:'id', 
		viewrecords: true,
		loadonce:true,
		gridview: true,
		autowidth: true,
		sortorder:"asc", 
		caption:"Product"
			}); 
	   $("#list2").jqGrid('filterToolbar',{searchOperators : false});//for multisearch code,remove if not required
	
		$("#list2").jqGrid('navGrid','#pager2',
					{edit:false,add:false,del:false,search:true,refreshstate:"current"},
					{ },
			        { },
			        { }, 
					{
				    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
				        closeOnEscape: true, 
				        	multipleSearch: true, 
				         	closeAfterSearch: true,
		 					multipleGroup:true,
							caption:"search"
		 }
			);
	  $('#pager2').css("height", "auto");
	  $("#list2").navButtonAdd('#pager2',
					{ 	caption:"", 
						buttonicon:"ui-icon-plus", 
						onClickButton: addRow,
						position: "last", 
						title:"", 
						cursor:"pointer",
						id:"client_add"
					} 
			);	 
			$("#list2").navButtonAdd('#pager2',
					{ 	caption:"", 
						buttonicon:"ui-icon-pencil", 
						onClickButton: editRow,
						position: "last", 
						title:"", 
						cursor: "pointer",
						id:"client_edit"
					} 
			);	
		
	
  });
	  function addRow() {
					// Get the currently selected row
				    $("#list2").jqGrid('editGridRow','new',
				    		{ 	
				    			modal:true,jqModal:true,
							    recreateForm: true,			    
							    beforeSubmit: function(postdata,formid){
							    	
							    	
							    	var product = $("#product").val();
							    	var createdate = $("#createdate").val();
							    	
							    	$.ajax({
							            
							            url:"<?php echo site_url('controller/product_add');?>",
							            type:"POST",
							            data:{'product':product,'createdate':createdate},
							                 async:false,
							                success:function(data){
							                   
							                   	alert('Successfully Added.');
								               
							                   	$("#editmodlist2").remove();
							                   	//jqtab();
							                   	$("#list2").trigger("reloadGrid");
							                   	window.location.reload();
							                }
							            });
							      },
								closeAfterAdd: true,
								reloadAfterSubmit:false,
								closeOnEscape:true,
								clearAfterAdd: true,
								afterSubmit :false
								
				    		});
				    
				    
				}
	
	 function editRow() {
					// Get the currently selected row
					
					var row = $("#list2").jqGrid('getGridParam','selrow'); 
					if( row != null ) 
						$("#list2").jqGrid('editGridRow',row,
							{	 
								modal:true,jqModal:true,
						        recreateForm: true,		        
						        beforeSubmit: function(postdata,formid){
							        
						        	var product = $("#product").val();
							    	var createdate = $("#createdate").val();
									var id = $("#id").val();
							    	 $.ajax({
							             
							             url:"<?php echo site_url('controller/product_edit');?>",
							             type:"POST",
							            data:{'product':product,'createdate':createdate,'id':id},
							                 async:false,
							             success:function(data){
							                 if(data==""){
							                  alert('Successfully Updated.'); 
							                    
							                    $("#list2").trigger("reloadGrid");
							                    jQuery('#list2').jqGrid('editRow',id,true,reload());
							                  
							                 }
							                 else{
							                     alert('Successfully Updated');
							                     $("#editmodlist2").remove();
			                	    			window.location.reload();

}
							             }
							         });
							         
							         
							     
							    	 
							    },
								closeAfterEdit: true,
								reloadAfterSubmit:false,
								afterSubmit : false 
								
							});

else alert("please select row");
				}
</script>
 <script>
  $(document).ready(function (){
	
		jQuery("#list3").jqGrid({
			url:"<?php echo site_url('controller/category_view');?>",
			mtype : "post",
			datatype: "json", 
		    colNames:['id','Category','Created On'],
			colModel:[
				 {name:'id',index:'id', width:50, align:'center',key:true,editable:true,hidden:true},
		      	 {name:'category',index:'category', width:50, align:'center',key:true,editable:true},
				 {name:'createdate', index:'createdate', align:'center',editable:false, width:50}
		      	    ],
			rowNum:10,
			rowTotal: 2000,
			rowList : [10,20,40,80],
			rownumbers: true,
			rownumWidth: 40,
			pager:"#pager3", 
			sortname:'id', 
			viewrecords: true,
			loadonce:true,
			gridview: true,
			autowidth: true,
			sortorder:"asc",
			//multiple: true, 
			caption:"Category"
			}); 
	   $("#list3").jqGrid('filterToolbar',{searchOperators : false});//for multisearch code,remove if not required
	
		$("#list3").jqGrid('navGrid','#pager3',
					{edit:false,add:false,del:false,search:true,refreshstate:"current"},
					{ },
			        { },
			        { }, 
					{
				    	sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
				        closeOnEscape: true, 
				        	multipleSearch: true, 
				         	closeAfterSearch: true,
		 					multipleGroup:true,
							caption:"search"
		 }
			);
	  $('#pager3').css("height", "auto");
	  $("#list3").navButtonAdd('#pager3',
					{ 	caption:"", 
						buttonicon:"ui-icon-plus", 
						onClickButton: addRow1,
						position: "last", 
						title:"", 
						cursor:"pointer",
						id:"client_add"
					} 
			);	 
			$("#list3").navButtonAdd('#pager3',
					{ 	caption:"", 
						buttonicon:"ui-icon-pencil", 
						onClickButton: editRow1,
						position: "last", 
						title:"", 
						cursor: "pointer",
						id:"client_edit"
					} 
			);	
		
	
  });
	  function addRow1() {
					// Get the currently selected row
				    $("#list3").jqGrid('editGridRow','new',
				    		{ 	
				    			modal:true,jqModal:true,
							    recreateForm: true,			    
							    beforeSubmit: function(postdata,formid){
							    	
							    	
							    	var category = $("#category").val();
							    	var createdate = $("#createdate").val();
							    	
							    	$.ajax({
							            
							            url:"<?php echo site_url('controller/category_add');?>",
							            type:"POST",
							            data:{'category':category,'createdate':createdate},
							                 async:false,
							                success:function(data){
							                   
							                   	alert('Successfully Added.');
								               
							                   	$("#editmodlist2").remove();
							                   	//jqtab();
							                   	$("#list2").trigger("reloadGrid");
							                   window.location.reload();	
							                }
							            });
							      },
								closeAfterAdd: true,
								reloadAfterSubmit:false,
								closeOnEscape:true,
								clearAfterAdd: true,
								afterSubmit :false
								
				    		});
				    
				    
				}
	
	 function editRow1() {
					// Get the currently selected row
					
					var row = $("#list3").jqGrid('getGridParam','selrow'); 
					if( row != null ) 
						$("#list3").jqGrid('editGridRow',row,
							{	 
								modal:true,jqModal:true,
						        recreateForm: true,		        
						        beforeSubmit: function(postdata,formid){
							        
						        	var category = $("#category").val();
							    	var createdate = $("#createdate").val();
									var id = $("#id").val();
							    	 $.ajax({
							             
							             url:"<?php echo site_url('controller/category_edit');?>",
							             type:"POST",
							            data:{'category':category,'createdate':createdate,'id':id},
							                 async:false,
							             success:function(data){
							                 if(data==""){
							                  alert('Successfully Updated.'); 
							                
							                 
							                    
							                    $("#list2").trigger("reloadGrid");
							                    jQuery('#list2').jqGrid('editRow',id,true,reload());
							                 
							                 }
							                 else{
							                     alert('Successfully Updated');
							                     $("#editmodlist3").remove();
			                	    			window.location.reload();

}
							             }
							         });
							         
							    },
								closeAfterEdit: true,
								reloadAfterSubmit:false,
								afterSubmit : false 
								
							});

/*else $( "#dialogSelectRow" ).dialog();*/
		 			else alert("please select row");
				}
</script>

<script src="<?php echo base_url('admin_assets/js/bootstrap.min.js');?>"></script>
<script src="<?php echo base_url('admin_assets/js/plugins/morris/raphael.min.js');?>"></script>
    <script src="<?php echo base_url('admin_assets/js/plugins/morris/morris.min.js');?>"></script>
    <script src="<?php echo base_url('admin_assets/js/plugins/morris/morris-data.js');?>"></script>