EVOLUTION-NINJA

Edit File: signed_po_list.php

<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;
				}
				
				.my-nav{
					width:100% !important;
				}
				.my-nav li{
					width:100% !important;
				}
				.my-nav a:hover{
					color:black !important;
				}
				.navbar-collapse{
					padding-right:0px !important;
					padding-left:0px !important;
				}	
				.menu-left{
					padding-right:0px !important;
				}
				
					
			</style>

<script src="<?php echo base_url('assets/datatables/jquery.dataTables.min.js');?>"></script>
        <script src="<?php echo base_url('assets/datatables/dataTables.bootstrap.min.js');?>"></script>
	    <link rel="stylesheet" href="<?php echo base_url('assets/datatables/dataTables.bootstrap.css');?>">

<script>
$(document).ready(function() {
    $('#sample_1').DataTable();
} );

</script>

<style>
.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c!important;
  border-color: #5cb85c !important; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff !important; }
</style>

<div class="content-wrapper">				
<div class="col-sm-10">

<div class="page-content-wrapper">
<div class="page-content">

<h3 class="page-title">
Signed PO List
</h3> <button type="button" id="cancel" style="float: right;margin-top: -29px;margin-right: 35px;">Back</button>
<br>

<div class="portlet-body" id="productgrid">
							<table class="table  table-striped table-bordered table-hover" id="sample_1">
							<thead>
							<tr>
								<th> Sr.No.</th>
								<th> PO No</th>
								<th> PO Path</th>
								<th> Action</th>
								
								
							</tr>    
							</thead>
							
							<tbody>
							<?php $i=1; ?>
							<?php if(isset($confirmed_data)) { foreach($confirmed_data as $key=>$c_data){ ?> 
							<tr>
							
							<td style="text-transform: uppercase !important"><?php echo $i; ?></td>
							<td style="text-transform: uppercase !important"><?php echo $c_data->po_no; ?></td>
							<td style="text-transform: uppercase !important" ><?php echo $c_data->po_path; ?></td>
							<td style="text-transform: uppercase !important"><button id="digital" onClick="window.open('<?php echo base_url($c_data->po_path); ?>','<?php echo $c_data->po_path; ?>',
    'menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes');">Download Signed PO</button></td>
							
							</tr>
							<?php  $i++; } } ?>
							</tbody>
							</table>
						</div>

</div>
</div>
</div>
</div>

<style>
thead{
	background-color:rgb(87,142,190) !important;
	color:white !important;
}
#search_list2
{
	display:none !important;
}
.ss{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.form-control {
	width:65% !important;
    height:27px !important;
    padding: 3px 12px !important;
    border-radius: 0px !important;
	//margin-bottom:15px;
}
label {
    font-weight: normal;
    text-align: left;
}
.hr-line{
	border-top: 1px solid #465A81;
}

.well-sm {
    padding: 3px !important;
	border-radius: 0px !important;
}
input[type="file"] {
    padding-bottom: 28px !important;
    height: 25px !important;
    color:transparent;
}
.portlet.box.blue-madison {
    border: 1px solid #fff !important;
    border-top: 0;
    background:#fff !important;
}
#productgrid{
	//height:380px;
	//overflow-y: scroll;
	
}

.text_color a{
	
	color:white !important;
}
			</style>

<link href="https://cdn.jsdelivr.net/sweetalert2/4.2.4/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/sweetalert2/4.2.4/sweetalert2.min.js"></script>

<link rel="stylesheet" type="text/css" href="<?php  echo base_url();?>assets/css/bootstrap-datepicker.min.css"/>
	<script src="<?php echo base_url('assets/js/bootstrap-datepicker.min.js');?>"></script>
	<script>
		$('.datepicker').datepicker({
			format: 'yyyy/mm/dd',
		   });

</script>

<script type="text/javascript">

$("#cancel").click(function(e) {
			e.preventDefault();
				window.location.href  = '<?php echo base_url('controller/create_po');?>';
				 });
						
	</script>