ohctech_p8/upload_excel_procurement.php
2024-10-16 19:18:52 +05:30

198 lines
5.0 KiB
PHP

<?php include('techsyn_header.php'); ?>
<!-- Main Content Container for side bar and body-->
<div class="main-container ace-save-state" id="main-container">
<script type="text/javascript">
try{ace.settings.loadState('main-container')}catch(e){}
</script>
<?php include('techsyn_sidebar.php'); ?>
<!--breadcrumb-->
<?php
?>
<div class="main-content">
<div class="main-content-inner">
<div class="breadcrumbs ace-save-state" id="breadcrumbs">
<ul class="breadcrumb">
<li class="active">Item Procurement</li>
<li class="active">Upload Excel</li>
</ul>
<!-- End of breadcrumb -->
</div>
</div>
<!-- <div class="outer-container">
<form action="" method="post"
name="frmExcelImport" id="frmExcelImport" enctype="multipart/form-data">
<div>
<label>Choose Excel
File</label> <input type="file" name="file"
id="file" accept=".xls,.xlsx">
<button type="submit" id="submit" name="import"
class="btn-submit">Import</button>
</div>
</form>-->
<!--<div class="row">
<div class="col-sm-4">
<div class="widget-box">
<div class="widget-header">
<h4 class="widget-title">Custom File Input</h4>
<div class="widget-toolbar">
<a href="#" data-action="collapse">
<i class="ace-icon fa fa-chevron-up"></i>
</a>
<a href="#" data-action="close">
<i class="ace-icon fa fa-times"></i>
</a>
</div>
</div>
<div class="widget-body">
<div class="widget-main">
<div class="form-group">
<div class="col-xs-12">
<input type="file" id="id-input-file-2" />
</div>
</div>
<div class="form-group">
<div class="col-xs-12">
<input multiple="" type="file" id="id-input-file-3" />
</div>
</div>
<label>
<input type="checkbox" name="file-format" id="id-file-format" class="ace" />
<span class="lbl"> Allow only images</span>
</label>
</div>
</div>
</div>
</div>-->
<div class="container">
<form action="" method="post"
name="frmExcelImport" id="frmExcelImport" enctype="multipart/form-data">
<div class="panel panel-info" style="margin-top:50px">
<div class="panel-heading"><b>Upload Excel For Procurement Items</b></div>
<div class="panel-body" style="height:300px">
<div class="form-group">
<div class="col-xs-3">
</div>
<div class="col-xs-6">
<input type="file" id="id-input-file-2" name="file" accept=".xls,.xlsx" />
</div>
</div>
</div>
<div class="panel-footer"> <button type="submit" name="import" value="1" id="submit" class="btn btn-xs btn-primary" >
Upload</button></div>
</div>
</form>
</div>
<?php include('techsyn_footer.php'); ?>
<style>
body {
font-family: Arial;
width: 100%;
}
.outer-container {
background: #F0F0F0;
border: #e0dfdf 1px solid;
padding: 40px 20px;
border-radius: 2px;
}
.btn-submit {
background: #333;
border: #1d1d1d 1px solid;
border-radius: 2px;
color: #f0f0f0;
cursor: pointer;
padding: 5px 20px;
font-size:0.9em;
}
.tutorial-table {
margin-top: 40px;
font-size: 0.8em;
border-collapse: collapse;
width: 100%;
}
.tutorial-table th {
background: #f0f0f0;
border-bottom: 1px solid #dddddd;
padding: 8px;
text-align: left;
}
.tutorial-table td {
background: #FFF;
border-bottom: 1px solid #dddddd;
padding: 8px;
text-align: left;
}
#response {
padding: 10px;
margin-top: 10px;
border-radius: 2px;
display:none;
}
.success {
background: #c7efd9;
border: #bbe2cd 1px solid;
}
.error {
background: #fbcfcf;
border: #f3c6c7 1px solid;
}
div#response.display-block {
display: block;
}
</style>
<script>
$('#frmExcelImport').on('submit', function(event){
event.preventDefault();
$.ajax({
url:"upload_excel_procurement_script.php",
method:"POST",
data:new FormData(this),
contentType:false,
processData:false,
success:function(data){
BootstrapDialog.alert('Upload Excel Saved Successfully ');
},
error:function(data){
BootstrapDialog.alert('Error In Saving Upload Excel');
}
});
})
</script>