fixed shared docs
This commit is contained in:
parent
9bfa037c51
commit
254fc65859
@ -7,13 +7,12 @@ error_reporting(E_ALL);
|
|||||||
$conn = new mysqli($servername, $username, $password, $database);
|
$conn = new mysqli($servername, $username, $password, $database);
|
||||||
// Recupera l'id utente loggato
|
// Recupera l'id utente loggato
|
||||||
$iduserlogin = $_SESSION['iduserlogin'];
|
$iduserlogin = $_SESSION['iduserlogin'];
|
||||||
//echo $iduserlogin;
|
|
||||||
// Recupera l'id della casa dall'URL
|
// Recupera l'id della casa dall'URL
|
||||||
$idhome = isset($_GET['idhome']) ? intval($_GET['idhome']) : 0;
|
$idhome = isset($_GET['idhome']) ? intval($_GET['idhome']) : 0;
|
||||||
|
|
||||||
// Recupera lo sharing_type e le sezioni condivise per questa casa
|
// Recupera lo sharing_type e le sezioni condivise per questa casa
|
||||||
$querySharing = $conn->prepare("
|
$querySharing = $conn->prepare("
|
||||||
SELECT sharing_type, shared_sections , iduser
|
SELECT sharing_type, shared_sections, iduser
|
||||||
FROM home_sharing
|
FROM home_sharing
|
||||||
WHERE idhome = ? AND idshareduser = ? AND status = 'accepted'
|
WHERE idhome = ? AND idshareduser = ? AND status = 'accepted'
|
||||||
");
|
");
|
||||||
@ -22,19 +21,13 @@ $querySharing->execute();
|
|||||||
$resultSharing = $querySharing->get_result();
|
$resultSharing = $querySharing->get_result();
|
||||||
$sharingData = $resultSharing->fetch_assoc();
|
$sharingData = $resultSharing->fetch_assoc();
|
||||||
|
|
||||||
// Se non ci sono dati, mostra errore o gestisci diversamente
|
|
||||||
if (!$sharingData) {
|
if (!$sharingData) {
|
||||||
die("Accesso negato o condivisione non trovata.");
|
die("Accesso negato o condivisione non trovata.");
|
||||||
}
|
}
|
||||||
|
|
||||||
// Ottieni i dati di condivisione
|
|
||||||
$sharingType = $sharingData['sharing_type'];
|
$sharingType = $sharingData['sharing_type'];
|
||||||
$sharingIdUser = $sharingData['iduser'];
|
$sharingIdUser = $sharingData['iduser'];
|
||||||
$sharedSections = json_decode($sharingData['shared_sections'], true); // Decodifica il JSON
|
$sharedSections = json_decode($sharingData['shared_sections'], true);
|
||||||
?>
|
|
||||||
<?php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Recupera i dettagli della casa
|
// Recupera i dettagli della casa
|
||||||
$queryHome = $conn->prepare("SELECT * FROM home WHERE idhome = ? AND iduser = ?");
|
$queryHome = $conn->prepare("SELECT * FROM home WHERE idhome = ? AND iduser = ?");
|
||||||
@ -43,59 +36,10 @@ $queryHome->execute();
|
|||||||
$resultHome = $queryHome->get_result();
|
$resultHome = $queryHome->get_result();
|
||||||
$homeData = $resultHome->fetch_assoc();
|
$homeData = $resultHome->fetch_assoc();
|
||||||
|
|
||||||
if (!isset($_GET['docpage'])) {
|
// Imposta lo slug predefinito o usa quello passato via GET
|
||||||
$docpage = "legal"; // Slug predefinito
|
$docpage = isset($_GET['docpage']) ? $_GET['docpage'] : 'legal';
|
||||||
} else {
|
|
||||||
$docpage = $_GET['docpage']; // Slug passato via GET
|
|
||||||
}
|
|
||||||
|
|
||||||
// Recupera il `page_id` corrispondente allo slug
|
// Recupera le pagine disponibili nella tabella 'pages'
|
||||||
$queryPageId = $conn->prepare("SELECT idpages FROM pages WHERE slug = ?");
|
|
||||||
$queryPageId->bind_param('s', $docpage);
|
|
||||||
$queryPageId->execute();
|
|
||||||
$resultPageId = $queryPageId->get_result();
|
|
||||||
$pageData = $resultPageId->fetch_assoc();
|
|
||||||
|
|
||||||
if ($pageData) {
|
|
||||||
$page_id = $pageData['idpages']; // Page ID trovato
|
|
||||||
} else {
|
|
||||||
die("Errore: Pagina non valida."); // Slug non trovato
|
|
||||||
}
|
|
||||||
|
|
||||||
// Recupera i documenti associati al `page_id`, con le sezioni
|
|
||||||
$queryDocuments = $conn->prepare("
|
|
||||||
SELECT d.*, s.idsections, s.section_name AS section_name
|
|
||||||
FROM documents d
|
|
||||||
LEFT JOIN sections s ON d.idsections = s.idsections
|
|
||||||
WHERE d.page_id = ?
|
|
||||||
ORDER BY s.section_name, d.document_name
|
|
||||||
");
|
|
||||||
$queryDocuments->bind_param('i', $page_id);
|
|
||||||
$queryDocuments->execute();
|
|
||||||
$resultDocuments = $queryDocuments->get_result();
|
|
||||||
|
|
||||||
$documents = [];
|
|
||||||
while ($row = $resultDocuments->fetch_assoc()) {
|
|
||||||
$documents[$row['section_name']][] = $row;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Recupera i documenti già caricati per questa casa
|
|
||||||
$queryLoadedDocuments = $conn->prepare("
|
|
||||||
SELECT ds.*, hs.sharing_type
|
|
||||||
FROM doc_storage ds
|
|
||||||
LEFT JOIN home_sharing hs ON hs.idhome = ds.idhome
|
|
||||||
WHERE ds.idhome = ? AND hs.idshareduser = ? AND hs.status = 'accepted'
|
|
||||||
");
|
|
||||||
$queryLoadedDocuments->bind_param('ii', $idhome, $iduserlogin);
|
|
||||||
$queryLoadedDocuments->execute();
|
|
||||||
$resultLoadedDocuments = $queryLoadedDocuments->get_result();
|
|
||||||
|
|
||||||
$loadedDocuments = [];
|
|
||||||
while ($row = $resultLoadedDocuments->fetch_assoc()) {
|
|
||||||
$loadedDocuments[$row['document_id']][] = $row;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Recupera le pagine disponibili nella tabella 'documents'
|
|
||||||
$queryPages = $conn->query("SELECT * FROM pages ORDER BY namepages");
|
$queryPages = $conn->query("SELECT * FROM pages ORDER BY namepages");
|
||||||
$pages = [];
|
$pages = [];
|
||||||
while ($row = $queryPages->fetch_assoc()) {
|
while ($row = $queryPages->fetch_assoc()) {
|
||||||
@ -103,7 +47,6 @@ while ($row = $queryPages->fetch_assoc()) {
|
|||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="it">
|
<html lang="it">
|
||||||
|
|
||||||
@ -111,7 +54,7 @@ while ($row = $queryPages->fetch_assoc()) {
|
|||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>Documenti della Casa</title>
|
<title>Documenti Condivisi della Casa</title>
|
||||||
|
|
||||||
<!-- Bootstrap 4 CSS -->
|
<!-- Bootstrap 4 CSS -->
|
||||||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||||
@ -119,118 +62,31 @@ while ($row = $queryPages->fetch_assoc()) {
|
|||||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/dripicons/2.0.0/webfont.min.css" rel="stylesheet">
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/dripicons/2.0.0/webfont.min.css" rel="stylesheet">
|
||||||
<!-- Font Awesome -->
|
<!-- Font Awesome -->
|
||||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet" />
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet" />
|
||||||
|
|
||||||
<!-- Custom CSS -->
|
<!-- Custom CSS -->
|
||||||
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
|
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
<!-- Dropzone CSS -->
|
<!-- Dropzone CSS -->
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.css" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.css" />
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"></script>
|
<!-- Select2 CSS -->
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js"></script>
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
/* Personalizza la riga della sezione */
|
/* Stili uniformati con la prima pagina */
|
||||||
.section-header {
|
.section-header {
|
||||||
background-color: #f8f9fa;
|
background-color: #f8f9fa;
|
||||||
/* Sfondo chiaro */
|
|
||||||
border: 1px solid #007bff;
|
border: 1px solid #007bff;
|
||||||
/* Bordo blu */
|
|
||||||
color: #007bff;
|
color: #007bff;
|
||||||
/* Testo blu */
|
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
/* Dimensione del font */
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
/* Grassetto */
|
|
||||||
padding: 15px 20px;
|
padding: 15px 20px;
|
||||||
/* Padding */
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
/* Allinea il testo a sinistra */
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/* A tutta larghezza */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-header:hover {
|
.section-header:hover {
|
||||||
background-color: #007bff;
|
|
||||||
/* Sfondo blu al passaggio del mouse */
|
|
||||||
color: #fff;
|
|
||||||
/* Testo bianco al passaggio del mouse */
|
|
||||||
}
|
|
||||||
|
|
||||||
.accordion-button {
|
|
||||||
border-radius: 0 !important;
|
|
||||||
/* Rimuove gli angoli arrotondati */
|
|
||||||
box-shadow: none !important;
|
|
||||||
/* Rimuove l'ombra */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Icona accanto al titolo */
|
|
||||||
.section-header i {
|
|
||||||
font-size: 1.5rem;
|
|
||||||
/* Dimensione dell'icona */
|
|
||||||
margin-right: 10px;
|
|
||||||
/* Spaziatura a destra dell'icona */
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-title {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #333;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.document-title {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
font-weight: 500;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropzone {
|
|
||||||
background-color: #f0f8ff;
|
|
||||||
border: 2px dashed #007bff;
|
|
||||||
padding: 20px;
|
|
||||||
border-radius: 10px;
|
|
||||||
text-align: center;
|
|
||||||
transition: background-color 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropzone:hover {
|
|
||||||
background-color: #e6f5ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropzone .dz-message {
|
|
||||||
font-size: 1.1rem;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #007bff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropzone .dz-message i {
|
|
||||||
font-size: 3rem;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #007bff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.document-list-table th,
|
|
||||||
.document-list-table td {
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-separator {
|
|
||||||
border-top: 2px solid #ddd;
|
|
||||||
margin: 40px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.active {
|
|
||||||
background-color: #007bff;
|
background-color: #007bff;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Stile per l'intestazione della sezione */
|
|
||||||
.accordion-button {
|
.accordion-button {
|
||||||
background-color: #322999;
|
background-color: #322999;
|
||||||
color: white;
|
color: white;
|
||||||
@ -238,6 +94,8 @@ while ($row = $queryPages->fetch_assoc()) {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border: 1px solid #007bff;
|
border: 1px solid #007bff;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion-button:hover {
|
.accordion-button:hover {
|
||||||
@ -248,6 +106,7 @@ while ($row = $queryPages->fetch_assoc()) {
|
|||||||
.accordion-button i {
|
.accordion-button i {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
color: #fff562;
|
color: #fff562;
|
||||||
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion-body {
|
.accordion-body {
|
||||||
@ -256,17 +115,16 @@ while ($row = $queryPages->fetch_assoc()) {
|
|||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-body {
|
.dropzone {
|
||||||
margin-bottom: 20px;
|
background-color: #f0f8ff;
|
||||||
padding: 15px;
|
border: 2px dashed #007bff;
|
||||||
background-color: #ffffff;
|
padding: 20px;
|
||||||
border: 1px solid #ddd;
|
border-radius: 10px;
|
||||||
border-radius: 5px;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toggle-dropzone {
|
.dropzone:hover {
|
||||||
transition: all 0.3s ease;
|
background-color: #e6f5ff;
|
||||||
font-size: 0.9rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropzone-container {
|
.dropzone-container {
|
||||||
@ -275,7 +133,38 @@ while ($row = $queryPages->fetch_assoc()) {
|
|||||||
border: 1px dashed #007bff;
|
border: 1px dashed #007bff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
display: none;
|
display: none;
|
||||||
/* Nasconde inizialmente l'area */
|
}
|
||||||
|
|
||||||
|
.input-group {
|
||||||
|
max-width: 400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#documentSearch {
|
||||||
|
border-radius: 0.25rem 0 0 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchResults {
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 0.25rem;
|
||||||
|
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchResults .list-group-item:hover {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767.98px) {
|
||||||
|
.input-group {
|
||||||
|
max-width: 100%;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pageSelectDropdown,
|
||||||
|
#documentSearch {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
@ -290,124 +179,40 @@ while ($row = $queryPages->fetch_assoc()) {
|
|||||||
<div class="page-content-wrapper">
|
<div class="page-content-wrapper">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!-- Dettagli della Casa -->
|
<!-- Dettagli della Casa -->
|
||||||
<div class="row">
|
<div class="row align-items-center">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-8">
|
||||||
<h4 class="page-title">Documenti per la Casa: <?php echo htmlspecialchars($homeData['name']); ?></h4>
|
<h4 class="page-title m-0">Documenti Condivisi per la Casa: <?php echo htmlspecialchars($homeData['name']); ?></h4>
|
||||||
<p><strong>Indirizzo:</strong> <?php echo htmlspecialchars($homeData['address']) . ', ' . htmlspecialchars($homeData['city']) . ' ' . htmlspecialchars($homeData['zip']); ?></p>
|
<p class="mb-0"><strong>Indirizzo:</strong> <?php echo htmlspecialchars($homeData['address']) . ', ' . htmlspecialchars($homeData['city']) . ' ' . htmlspecialchars($homeData['zip']); ?></p>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4 text-right">
|
||||||
|
<button onclick="history.back()" class="btn btn-dark">
|
||||||
|
<i class="fas fa-arrow-left"></i> Torna indietro
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row mb-4">
|
<div class="row mb-4">
|
||||||
<div class="col-12 text-center">
|
<div class="col-12 col-md-6 text-center text-md-start">
|
||||||
<div class="btn-group" role="group" aria-label="Pagine">
|
<label for="pageSelectDropdown" class="fw-bold d-block mb-2">Seleziona Categoria:</label>
|
||||||
|
<select id="pageSelectDropdown" class="form-control w-100 w-md-auto">
|
||||||
<?php foreach ($pages as $page) { ?>
|
<?php foreach ($pages as $page) { ?>
|
||||||
<button
|
<option value="<?php echo htmlspecialchars($page['slug']); ?>"
|
||||||
class="btn btn-outline-primary filter-btn <?php echo $docpage === $page['slug'] ? 'active' : ''; ?>"
|
<?php echo ($docpage === $page['slug']) ? 'selected' : ''; ?>>
|
||||||
onclick="window.location.href='?docpage=<?php echo htmlspecialchars($page['slug']); ?>&idhome=<?php echo htmlspecialchars($idhome); ?>';">
|
|
||||||
<?php echo ucfirst(htmlspecialchars($page['namepages'])); ?>
|
<?php echo ucfirst(htmlspecialchars($page['namepages'])); ?>
|
||||||
</button>
|
</option>
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-md-6 text-center text-md-end mt-3 mt-md-0">
|
||||||
|
<div class="input-group w-100 w-md-75 mx-auto mx-md-0">
|
||||||
|
<input type="text" id="documentSearch" class="form-control" placeholder="Cerca sezione o documento..." autocomplete="off">
|
||||||
|
<div id="searchResults" class="list-group dropdown-menu show" style="position: absolute; width: 100%; max-height: 200px; overflow-y: auto; z-index: 1000; display: none;"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Sezioni per documenti -->
|
<!-- Contenitore per i documenti dinamici -->
|
||||||
<div class="accordion" id="documentSections">
|
<div id="documentSections" class="accordion"></div>
|
||||||
<?php
|
|
||||||
// Decodifica le sezioni condivise
|
|
||||||
$sharedSections = json_decode($sharingData['shared_sections'], true); // Decodifica il JSON in un array
|
|
||||||
|
|
||||||
foreach ($documents as $sectionName => $sectionDocuments) {
|
|
||||||
// Ottieni l'id della sezione dalla prima riga di documenti (dato che `idsections` è comune ai documenti di una sezione)
|
|
||||||
$sectionId = $sectionDocuments[0]['idsections'] ?? null;
|
|
||||||
|
|
||||||
// Verifica se la sezione corrente è condivisa
|
|
||||||
if (!in_array($sectionId, $sharedSections)) {
|
|
||||||
continue; // Salta questa sezione
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
<div class="accordion-item">
|
|
||||||
<!-- Header della sezione -->
|
|
||||||
<h2 class="accordion-header" id="heading-<?php echo md5($sectionId); ?>">
|
|
||||||
<button class="accordion-button collapsed section-header full-width" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-<?php echo md5($sectionId); ?>" aria-expanded="false" aria-controls="collapse-<?php echo md5($sectionId); ?>">
|
|
||||||
<i class="fas fa-door-open"></i> <?php echo htmlspecialchars($sectionName); ?>
|
|
||||||
</button>
|
|
||||||
</h2>
|
|
||||||
<!-- Corpo della sezione -->
|
|
||||||
<div id="collapse-<?php echo md5($sectionId); ?>" class="accordion-collapse collapse" aria-labelledby="heading-<?php echo md5($sectionId); ?>" data-bs-parent="#documentSections">
|
|
||||||
<div class="accordion-body">
|
|
||||||
<?php foreach ($sectionDocuments as $document) { ?>
|
|
||||||
<div class="card card-body mb-4">
|
|
||||||
<!-- Titolo del documento -->
|
|
||||||
<div class="document-header d-flex justify-content-between align-items-center p-3 mb-3" style="background-color: #e8f5e9; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);">
|
|
||||||
<div>
|
|
||||||
<span class="document-title fw-bold"><?php echo htmlspecialchars($document['document_name']); ?></span>
|
|
||||||
<?php if ($document['is_required']) { ?>
|
|
||||||
<span class="badge bg-danger ms-2" style="font-size: 1rem; padding: 0.5em 0.8em;">Obbligatorio</span>
|
|
||||||
<?php } ?>
|
|
||||||
<?php if ($document['max_documents'] > 0) { ?>
|
|
||||||
<span class="badge bg-info ms-2" style="font-size: 1rem; padding: 0.5em 0.8em;">Max: <?php echo $document['max_documents']; ?></span>
|
|
||||||
<?php } ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<?php if (in_array($sharingType, ['add-documents', 'full-control'])) { ?>
|
|
||||||
<button class="btn btn-sm btn-outline-primary toggle-dropzone" data-target="#dropzone-<?php echo $document['document_id']; ?>">
|
|
||||||
<i class="fas fa-plus"></i>
|
|
||||||
</button>
|
|
||||||
<?php } ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Area Drag & Drop per il caricamento -->
|
|
||||||
<div class="dropzone-container collapse" id="dropzone-<?php echo $document['document_id']; ?>">
|
|
||||||
<div class="dropzone mb-3">
|
|
||||||
<div class="dz-message">
|
|
||||||
<i class="fas fa-cloud-upload-alt"></i><br>
|
|
||||||
Trascina qui i documenti o clicca per caricare
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tabella dei documenti già caricati -->
|
|
||||||
<h6 class="mt-4">Documenti già caricati:</h6>
|
|
||||||
<?php if (isset($loadedDocuments[$document['document_id']]) && count($loadedDocuments[$document['document_id']]) > 0) { ?>
|
|
||||||
<table class="table table-bordered document-list-table" id="table-<?php echo $document['document_id']; ?>">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Nome Documento</th>
|
|
||||||
<th>Data Caricamento</th>
|
|
||||||
<th>Azioni</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<?php foreach ($loadedDocuments[$document['document_id']] as $loadedDoc) { ?>
|
|
||||||
<tr>
|
|
||||||
<td><a href="homedocuments/<?php echo $loadedDoc['filename']; ?>" target="_blank"><?php echo htmlspecialchars($loadedDoc['filename']); ?></a></td>
|
|
||||||
<td><?php echo htmlspecialchars($loadedDoc['created_at']); ?></td>
|
|
||||||
<td>
|
|
||||||
<?php if ($sharingType === 'full-control') { ?>
|
|
||||||
<button class="btn btn-danger btn-sm delete-document" data-id="<?php echo $loadedDoc['id']; ?>" data-file="<?php echo $loadedDoc['filename']; ?>">
|
|
||||||
<i class="fas fa-trash"></i>
|
|
||||||
</button>
|
|
||||||
<?php } ?>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<?php } ?>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<?php } else { ?>
|
|
||||||
<p class="text-muted">Nessun documento caricato</p>
|
|
||||||
<?php } ?>
|
|
||||||
</div>
|
|
||||||
<?php } ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<?php } ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div><!-- container -->
|
</div><!-- container -->
|
||||||
</div><!-- Page content Wrapper -->
|
</div><!-- Page content Wrapper -->
|
||||||
</div><!-- content -->
|
</div><!-- content -->
|
||||||
@ -415,183 +220,353 @@ while ($row = $queryPages->fetch_assoc()) {
|
|||||||
</div><!-- End Right content here -->
|
</div><!-- End Right content here -->
|
||||||
</div><!-- END wrapper -->
|
</div><!-- END wrapper -->
|
||||||
|
|
||||||
<!-- jQuery -->
|
<!-- Librerie -->
|
||||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||||
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
|
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
|
||||||
<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap4.min.js"></script>
|
<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap4.min.js"></script>
|
||||||
|
|
||||||
<!-- Plugin Dropzone -->
|
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
|
||||||
|
<script src="assets/js/bootstrap.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/md5-js@0.0.3/md5.min.js"></script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// Disabilita l'auto-discover di Dropzone
|
$(document).ready(function() {
|
||||||
Dropzone.autoDiscover = false;
|
// Inizializza Select2
|
||||||
|
$("#pageSelectDropdown").select2({
|
||||||
|
placeholder: "Seleziona una categoria...",
|
||||||
|
allowClear: true,
|
||||||
|
theme: "classic",
|
||||||
|
width: 'resolve'
|
||||||
|
});
|
||||||
|
|
||||||
// Inizializza Dropzone per ciascun documento
|
// Caricamento iniziale dei documenti per lo slug predefinito
|
||||||
<?php foreach ($documents as $section => $sectionDocuments) { ?>
|
let idhome = <?php echo $idhome; ?>;
|
||||||
<?php foreach ($sectionDocuments as $document) { ?>
|
loadDocuments('<?php echo $docpage; ?>');
|
||||||
new Dropzone("#dropzone-<?php echo $document['document_id']; ?>", {
|
|
||||||
url: "upload-document.php", // URL per il caricamento
|
|
||||||
paramName: "file", // Nome del campo per il file
|
|
||||||
maxFiles: <?php echo $document['max_documents']; ?>, // Numero massimo di file
|
|
||||||
maxFilesize: 5, // Dimensione massima del file in MB
|
|
||||||
addRemoveLinks: true, // Permette di rimuovere i file
|
|
||||||
acceptedFiles: "image/*,application/pdf", // Tipi di file accettati
|
|
||||||
dictDefaultMessage: "Trascina qui i file o clicca per caricarli",
|
|
||||||
dictRemoveFile: "Rimuovi",
|
|
||||||
previewTemplate: `
|
|
||||||
<div class="dz-preview dz-file-preview">
|
|
||||||
<div class="dz-image"><img data-dz-thumbnail /></div>
|
|
||||||
<div class="dz-details">
|
|
||||||
<div class="dz-filename"><span data-dz-name></span></div>
|
|
||||||
<div class="dz-size"><span data-dz-size></span></div>
|
|
||||||
</div>
|
|
||||||
<div class="dz-progress">
|
|
||||||
<span class="dz-upload" data-dz-uploadprogress></span>
|
|
||||||
</div>
|
|
||||||
<div class="dz-error-message"><span data-dz-errormessage></span></div>
|
|
||||||
<div class="dz-success-mark">
|
|
||||||
<i class="fas fa-check-circle"></i>
|
|
||||||
</div>
|
|
||||||
<div class="dz-error-mark">
|
|
||||||
<i class="fas fa-times-circle"></i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`,
|
|
||||||
init: function() {
|
|
||||||
this.on("success", function(file, response) {
|
|
||||||
try {
|
|
||||||
let parsedResponse = typeof response === "string" ? JSON.parse(response) : response;
|
|
||||||
|
|
||||||
if (parsedResponse.success) {
|
// Gestione del cambio del dropdown
|
||||||
// Aggiungi il file alla tabella
|
$("#pageSelectDropdown").on("change", function() {
|
||||||
let tableId = "#table-<?php echo $document['document_id']; ?> tbody";
|
const slug = $(this).val();
|
||||||
let row = `
|
loadDocuments(slug);
|
||||||
<tr>
|
});
|
||||||
<td><a href="homedocuments/${parsedResponse.fileName}" target="_blank">${parsedResponse.fileName}</a></td>
|
|
||||||
<td>${parsedResponse.uploadDate}</td>
|
|
||||||
<td><button class="btn btn-danger btn-sm delete-document" data-id="${parsedResponse.documentId}" data-file="${parsedResponse.fileName}">Elimina</button></td>
|
|
||||||
</tr>`;
|
|
||||||
$(tableId).append(row);
|
|
||||||
} else {
|
|
||||||
Swal.fire({
|
|
||||||
icon: "error",
|
|
||||||
title: "Errore",
|
|
||||||
text: parsedResponse.message || "Errore nel caricamento",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error("Errore nel parsing della risposta:", error);
|
|
||||||
Swal.fire({
|
|
||||||
icon: "error",
|
|
||||||
title: "Errore",
|
|
||||||
text: "Risposta dal server non valida.",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
this.on("error", function(file, errorMessage) {
|
// Carica tutti i documenti e le sezioni condivise per la ricerca
|
||||||
Swal.fire({
|
let allDocuments = [];
|
||||||
icon: "error",
|
<?php
|
||||||
title: "Errore",
|
$allDocumentsQuery = $conn->query("
|
||||||
text: errorMessage || "Si è verificato un problema.",
|
SELECT d.document_id, d.document_name, p.slug, s.section_name
|
||||||
});
|
FROM documents d
|
||||||
this.removeFile(file); // Rimuovi il file in caso di errore
|
LEFT JOIN sections s ON d.idsections = s.idsections
|
||||||
});
|
LEFT JOIN pages p ON d.page_id = p.idpages
|
||||||
},
|
WHERE d.idsections IN (" . implode(',', array_map('intval', $sharedSections)) . ")
|
||||||
sending: function(file, xhr, formData) {
|
ORDER BY s.section_name, d.document_name
|
||||||
formData.append("idhome", "<?php echo $idhome; ?>");
|
");
|
||||||
formData.append("document_id", "<?php echo $document['document_id']; ?>");
|
while ($doc = $allDocumentsQuery->fetch_assoc()) {
|
||||||
}
|
echo "allDocuments.push({
|
||||||
});
|
id: '{$doc['document_id']}',
|
||||||
<?php } ?>
|
name: '" . addslashes(htmlspecialchars($doc['document_name'])) . "',
|
||||||
<?php } ?>
|
section: '" . addslashes(htmlspecialchars($doc['section_name'])) . "',
|
||||||
</script>
|
slug: '" . addslashes(htmlspecialchars($doc['slug'])) . "'
|
||||||
|
});\n";
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
<script>
|
// Gestione della ricerca dinamica
|
||||||
$(document).on("click", ".delete-document", function() {
|
$('#documentSearch').on('input', function() {
|
||||||
const documentId = $(this).data("id");
|
const searchTerm = $(this).val().toLowerCase().trim();
|
||||||
const fileName = $(this).data("file");
|
$('#searchResults').empty().hide();
|
||||||
const $row = $(this).closest("tr");
|
|
||||||
|
|
||||||
Swal.fire({
|
if (searchTerm === '') return;
|
||||||
title: "Sei sicuro?",
|
|
||||||
text: "Questa azione eliminerà il documento in modo permanente.",
|
|
||||||
icon: "warning",
|
|
||||||
showCancelButton: true,
|
|
||||||
confirmButtonColor: "#d33",
|
|
||||||
cancelButtonColor: "#3085d6",
|
|
||||||
confirmButtonText: "Sì, elimina",
|
|
||||||
cancelButtonText: "Annulla",
|
|
||||||
}).then((result) => {
|
|
||||||
if (result.isConfirmed) {
|
|
||||||
$.ajax({
|
|
||||||
url: "delete-document.php",
|
|
||||||
type: "POST",
|
|
||||||
data: {
|
|
||||||
document_id: documentId,
|
|
||||||
file_name: fileName,
|
|
||||||
},
|
|
||||||
success: function(response) {
|
|
||||||
try {
|
|
||||||
const parsedResponse = typeof response === "string" ? JSON.parse(response) : response;
|
|
||||||
|
|
||||||
if (parsedResponse.success) {
|
const results = allDocuments.filter(item =>
|
||||||
$row.remove(); // Rimuovi la riga dalla tabella
|
item.name.toLowerCase().includes(searchTerm) ||
|
||||||
Swal.fire({
|
item.section.toLowerCase().includes(searchTerm)
|
||||||
icon: "success",
|
);
|
||||||
title: "Eliminato",
|
|
||||||
text: "Documento eliminato con successo.",
|
if (results.length > 0) {
|
||||||
timer: 1500,
|
let html = '';
|
||||||
showConfirmButton: false,
|
results.forEach(result => {
|
||||||
});
|
html += `<a href="#" class="list-group-item list-group-item-action" data-slug="${result.slug}" data-section="${md5(result.section)}">${result.name} (Sezione: ${result.section})</a>`;
|
||||||
} else {
|
});
|
||||||
Swal.fire({
|
$('#searchResults').html(html).show();
|
||||||
icon: "error",
|
|
||||||
title: "Errore",
|
$('#searchResults .list-group-item').on('click', function(e) {
|
||||||
text: parsedResponse.message || "Impossibile eliminare il documento.",
|
e.preventDefault();
|
||||||
});
|
const slug = $(this).data('slug');
|
||||||
}
|
const sectionId = $(this).data('section');
|
||||||
} catch (error) {
|
$('#pageSelectDropdown').val(slug).trigger('change');
|
||||||
console.error("Errore durante l'eliminazione:", error);
|
loadDocuments(slug, sectionId);
|
||||||
Swal.fire({
|
$('#documentSearch').val('');
|
||||||
icon: "error",
|
$('#searchResults').hide();
|
||||||
title: "Errore",
|
|
||||||
text: "Risposta dal server non valida.",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function() {
|
|
||||||
Swal.fire({
|
|
||||||
icon: "error",
|
|
||||||
title: "Errore",
|
|
||||||
text: "Si è verificato un problema con la richiesta.",
|
|
||||||
});
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
// Gestione del toggle dell'area Dropzone
|
|
||||||
document.querySelectorAll('.toggle-dropzone').forEach(button => {
|
|
||||||
button.addEventListener('click', function() {
|
|
||||||
const target = document.querySelector(this.dataset.target);
|
|
||||||
const icon = this.querySelector('i');
|
|
||||||
|
|
||||||
if (target.classList.contains('show')) {
|
$(document).on('click', function(e) {
|
||||||
target.classList.remove('show');
|
if (!$(e.target).closest('.input-group, #searchResults').length) {
|
||||||
target.style.display = 'none';
|
$('#searchResults').hide();
|
||||||
icon.classList.remove('fa-minus');
|
|
||||||
icon.classList.add('fa-plus');
|
|
||||||
} else {
|
|
||||||
target.classList.add('show');
|
|
||||||
target.style.display = 'block';
|
|
||||||
icon.classList.remove('fa-plus');
|
|
||||||
icon.classList.add('fa-minus');
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
function loadDocuments(slug, targetSectionId = null) {
|
||||||
|
$.ajax({
|
||||||
|
url: 'get-shared-documents.php', // Assumiamo un file PHP per i documenti condivisi
|
||||||
|
method: 'GET',
|
||||||
|
data: {
|
||||||
|
slug: slug,
|
||||||
|
idhome: idhome
|
||||||
|
},
|
||||||
|
dataType: 'json',
|
||||||
|
success: function(response) {
|
||||||
|
if (response.error) {
|
||||||
|
Swal.fire({
|
||||||
|
icon: 'error',
|
||||||
|
title: 'Errore',
|
||||||
|
text: response.error
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const homeName = response.homeName || 'Nome non disponibile';
|
||||||
|
const homeAddress = response.homeAddress || 'Indirizzo non disponibile';
|
||||||
|
const documents = response.documents || {};
|
||||||
|
const loadedDocuments = response.loadedDocuments || {};
|
||||||
|
|
||||||
|
$('.page-title').text(`Documenti Condivisi per la Casa: ${homeName}`);
|
||||||
|
$('p.mb-0 strong').text(`Indirizzo: ${homeAddress}`);
|
||||||
|
|
||||||
|
$('#documentSections').empty();
|
||||||
|
let html = '';
|
||||||
|
for (let sectionName in documents) {
|
||||||
|
html += `
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="accordion-header" id="heading-${md5(sectionName)}">
|
||||||
|
<button class="accordion-button collapsed section-header full-width" type="button" data-toggle="collapse" data-target="#collapse-${md5(sectionName)}" aria-expanded="false" aria-controls="collapse-${md5(sectionName)}">
|
||||||
|
<i class="fas fa-door-open"></i> ${sectionName}
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapse-${md5(sectionName)}" class="accordion-collapse collapse" aria-labelledby="heading-${md5(sectionName)}" data-parent="#documentSections">
|
||||||
|
<div class="accordion-body">
|
||||||
|
`;
|
||||||
|
|
||||||
|
documents[sectionName].forEach(document => {
|
||||||
|
html += `
|
||||||
|
<div class="card card-body mb-4">
|
||||||
|
<div class="document-header d-flex justify-content-between align-items-center p-3 mb-3" style="background-color: #e8f5e9; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);">
|
||||||
|
<div>
|
||||||
|
<span class="document-title fw-bold">${document.document_name || 'Documento senza nome'}</span>
|
||||||
|
${document.is_required ? '<span class="badge bg-danger ms-2" style="font-size: 1rem; padding: 0.5em 0.8em;">Obbligatorio</span>' : ''}
|
||||||
|
${document.max_documents > 0 ? `<span class="badge bg-info ms-2" style="font-size: 1rem; padding: 0.5em 0.8em;">Max: ${document.max_documents}</span>` : ''}
|
||||||
|
</div>
|
||||||
|
${['add-documents', 'full-control'].includes('<?php echo $sharingType; ?>') ? `
|
||||||
|
<button class="btn btn-sm btn-outline-primary toggle-dropzone" data-target="#dropzone-${document.document_id}">
|
||||||
|
<i class="fas fa-plus"></i>
|
||||||
|
</button>` : ''}
|
||||||
|
</div>
|
||||||
|
${['add-documents', 'full-control'].includes('<?php echo $sharingType; ?>') ? `
|
||||||
|
<div class="dropzone-container collapse" id="dropzone-${document.document_id}">
|
||||||
|
<div class="dropzone mb-3" id="dropzone-area-${document.document_id}">
|
||||||
|
<div class="dz-message">
|
||||||
|
<i class="fas fa-cloud-upload-alt"></i><br>
|
||||||
|
Trascina qui i documenti o clicca per caricarli
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>` : ''}
|
||||||
|
<h6 class="mt-4">Documenti già caricati:</h6>
|
||||||
|
${(loadedDocuments[document.document_id] || []).length > 0 ? `
|
||||||
|
<table class="table table-bordered document-list-table" id="table-${document.document_id}">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Nome Documento</th>
|
||||||
|
<th>Data Caricamento</th>
|
||||||
|
<th>Azioni</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
${loadedDocuments[document.document_id].map(doc => `
|
||||||
|
<tr>
|
||||||
|
<td><a href="homedocuments/${doc.filename}" target="_blank">${doc.filename}</a></td>
|
||||||
|
<td>${doc.created_at}</td>
|
||||||
|
<td>${'<?php echo $sharingType; ?>' === 'full-control' ? `<button class="btn btn-danger btn-sm delete-document" data-id="${doc.id}" data-file="${doc.filename}">Elimina</button>` : ''}</td>
|
||||||
|
</tr>
|
||||||
|
`).join('')}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
` : '<p class="text-muted">Nessun documento caricato</p>'}
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
});
|
||||||
|
|
||||||
|
html += `
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
$('#documentSections').html(html);
|
||||||
|
|
||||||
|
if (targetSectionId) {
|
||||||
|
setTimeout(() => {
|
||||||
|
const collapseElement = $(`#collapse-${targetSectionId}`);
|
||||||
|
if (collapseElement.length) {
|
||||||
|
$('.accordion-collapse.collapse').collapse('hide');
|
||||||
|
collapseElement.collapse('show');
|
||||||
|
$('html, body').animate({
|
||||||
|
scrollTop: collapseElement.offset().top - 100
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Inizializza Dropzone per i documenti
|
||||||
|
for (let sectionName in documents) {
|
||||||
|
documents[sectionName].forEach(document => {
|
||||||
|
if (['add-documents', 'full-control'].includes('<?php echo $sharingType; ?>')) {
|
||||||
|
if (!Dropzone.instances.some(dz => dz.element.id === `dropzone-area-${document.document_id}`)) {
|
||||||
|
new Dropzone(`#dropzone-area-${document.document_id}`, {
|
||||||
|
url: "upload-document.php",
|
||||||
|
paramName: "file",
|
||||||
|
maxFiles: document.max_documents || 1,
|
||||||
|
maxFilesize: 5,
|
||||||
|
addRemoveLinks: true,
|
||||||
|
acceptedFiles: "image/*,application/pdf",
|
||||||
|
dictDefaultMessage: "Trascina qui i file o clicca per caricarli",
|
||||||
|
dictRemoveFile: "Rimuovi",
|
||||||
|
previewTemplate: `
|
||||||
|
<div class="dz-preview dz-file-preview">
|
||||||
|
<div class="dz-image"><img data-dz-thumbnail /></div>
|
||||||
|
<div class="dz-details">
|
||||||
|
<div class="dz-filename"><span data-dz-name></span></div>
|
||||||
|
<div class="dz-size"><span data-dz-size></span></div>
|
||||||
|
</div>
|
||||||
|
<div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
|
||||||
|
<div class="dz-error-message"><span data-dz-errormessage></span></div>
|
||||||
|
<div class="dz-success-mark"><i class="fas fa-check-circle"></i></div>
|
||||||
|
<div class="dz-error-mark"><i class="fas fa-times-circle"></i></div>
|
||||||
|
</div>
|
||||||
|
`,
|
||||||
|
init: function() {
|
||||||
|
this.on("success", function(file, response) {
|
||||||
|
let parsedResponse = typeof response === "string" ? JSON.parse(response) : response;
|
||||||
|
if (parsedResponse.success) {
|
||||||
|
let tableId = `#table-${document.document_id} tbody`;
|
||||||
|
let row = `
|
||||||
|
<tr>
|
||||||
|
<td><a href="homedocuments/${parsedResponse.fileName}" target="_blank">${parsedResponse.fileName}</a></td>
|
||||||
|
<td>${parsedResponse.uploadDate}</td>
|
||||||
|
<td>${'<?php echo $sharingType; ?>' === 'full-control' ? `<button class="btn btn-danger btn-sm delete-document" data-id="${parsedResponse.documentId}" data-file="${parsedResponse.fileName}">Elimina</button>` : ''}</td>
|
||||||
|
</tr>`;
|
||||||
|
$(tableId).append(row);
|
||||||
|
} else {
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: parsedResponse.message || "Errore nel caricamento",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.on("error", function(file, errorMessage) {
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: errorMessage || "Si è verificato un problema.",
|
||||||
|
});
|
||||||
|
this.removeFile(file);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
sending: function(file, xhr, formData) {
|
||||||
|
formData.append("idhome", idhome);
|
||||||
|
formData.append("document_id", document.document_id);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Toggle Dropzone
|
||||||
|
document.querySelectorAll('.toggle-dropzone').forEach(button => {
|
||||||
|
button.addEventListener('click', function() {
|
||||||
|
const target = document.querySelector(this.dataset.target);
|
||||||
|
const icon = this.querySelector('i');
|
||||||
|
if (target.classList.contains('show')) {
|
||||||
|
target.classList.remove('show');
|
||||||
|
target.style.display = 'none';
|
||||||
|
icon.classList.remove('fa-minus');
|
||||||
|
icon.classList.add('fa-plus');
|
||||||
|
} else {
|
||||||
|
target.classList.add('show');
|
||||||
|
target.style.display = 'block';
|
||||||
|
icon.classList.remove('fa-plus');
|
||||||
|
icon.classList.add('fa-minus');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Gestione eliminazione documenti
|
||||||
|
$(document).on("click", ".delete-document", function() {
|
||||||
|
const documentId = $(this).data("id");
|
||||||
|
const fileName = $(this).data("file");
|
||||||
|
const $row = $(this).closest("tr");
|
||||||
|
|
||||||
|
Swal.fire({
|
||||||
|
title: "Sei sicuro?",
|
||||||
|
text: "Questa azione eliminerà il documento in modo permanente.",
|
||||||
|
icon: "warning",
|
||||||
|
showCancelButton: true,
|
||||||
|
confirmButtonColor: "#d33",
|
||||||
|
cancelButtonColor: "#3085d6",
|
||||||
|
confirmButtonText: "Sì, elimina",
|
||||||
|
cancelButtonText: "Annulla",
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
$.ajax({
|
||||||
|
url: "delete-document.php",
|
||||||
|
type: "POST",
|
||||||
|
data: {
|
||||||
|
document_id: documentId,
|
||||||
|
file_name: fileName,
|
||||||
|
},
|
||||||
|
success: function(response) {
|
||||||
|
const parsedResponse = typeof response === "string" ? JSON.parse(response) : response;
|
||||||
|
if (parsedResponse.success) {
|
||||||
|
$row.remove();
|
||||||
|
Swal.fire({
|
||||||
|
icon: "success",
|
||||||
|
title: "Eliminato",
|
||||||
|
text: "Documento eliminato con successo.",
|
||||||
|
timer: 1500,
|
||||||
|
showConfirmButton: false,
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: parsedResponse.message || "Impossibile eliminare il documento.",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: "Si è verificato un problema con la richiesta.",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
error: function(xhr, status, error) {
|
||||||
|
Swal.fire({
|
||||||
|
icon: 'error',
|
||||||
|
title: 'Errore',
|
||||||
|
text: 'Impossibile caricare i documenti: ' + error
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
599
public/userportal/documents-home-sharedbck060325.php
Normal file
599
public/userportal/documents-home-sharedbck060325.php
Normal file
@ -0,0 +1,599 @@
|
|||||||
|
<?php include('include/headscript.php');
|
||||||
|
ini_set('display_errors', 1);
|
||||||
|
ini_set('display_startup_errors', 1);
|
||||||
|
error_reporting(E_ALL);
|
||||||
|
|
||||||
|
// Connessione al database
|
||||||
|
$conn = new mysqli($servername, $username, $password, $database);
|
||||||
|
// Recupera l'id utente loggato
|
||||||
|
$iduserlogin = $_SESSION['iduserlogin'];
|
||||||
|
//echo $iduserlogin;
|
||||||
|
// Recupera l'id della casa dall'URL
|
||||||
|
$idhome = isset($_GET['idhome']) ? intval($_GET['idhome']) : 0;
|
||||||
|
|
||||||
|
// Recupera lo sharing_type e le sezioni condivise per questa casa
|
||||||
|
$querySharing = $conn->prepare("
|
||||||
|
SELECT sharing_type, shared_sections , iduser
|
||||||
|
FROM home_sharing
|
||||||
|
WHERE idhome = ? AND idshareduser = ? AND status = 'accepted'
|
||||||
|
");
|
||||||
|
$querySharing->bind_param('ii', $idhome, $iduserlogin);
|
||||||
|
$querySharing->execute();
|
||||||
|
$resultSharing = $querySharing->get_result();
|
||||||
|
$sharingData = $resultSharing->fetch_assoc();
|
||||||
|
|
||||||
|
// Se non ci sono dati, mostra errore o gestisci diversamente
|
||||||
|
if (!$sharingData) {
|
||||||
|
die("Accesso negato o condivisione non trovata.");
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ottieni i dati di condivisione
|
||||||
|
$sharingType = $sharingData['sharing_type'];
|
||||||
|
$sharingIdUser = $sharingData['iduser'];
|
||||||
|
$sharedSections = json_decode($sharingData['shared_sections'], true); // Decodifica il JSON
|
||||||
|
?>
|
||||||
|
<?php
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Recupera i dettagli della casa
|
||||||
|
$queryHome = $conn->prepare("SELECT * FROM home WHERE idhome = ? AND iduser = ?");
|
||||||
|
$queryHome->bind_param('ii', $idhome, $sharingIdUser);
|
||||||
|
$queryHome->execute();
|
||||||
|
$resultHome = $queryHome->get_result();
|
||||||
|
$homeData = $resultHome->fetch_assoc();
|
||||||
|
|
||||||
|
if (!isset($_GET['docpage'])) {
|
||||||
|
$docpage = "legal"; // Slug predefinito
|
||||||
|
} else {
|
||||||
|
$docpage = $_GET['docpage']; // Slug passato via GET
|
||||||
|
}
|
||||||
|
|
||||||
|
// Recupera il `page_id` corrispondente allo slug
|
||||||
|
$queryPageId = $conn->prepare("SELECT idpages FROM pages WHERE slug = ?");
|
||||||
|
$queryPageId->bind_param('s', $docpage);
|
||||||
|
$queryPageId->execute();
|
||||||
|
$resultPageId = $queryPageId->get_result();
|
||||||
|
$pageData = $resultPageId->fetch_assoc();
|
||||||
|
|
||||||
|
if ($pageData) {
|
||||||
|
$page_id = $pageData['idpages']; // Page ID trovato
|
||||||
|
} else {
|
||||||
|
die("Errore: Pagina non valida."); // Slug non trovato
|
||||||
|
}
|
||||||
|
|
||||||
|
// Recupera i documenti associati al `page_id`, con le sezioni
|
||||||
|
$queryDocuments = $conn->prepare("
|
||||||
|
SELECT d.*, s.idsections, s.section_name AS section_name
|
||||||
|
FROM documents d
|
||||||
|
LEFT JOIN sections s ON d.idsections = s.idsections
|
||||||
|
WHERE d.page_id = ?
|
||||||
|
ORDER BY s.section_name, d.document_name
|
||||||
|
");
|
||||||
|
$queryDocuments->bind_param('i', $page_id);
|
||||||
|
$queryDocuments->execute();
|
||||||
|
$resultDocuments = $queryDocuments->get_result();
|
||||||
|
|
||||||
|
$documents = [];
|
||||||
|
while ($row = $resultDocuments->fetch_assoc()) {
|
||||||
|
$documents[$row['section_name']][] = $row;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Recupera i documenti già caricati per questa casa
|
||||||
|
$queryLoadedDocuments = $conn->prepare("
|
||||||
|
SELECT ds.*, hs.sharing_type
|
||||||
|
FROM doc_storage ds
|
||||||
|
LEFT JOIN home_sharing hs ON hs.idhome = ds.idhome
|
||||||
|
WHERE ds.idhome = ? AND hs.idshareduser = ? AND hs.status = 'accepted'
|
||||||
|
");
|
||||||
|
$queryLoadedDocuments->bind_param('ii', $idhome, $iduserlogin);
|
||||||
|
$queryLoadedDocuments->execute();
|
||||||
|
$resultLoadedDocuments = $queryLoadedDocuments->get_result();
|
||||||
|
|
||||||
|
$loadedDocuments = [];
|
||||||
|
while ($row = $resultLoadedDocuments->fetch_assoc()) {
|
||||||
|
$loadedDocuments[$row['document_id']][] = $row;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Recupera le pagine disponibili nella tabella 'documents'
|
||||||
|
$queryPages = $conn->query("SELECT * FROM pages ORDER BY namepages");
|
||||||
|
$pages = [];
|
||||||
|
while ($row = $queryPages->fetch_assoc()) {
|
||||||
|
$pages[] = $row;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="it">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>Documenti della Casa</title>
|
||||||
|
|
||||||
|
<!-- Bootstrap 4 CSS -->
|
||||||
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||||
|
<link href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/dripicons/2.0.0/webfont.min.css" rel="stylesheet">
|
||||||
|
<!-- Font Awesome -->
|
||||||
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet" />
|
||||||
|
|
||||||
|
<!-- Custom CSS -->
|
||||||
|
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
|
<!-- Dropzone CSS -->
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.css" />
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* Personalizza la riga della sezione */
|
||||||
|
.section-header {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
/* Sfondo chiaro */
|
||||||
|
border: 1px solid #007bff;
|
||||||
|
/* Bordo blu */
|
||||||
|
color: #007bff;
|
||||||
|
/* Testo blu */
|
||||||
|
font-size: 1.2rem;
|
||||||
|
/* Dimensione del font */
|
||||||
|
font-weight: bold;
|
||||||
|
/* Grassetto */
|
||||||
|
padding: 15px 20px;
|
||||||
|
/* Padding */
|
||||||
|
text-align: left;
|
||||||
|
/* Allinea il testo a sinistra */
|
||||||
|
width: 100%;
|
||||||
|
/* A tutta larghezza */
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-header:hover {
|
||||||
|
background-color: #007bff;
|
||||||
|
/* Sfondo blu al passaggio del mouse */
|
||||||
|
color: #fff;
|
||||||
|
/* Testo bianco al passaggio del mouse */
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion-button {
|
||||||
|
border-radius: 0 !important;
|
||||||
|
/* Rimuove gli angoli arrotondati */
|
||||||
|
box-shadow: none !important;
|
||||||
|
/* Rimuove l'ombra */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icona accanto al titolo */
|
||||||
|
.section-header i {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
/* Dimensione dell'icona */
|
||||||
|
margin-right: 10px;
|
||||||
|
/* Spaziatura a destra dell'icona */
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-title {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.document-title {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropzone {
|
||||||
|
background-color: #f0f8ff;
|
||||||
|
border: 2px dashed #007bff;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
text-align: center;
|
||||||
|
transition: background-color 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropzone:hover {
|
||||||
|
background-color: #e6f5ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropzone .dz-message {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #007bff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropzone .dz-message i {
|
||||||
|
font-size: 3rem;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
color: #007bff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.document-list-table th,
|
||||||
|
.document-list-table td {
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-separator {
|
||||||
|
border-top: 2px solid #ddd;
|
||||||
|
margin: 40px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn.active {
|
||||||
|
background-color: #007bff;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stile per l'intestazione della sezione */
|
||||||
|
.accordion-button {
|
||||||
|
background-color: #322999;
|
||||||
|
color: white;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: left;
|
||||||
|
border: 1px solid #007bff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion-button:hover {
|
||||||
|
background-color: #007bff;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion-button i {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
color: #fff562;
|
||||||
|
}
|
||||||
|
|
||||||
|
.accordion-body {
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-body {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding: 15px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle-dropzone {
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropzone-container {
|
||||||
|
padding: 10px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
border: 1px dashed #007bff;
|
||||||
|
border-radius: 8px;
|
||||||
|
display: none;
|
||||||
|
/* Nasconde inizialmente l'area */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="fixed-left">
|
||||||
|
<div id="wrapper">
|
||||||
|
<?php include('include/navigationbar.php'); ?>
|
||||||
|
<div class="content-page">
|
||||||
|
<div class="content">
|
||||||
|
<?php include('include/topbar.php'); ?>
|
||||||
|
<br>
|
||||||
|
<div class="page-content-wrapper">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<!-- Dettagli della Casa -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<h4 class="page-title">Documenti per la Casa: <?php echo htmlspecialchars($homeData['name']); ?></h4>
|
||||||
|
<p><strong>Indirizzo:</strong> <?php echo htmlspecialchars($homeData['address']) . ', ' . htmlspecialchars($homeData['city']) . ' ' . htmlspecialchars($homeData['zip']); ?></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row mb-4">
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<div class="btn-group" role="group" aria-label="Pagine">
|
||||||
|
<?php foreach ($pages as $page) { ?>
|
||||||
|
<button
|
||||||
|
class="btn btn-outline-primary filter-btn <?php echo $docpage === $page['slug'] ? 'active' : ''; ?>"
|
||||||
|
onclick="window.location.href='?docpage=<?php echo htmlspecialchars($page['slug']); ?>&idhome=<?php echo htmlspecialchars($idhome); ?>';">
|
||||||
|
<?php echo ucfirst(htmlspecialchars($page['namepages'])); ?>
|
||||||
|
</button>
|
||||||
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sezioni per documenti -->
|
||||||
|
<div class="accordion" id="documentSections">
|
||||||
|
<?php
|
||||||
|
// Decodifica le sezioni condivise
|
||||||
|
$sharedSections = json_decode($sharingData['shared_sections'], true); // Decodifica il JSON in un array
|
||||||
|
|
||||||
|
foreach ($documents as $sectionName => $sectionDocuments) {
|
||||||
|
// Ottieni l'id della sezione dalla prima riga di documenti (dato che `idsections` è comune ai documenti di una sezione)
|
||||||
|
$sectionId = $sectionDocuments[0]['idsections'] ?? null;
|
||||||
|
|
||||||
|
// Verifica se la sezione corrente è condivisa
|
||||||
|
if (!in_array($sectionId, $sharedSections)) {
|
||||||
|
continue; // Salta questa sezione
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<!-- Header della sezione -->
|
||||||
|
<h2 class="accordion-header" id="heading-<?php echo md5($sectionId); ?>">
|
||||||
|
<button class="accordion-button collapsed section-header full-width" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-<?php echo md5($sectionId); ?>" aria-expanded="false" aria-controls="collapse-<?php echo md5($sectionId); ?>">
|
||||||
|
<i class="fas fa-door-open"></i> <?php echo htmlspecialchars($sectionName); ?>
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<!-- Corpo della sezione -->
|
||||||
|
<div id="collapse-<?php echo md5($sectionId); ?>" class="accordion-collapse collapse" aria-labelledby="heading-<?php echo md5($sectionId); ?>" data-bs-parent="#documentSections">
|
||||||
|
<div class="accordion-body">
|
||||||
|
<?php foreach ($sectionDocuments as $document) { ?>
|
||||||
|
<div class="card card-body mb-4">
|
||||||
|
<!-- Titolo del documento -->
|
||||||
|
<div class="document-header d-flex justify-content-between align-items-center p-3 mb-3" style="background-color: #e8f5e9; border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);">
|
||||||
|
<div>
|
||||||
|
<span class="document-title fw-bold"><?php echo htmlspecialchars($document['document_name']); ?></span>
|
||||||
|
<?php if ($document['is_required']) { ?>
|
||||||
|
<span class="badge bg-danger ms-2" style="font-size: 1rem; padding: 0.5em 0.8em;">Obbligatorio</span>
|
||||||
|
<?php } ?>
|
||||||
|
<?php if ($document['max_documents'] > 0) { ?>
|
||||||
|
<span class="badge bg-info ms-2" style="font-size: 1rem; padding: 0.5em 0.8em;">Max: <?php echo $document['max_documents']; ?></span>
|
||||||
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php if (in_array($sharingType, ['add-documents', 'full-control'])) { ?>
|
||||||
|
<button class="btn btn-sm btn-outline-primary toggle-dropzone" data-target="#dropzone-<?php echo $document['document_id']; ?>">
|
||||||
|
<i class="fas fa-plus"></i>
|
||||||
|
</button>
|
||||||
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Area Drag & Drop per il caricamento -->
|
||||||
|
<div class="dropzone-container collapse" id="dropzone-<?php echo $document['document_id']; ?>">
|
||||||
|
<div class="dropzone mb-3">
|
||||||
|
<div class="dz-message">
|
||||||
|
<i class="fas fa-cloud-upload-alt"></i><br>
|
||||||
|
Trascina qui i documenti o clicca per caricare
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Tabella dei documenti già caricati -->
|
||||||
|
<h6 class="mt-4">Documenti già caricati:</h6>
|
||||||
|
<?php if (isset($loadedDocuments[$document['document_id']]) && count($loadedDocuments[$document['document_id']]) > 0) { ?>
|
||||||
|
<table class="table table-bordered document-list-table" id="table-<?php echo $document['document_id']; ?>">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Nome Documento</th>
|
||||||
|
<th>Data Caricamento</th>
|
||||||
|
<th>Azioni</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<?php foreach ($loadedDocuments[$document['document_id']] as $loadedDoc) { ?>
|
||||||
|
<tr>
|
||||||
|
<td><a href="homedocuments/<?php echo $loadedDoc['filename']; ?>" target="_blank"><?php echo htmlspecialchars($loadedDoc['filename']); ?></a></td>
|
||||||
|
<td><?php echo htmlspecialchars($loadedDoc['created_at']); ?></td>
|
||||||
|
<td>
|
||||||
|
<?php if ($sharingType === 'full-control') { ?>
|
||||||
|
<button class="btn btn-danger btn-sm delete-document" data-id="<?php echo $loadedDoc['id']; ?>" data-file="<?php echo $loadedDoc['filename']; ?>">
|
||||||
|
<i class="fas fa-trash"></i>
|
||||||
|
</button>
|
||||||
|
<?php } ?>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<?php } ?>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<?php } else { ?>
|
||||||
|
<p class="text-muted">Nessun documento caricato</p>
|
||||||
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div><!-- container -->
|
||||||
|
</div><!-- Page content Wrapper -->
|
||||||
|
</div><!-- content -->
|
||||||
|
<?php include('include/footer.php'); ?>
|
||||||
|
</div><!-- End Right content here -->
|
||||||
|
</div><!-- END wrapper -->
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||||
|
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
|
||||||
|
<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap4.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Plugin Dropzone -->
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.2/dropzone.min.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Disabilita l'auto-discover di Dropzone
|
||||||
|
Dropzone.autoDiscover = false;
|
||||||
|
|
||||||
|
// Inizializza Dropzone per ciascun documento
|
||||||
|
<?php foreach ($documents as $section => $sectionDocuments) { ?>
|
||||||
|
<?php foreach ($sectionDocuments as $document) { ?>
|
||||||
|
new Dropzone("#dropzone-<?php echo $document['document_id']; ?>", {
|
||||||
|
url: "upload-document.php", // URL per il caricamento
|
||||||
|
paramName: "file", // Nome del campo per il file
|
||||||
|
maxFiles: <?php echo $document['max_documents']; ?>, // Numero massimo di file
|
||||||
|
maxFilesize: 5, // Dimensione massima del file in MB
|
||||||
|
addRemoveLinks: true, // Permette di rimuovere i file
|
||||||
|
acceptedFiles: "image/*,application/pdf", // Tipi di file accettati
|
||||||
|
dictDefaultMessage: "Trascina qui i file o clicca per caricarli",
|
||||||
|
dictRemoveFile: "Rimuovi",
|
||||||
|
previewTemplate: `
|
||||||
|
<div class="dz-preview dz-file-preview">
|
||||||
|
<div class="dz-image"><img data-dz-thumbnail /></div>
|
||||||
|
<div class="dz-details">
|
||||||
|
<div class="dz-filename"><span data-dz-name></span></div>
|
||||||
|
<div class="dz-size"><span data-dz-size></span></div>
|
||||||
|
</div>
|
||||||
|
<div class="dz-progress">
|
||||||
|
<span class="dz-upload" data-dz-uploadprogress></span>
|
||||||
|
</div>
|
||||||
|
<div class="dz-error-message"><span data-dz-errormessage></span></div>
|
||||||
|
<div class="dz-success-mark">
|
||||||
|
<i class="fas fa-check-circle"></i>
|
||||||
|
</div>
|
||||||
|
<div class="dz-error-mark">
|
||||||
|
<i class="fas fa-times-circle"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`,
|
||||||
|
init: function() {
|
||||||
|
this.on("success", function(file, response) {
|
||||||
|
try {
|
||||||
|
let parsedResponse = typeof response === "string" ? JSON.parse(response) : response;
|
||||||
|
|
||||||
|
if (parsedResponse.success) {
|
||||||
|
// Aggiungi il file alla tabella
|
||||||
|
let tableId = "#table-<?php echo $document['document_id']; ?> tbody";
|
||||||
|
let row = `
|
||||||
|
<tr>
|
||||||
|
<td><a href="homedocuments/${parsedResponse.fileName}" target="_blank">${parsedResponse.fileName}</a></td>
|
||||||
|
<td>${parsedResponse.uploadDate}</td>
|
||||||
|
<td><button class="btn btn-danger btn-sm delete-document" data-id="${parsedResponse.documentId}" data-file="${parsedResponse.fileName}">Elimina</button></td>
|
||||||
|
</tr>`;
|
||||||
|
$(tableId).append(row);
|
||||||
|
} else {
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: parsedResponse.message || "Errore nel caricamento",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Errore nel parsing della risposta:", error);
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: "Risposta dal server non valida.",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
this.on("error", function(file, errorMessage) {
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: errorMessage || "Si è verificato un problema.",
|
||||||
|
});
|
||||||
|
this.removeFile(file); // Rimuovi il file in caso di errore
|
||||||
|
});
|
||||||
|
},
|
||||||
|
sending: function(file, xhr, formData) {
|
||||||
|
formData.append("idhome", "<?php echo $idhome; ?>");
|
||||||
|
formData.append("document_id", "<?php echo $document['document_id']; ?>");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
<?php } ?>
|
||||||
|
<?php } ?>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).on("click", ".delete-document", function() {
|
||||||
|
const documentId = $(this).data("id");
|
||||||
|
const fileName = $(this).data("file");
|
||||||
|
const $row = $(this).closest("tr");
|
||||||
|
|
||||||
|
Swal.fire({
|
||||||
|
title: "Sei sicuro?",
|
||||||
|
text: "Questa azione eliminerà il documento in modo permanente.",
|
||||||
|
icon: "warning",
|
||||||
|
showCancelButton: true,
|
||||||
|
confirmButtonColor: "#d33",
|
||||||
|
cancelButtonColor: "#3085d6",
|
||||||
|
confirmButtonText: "Sì, elimina",
|
||||||
|
cancelButtonText: "Annulla",
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
$.ajax({
|
||||||
|
url: "delete-document.php",
|
||||||
|
type: "POST",
|
||||||
|
data: {
|
||||||
|
document_id: documentId,
|
||||||
|
file_name: fileName,
|
||||||
|
},
|
||||||
|
success: function(response) {
|
||||||
|
try {
|
||||||
|
const parsedResponse = typeof response === "string" ? JSON.parse(response) : response;
|
||||||
|
|
||||||
|
if (parsedResponse.success) {
|
||||||
|
$row.remove(); // Rimuovi la riga dalla tabella
|
||||||
|
Swal.fire({
|
||||||
|
icon: "success",
|
||||||
|
title: "Eliminato",
|
||||||
|
text: "Documento eliminato con successo.",
|
||||||
|
timer: 1500,
|
||||||
|
showConfirmButton: false,
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: parsedResponse.message || "Impossibile eliminare il documento.",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Errore durante l'eliminazione:", error);
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: "Risposta dal server non valida.",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
Swal.fire({
|
||||||
|
icon: "error",
|
||||||
|
title: "Errore",
|
||||||
|
text: "Si è verificato un problema con la richiesta.",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// Gestione del toggle dell'area Dropzone
|
||||||
|
document.querySelectorAll('.toggle-dropzone').forEach(button => {
|
||||||
|
button.addEventListener('click', function() {
|
||||||
|
const target = document.querySelector(this.dataset.target);
|
||||||
|
const icon = this.querySelector('i');
|
||||||
|
|
||||||
|
if (target.classList.contains('show')) {
|
||||||
|
target.classList.remove('show');
|
||||||
|
target.style.display = 'none';
|
||||||
|
icon.classList.remove('fa-minus');
|
||||||
|
icon.classList.add('fa-plus');
|
||||||
|
} else {
|
||||||
|
target.classList.add('show');
|
||||||
|
target.style.display = 'block';
|
||||||
|
icon.classList.remove('fa-plus');
|
||||||
|
icon.classList.add('fa-minus');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
74
public/userportal/get-shared-documents.php
Normal file
74
public/userportal/get-shared-documents.php
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<?php
|
||||||
|
session_start();
|
||||||
|
include('include/headscript.php');
|
||||||
|
|
||||||
|
$conn = new mysqli($servername, $username, $password, $database);
|
||||||
|
$iduserlogin = $_SESSION['iduserlogin'];
|
||||||
|
$idhome = isset($_GET['idhome']) ? intval($_GET['idhome']) : 0;
|
||||||
|
$slug = isset($_GET['slug']) ? $_GET['slug'] : 'legal';
|
||||||
|
|
||||||
|
// Recupera i dati di condivisione
|
||||||
|
$querySharing = $conn->prepare("SELECT sharing_type, shared_sections, iduser FROM home_sharing WHERE idhome = ? AND idshareduser = ? AND status = 'accepted'");
|
||||||
|
$querySharing->bind_param('ii', $idhome, $iduserlogin);
|
||||||
|
$querySharing->execute();
|
||||||
|
$sharingData = $querySharing->get_result()->fetch_assoc();
|
||||||
|
|
||||||
|
if (!$sharingData) {
|
||||||
|
echo json_encode(['error' => 'Accesso negato o condivisione non trovata']);
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
|
||||||
|
$sharedSections = json_decode($sharingData['shared_sections'], true);
|
||||||
|
$sharingIdUser = $sharingData['iduser'];
|
||||||
|
|
||||||
|
// Recupera i dettagli della casa
|
||||||
|
$queryHome = $conn->prepare("SELECT name, address, city, zip FROM home WHERE idhome = ? AND iduser = ?");
|
||||||
|
$queryHome->bind_param('ii', $idhome, $sharingIdUser);
|
||||||
|
$queryHome->execute();
|
||||||
|
$homeData = $queryHome->get_result()->fetch_assoc();
|
||||||
|
|
||||||
|
// Recupera page_id
|
||||||
|
$queryPageId = $conn->prepare("SELECT idpages FROM pages WHERE slug = ?");
|
||||||
|
$queryPageId->bind_param('s', $slug);
|
||||||
|
$queryPageId->execute();
|
||||||
|
$pageData = $queryPageId->get_result()->fetch_assoc();
|
||||||
|
$page_id = $pageData['idpages'];
|
||||||
|
|
||||||
|
// Recupera documenti
|
||||||
|
$queryDocuments = $conn->prepare("
|
||||||
|
SELECT d.*, s.section_name
|
||||||
|
FROM documents d
|
||||||
|
LEFT JOIN sections s ON d.idsections = s.idsections
|
||||||
|
WHERE d.page_id = ? AND d.idsections IN (" . implode(',', array_map('intval', $sharedSections)) . ")
|
||||||
|
ORDER BY s.section_name, d.document_name
|
||||||
|
");
|
||||||
|
$queryDocuments->bind_param('i', $page_id);
|
||||||
|
$queryDocuments->execute();
|
||||||
|
$resultDocuments = $queryDocuments->get_result();
|
||||||
|
|
||||||
|
$documents = [];
|
||||||
|
while ($row = $resultDocuments->fetch_assoc()) {
|
||||||
|
$documents[$row['section_name']][] = $row;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Recupera documenti caricati
|
||||||
|
$queryLoaded = $conn->prepare("
|
||||||
|
SELECT ds.* FROM doc_storage ds
|
||||||
|
LEFT JOIN home_sharing hs ON hs.idhome = ds.idhome
|
||||||
|
WHERE ds.idhome = ? AND hs.idshareduser = ? AND hs.status = 'accepted'
|
||||||
|
");
|
||||||
|
$queryLoaded->bind_param('ii', $idhome, $iduserlogin);
|
||||||
|
$queryLoaded->execute();
|
||||||
|
$resultLoaded = $queryLoaded->get_result();
|
||||||
|
|
||||||
|
$loadedDocuments = [];
|
||||||
|
while ($row = $resultLoaded->fetch_assoc()) {
|
||||||
|
$loadedDocuments[$row['document_id']][] = $row;
|
||||||
|
}
|
||||||
|
|
||||||
|
echo json_encode([
|
||||||
|
'homeName' => $homeData['name'],
|
||||||
|
'homeAddress' => $homeData['address'] . ', ' . $homeData['city'] . ' ' . $homeData['zip'],
|
||||||
|
'documents' => $documents,
|
||||||
|
'loadedDocuments' => $loadedDocuments
|
||||||
|
]);
|
||||||
Loading…
x
Reference in New Issue
Block a user