ppeasy/public/techdossier_adddocument.php

408 lines
18 KiB
PHP

<?php
include('include/headscript.php');
include('languages/' . $_SESSION['langselect'] . '/tdgen.php');
?>
<?php
// pickup the get variable
if (isset($_GET["idtrf"])) {
$idtrf = $_GET["idtrf"];
}
?>
<?php if (isset($_GET['idtrftd'])) {
$idtrftd = $_GET['idtrftd'];
}
if (isset($_POST['idtrftd'])) {
$idtrftd = $_POST['idtrftd'];
}
if (isset($_POST['iddata_td'])) {
$idtd = $_POST['iddata_td'];
}
if (isset($_GET['idtd'])) {
$idtd = $_GET['idtd'];
}
?>
<?php
// query data_td
$conn = new mysqli($servername, $username, $password, $dbname);
$sql = "SELECT * FROM data_td WHERE iddata_td = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("i", $idtd); // "i" indica che l'id è un intero
$stmt->execute();
$result = $stmt->get_result();
$row = $result->fetch_assoc();
$idtrftd = $row['idtrf'];
$stmt->close();
$conn->close();
?>
<?php
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title><?php echo $titlepage; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="<?php echo $ownercompanyname; ?> TRF Portal" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../images/favicon.ico">
<!--Form Wizard-->
<link href="../plugins/jquery-steps/jquery.steps.css" rel="stylesheet" type="text/css">
<!-- App css -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />
<!-- submit form with button -->
<script>
function formSubmit() {
document.forms["myForm"].submit();
}
</script>
<!-- upload image script -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function() {
$(".upload-doc").click(function() {
$(".form-horizontal").ajaxForm({
target: '.preview'
}).submit();
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
/* Add this CSS to your styles */
.custom-file-upload {
display: inline-block;
padding: 6px 12px;
cursor: pointer;
background: #28a745;
color: white;
border-radius: 0.25rem;
margin-right: 10px;
}
.file-name-display {
border: 1px solid #ccc;
padding: 6px 12px;
display: inline-block;
width: auto;
min-width: 120px;
margin-right: 10px;
text-align: left;
}
.upload-div {
display: flex;
align-items: center;
gap: 10px;
}
</style>
</head>
<body>
<!-- Top Bar Start -->
<?php include('include/topbar.php'); ?>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<?php include('include/leftsidenav.php'); ?>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">TRF</a></li>
<li class="breadcrumb-item active">Starter</li>
</ol>
</div>
<h4 class="page-title"><?php echo $titlewb; ?></h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<div class="row">
<div class="col-sm-12">
<?php // documents
?>
<div class="card">
<div class="card-body">
<h4 class="mt-0">Allega documenti al tuo fascicolo tecnico <i class="fas fa-info-circle" data-toggle="modal" data-animation="bounce" data-target=".bs-example-modal-center5"></i>
<div class="modal fade bs-example-modal-center5" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title mt-0" id="exampleModalLabel"><?php echo $m18btitle; ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p><?php echo nl2br($documenthelp); ?>
</p>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</h4>
<div class="upload-div">
<!-- File upload form -->
<form id="uploadForm" enctype="multipart/form-data">
<div class="form-group row">
<label for="validationTooltip01" class="col-sm-5 col-form-label"><?php echo $filedescription; ?></label>
<div class="col-sm-7">
<input type="text" class="form-control" id="validationTooltip01" name="filedescription" placeholder="<?php echo $filedescription; ?>" required="">
</div>
</div>
<div class="form-group row">
<label class="col-sm-4 col-form-label"><?php echo $selectfileonyourpc; ?></label>
<div class="col-sm-8">
<div class="custom-file">
<input type="file" class="custom-file-input" id="fileInput" name="doc[]" onchange="document.getElementById('fileInputLabel').innerHTML = document.getElementById('fileInput').files[0].name">
<label class="custom-file-label" for="fileInput" id="fileInputLabel"><?php echo $nofilechoosen; ?></label>
</div>
</div>
</div>
<input type="hidden" name="iddata_td" id="iddata_td" value="<?php echo $idtd; ?>">
<input type="hidden" name="idtrftd" id="idtrftd" value="<?php echo $idtrftd; ?>">
<input type="submit" class="btn btn-primary" name="submit" value="UPLOAD" />
</form>
<script>
// Assicurati che questo script sia incluso dopo il form o prima della chiusura del tag body
document.getElementById('fileInput').onchange = function() {
// Verifica se un file è stato selezionato
if (this.files && this.files.length > 0) {
// Aggiorna il testo della label con il nome del file
document.getElementById('fileInputLabel').innerHTML = this.files[0].name;
} else {
// Se non è stato selezionato nessun file, mostra il testo di default
document.getElementById('fileInputLabel').innerHTML = '<?php echo $nofilechoosen; ?>';
}
};
</script>
<!-- Display upload status -->
<div id="uploadStatus"></div>
</div>
<br>
</div><!--end card-body-->
</div><!--end card-->
<div class="card" id="provacla">
<?php
$filenamelist = new WA_MySQLi_RS("filenamelist", $cmctrfdb, 0);
$filenamelist->setQuery("SELECT * FROM tdfileattached WHERE tdfileattached.iddata_td='$idtd'");
$filenamelist->execute();
?>
<div class="card-body">
<h4 class="mt-0 header-title"><?php echo $addeddoctitle; ?></h4>
<p class="text-muted mb-3"><?php echo $addeddoctitle_help; ?></p>
<div class="upload-div">
<!-- File upload form -->
<div class="card-body">
<div class="table-responsive" id="docadded">
<table class="table table-striped mb-0">
<thead>
<tr>
<th><?php echo $filenametitle; ?></th>
<th><?php echo $filenamedesc; ?></th>
<th><?php echo $actiondel; ?></th>
</tr>
</thead>
<tbody id="cont_file">
<?php
$wa_startindex = 0;
while (!$filenamelist->atEnd()) {
$wa_startindex = $filenamelist->Index;
?>
<tr>
<td>
<a href="uploadtddocuments/<?php echo ($filenamelist->getColumnVal("filename_fileattached")); ?>" target="_blank"><?php echo $filesent; ?></a>
</td>
<td><?php echo ($filenamelist->getColumnVal("description_fileattached")); ?></td>
<td>
<a href="deletetdaddedoc.php?idtd=<?php echo $idtd; ?>&idtrftd=<?php echo $idtrftd; ?>&idtdadddoc=<?php echo ($filenamelist->getColumnVal("idtdfileattached")); ?>"><i class="fas fa-trash-alt text-danger font-16"></i></a>
</td>
</tr>
<?php
$filenamelist->moveNext();
}
$filenamelist->moveFirst(); //return RS to first record
unset($wa_startindex);
unset($wa_repeatcount);
?>
</tbody>
</table><br>
<form action="techdossier_stepsummarynew.php" method="post">
<input type="hidden" class="form-control" value="<?php echo $idtrftd; ?>" id="idtrftd" name="idtrftd">
<input type="hidden" class="form-control" value="<?php echo $idtd; ?>" id="iddata_td" name="iddata_td">
<br>
<button class="btn btn-gradient-success waves-effect waves-light" type="submit"><?php echo $proceed; ?></button>
<a href="techdossier_step3.php?idtd=<?php echo $idtd; ?>&idtrftd=<?php echo $idtrftd; ?>"><button type="button" class="btn btn-dark waves-effect waves-light" onclick="history.back()"><?php echo $backstep; ?></button></a>
<a href="techdossier_stepsummarypreview.php?idtd=<?php echo $idtd; ?>&idtrftd=<?php echo $idtrftd; ?>" target='_blank'><button type="button" class="btn btn-dark waves-effect waves-light">Preview</button></a>
</form><br>
<!--end /table-->
</div><!--end /tableresponsive-->
</div>
</div>
<br>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
</div><!-- container -->
<!-- footer start -->
<?php include('include/footer.php'); ?>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<script>
var match = [
"application/pdf",
"application/msword", // per i file .doc
"application/vnd.openxmlformats-officedocument.wordprocessingml.document", // per i file .docx
"image/jpg",
"image/jpeg",
"image/gif",
"application/xls",
"application/xlsx",
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
"application/vnd.ms-excel.sheet.macroEnabled.12",
"image/png",
"image/bmp"
];
$(document).ready(function() {
// File upload via Ajax
$("#uploadForm").on('submit', function(e) {
e.preventDefault();
$.ajax({
type: 'POST',
url: 'uploadtdfile.php',
data: new FormData(this),
contentType: false,
cache: false,
processData: false,
beforeSend: function() {
$('#uploadStatus').html('<img src="../images/uploading.gif"/>');
},
error: function() {
$('#uploadStatus').html('<span style="color:#EA4335;">File upload failed, please try again.<span>');
},
success: function(data) {
$('#uploadForm')[0].reset();
$('#uploadStatus').html('<span style="color:#28A74B;">File uploaded successfully.<span>');
// $('.gallery').html(data);
// $("#docadded").load(location.href + " #docadded");
// SHOW UPLOADED FILE
$('#cont_file').html(data);
}
});
});
// File type validation
$("#fileInput").change(function() {
var fileLength = this.files.length;
// var match= ["application/pdf","application/msword","image/jpg","image/gif","application/xls","application/xlsx", "application/vnd.ms-excel", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"];
var i;
for (i = 0; i < fileLength; i++) {
var file = this.files[i];
var imagefile = file.type;
// if(!((imagefile==match[0]) || (imagefile==match[1]) || (imagefile==match[5]) || (imagefile==match[6]) || (imagefile==match[7]) || (imagefile==match[8]))){
// alert('Please select a valid file (PDF, word, excel).');
// $("#fileInput").val('');
// return false;
// }
if (!match.includes(imagefile)) {
alert('Please select a valid file (PDF, word, excel).');
$("#fileInput").val('');
return false;
}
}
});
});
</script>
<!-- jQuery -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/metismenu.min.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/feather.min.js"></script>
<script src="assets/js/jquery.slimscroll.min.js"></script>
<script src="assets/js/jquery-ui.min.js"></script>
<script src="../plugins/jquery-steps/jquery.steps.min.js"></script>
<script src="assets/pages/jquery.form-wizard.init.js"></script>
<!-- App js -->
<script src="assets/js/app.js"></script>
</body>
</html>