198 lines
5.0 KiB
PHP
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>
|