fixed index
This commit is contained in:
parent
c6dd1830d8
commit
ef9afb0357
@ -51,7 +51,7 @@ $result = $stmt->get_result();
|
|||||||
<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>Elenco delle tue case</title>
|
<title>Elenco dei tuoi immobili</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">
|
||||||
|
|||||||
@ -38,164 +38,296 @@ $queryDocuments->execute();
|
|||||||
$resultDocuments = $queryDocuments->get_result();
|
$resultDocuments = $queryDocuments->get_result();
|
||||||
$totalDocuments = $resultDocuments->fetch_assoc()['total_documents'];
|
$totalDocuments = $resultDocuments->fetch_assoc()['total_documents'];
|
||||||
?>
|
?>
|
||||||
|
<?php
|
||||||
|
// Connessione al database
|
||||||
|
$conn = new mysqli($servername, $username, $password, $database);
|
||||||
|
|
||||||
|
// Recupera l'id utente loggato
|
||||||
|
$iduserlogin = $_SESSION['iduserlogin'];
|
||||||
|
|
||||||
|
// Query per ottenere le case dell'utente
|
||||||
|
$sql = "
|
||||||
|
SELECT
|
||||||
|
h.idhome,
|
||||||
|
h.name,
|
||||||
|
h.address,
|
||||||
|
h.zip,
|
||||||
|
h.city,
|
||||||
|
h.country,
|
||||||
|
h.mainphoto,
|
||||||
|
COUNT(ho.owner_id) AS owner_count,
|
||||||
|
SUM(ho.ownership_percentage) AS total_ownership,
|
||||||
|
GROUP_CONCAT(
|
||||||
|
CASE
|
||||||
|
WHEN po.owner_type = 'individual'
|
||||||
|
THEN CONCAT(po.first_name, ' ', po.last_name, ' (', ho.ownership_percentage, '%)')
|
||||||
|
ELSE CONCAT(po.company_name, ' (', ho.ownership_percentage, '%)')
|
||||||
|
END
|
||||||
|
SEPARATOR '\n'
|
||||||
|
) AS owner_names
|
||||||
|
FROM
|
||||||
|
home h
|
||||||
|
LEFT JOIN
|
||||||
|
home_owners ho ON h.idhome = ho.home_id
|
||||||
|
LEFT JOIN
|
||||||
|
property_owners po ON ho.owner_id = po.owner_id
|
||||||
|
WHERE
|
||||||
|
h.iduser = ?
|
||||||
|
GROUP BY
|
||||||
|
h.idhome
|
||||||
|
";
|
||||||
|
|
||||||
|
|
||||||
|
$stmt = $conn->prepare($sql);
|
||||||
|
$stmt->bind_param('i', $iduserlogin);
|
||||||
|
$stmt->execute();
|
||||||
|
$result = $stmt->get_result();
|
||||||
|
?>
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="it">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<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">
|
||||||
<?php include('include/seo.php'); ?>
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<title>Elenco delle tue case</title>
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
||||||
|
|
||||||
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
|
||||||
|
|
||||||
|
<!-- 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">
|
||||||
<link href="assets/css/icons.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" />
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Custom CSS -->
|
||||||
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
|
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
|
||||||
|
<link href="assets/css/icons.css" rel="stylesheet" type="text/css">
|
||||||
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css">
|
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css">
|
||||||
|
<style>
|
||||||
</head>
|
/* Visualizza il pulsante mobile anche su desktop */
|
||||||
<style>
|
|
||||||
/* Visualizza il pulsante mobile anche su desktop */
|
|
||||||
.button-menu-mobile {
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Nascondi il quadrato rosso con la X su desktop */
|
|
||||||
@media (min-width: 992px) {
|
|
||||||
.button-menu-mobile {
|
.button-menu-mobile {
|
||||||
background-color: transparent;
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nascondi il quadrato rosso con la X su desktop */
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.button-menu-mobile {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-menu-mobile i.ion-close {
|
||||||
|
display: none;
|
||||||
|
/* Nasconde la X rossa */
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-menu-mobile i.mdi-menu {
|
||||||
|
display: inline-block;
|
||||||
|
/* Mostra sempre le tre righe orizzontali */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stile per mobile: Mantieni il comportamento originale */
|
||||||
|
@media (max-width: 991.98px) {
|
||||||
|
.button-menu-mobile {
|
||||||
|
background-color: #ff5e5e;
|
||||||
|
/* Questo è il colore rosso originale */
|
||||||
|
border-radius: 50%;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-menu-mobile i.ion-close {
|
||||||
|
display: inline-block;
|
||||||
|
/* Mostra la X rossa */
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-menu-mobile i.mdi-menu {
|
||||||
|
display: none;
|
||||||
|
/* Nasconde le tre righe quando la barra è aperta */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stili per colori professionali */
|
||||||
|
.btn-main {
|
||||||
|
background-color: rgb(96, 93, 175);
|
||||||
|
/* Blu professionale */
|
||||||
|
color: #fff;
|
||||||
border: none;
|
border: none;
|
||||||
padding: 0;
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-menu-mobile i.ion-close {
|
.btn-main:hover {
|
||||||
|
background-color: #364fc7;
|
||||||
|
/* Blu più scuro al passaggio */
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: rgb(21, 190, 86);
|
||||||
|
/* Grigio tenue */
|
||||||
|
color: #212529;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background-color: #868e96;
|
||||||
|
/* Grigio più scuro al passaggio */
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-info-light {
|
||||||
|
background-color: #ffd43b;
|
||||||
|
/* Giallo professionale */
|
||||||
|
color: #212529;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-info-light:hover {
|
||||||
|
background-color: #fcc419;
|
||||||
|
/* Giallo più intenso al passaggio */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Uniformità altezza */
|
||||||
|
.equal-height {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.equal-height .flex-fill {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Applica l'effetto zoom solo alle card della griglia */
|
||||||
|
#gridView .card {
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: transform 0.2s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
#gridView .card:hover {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.card-img-top {
|
||||||
|
height: 180px;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nasconde i tre puntini di default */
|
||||||
|
.action-menu {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 10px;
|
||||||
display: none;
|
display: none;
|
||||||
/* Nasconde la X rossa */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-menu-mobile i.mdi-menu {
|
/* Mostra i tre puntini quando il mouse passa sul box */
|
||||||
display: inline-block;
|
.box-home:hover .action-menu {
|
||||||
/* Mostra sempre le tre righe orizzontali */
|
display: block;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Stile per mobile: Mantieni il comportamento originale */
|
|
||||||
@media (max-width: 991.98px) {
|
|
||||||
.button-menu-mobile {
|
|
||||||
background-color: #ff5e5e;
|
|
||||||
/* Questo è il colore rosso originale */
|
|
||||||
border-radius: 50%;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-menu-mobile i.ion-close {
|
|
||||||
display: inline-block;
|
/* Pulsante 3 puntini */
|
||||||
/* Mostra la X rossa */
|
.action-toggle {
|
||||||
|
border: none;
|
||||||
|
background: rgba(255, 255, 255, 0.9);
|
||||||
|
padding: 6px 10px;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-menu-mobile i.mdi-menu {
|
/* Cambia colore al passaggio del mouse */
|
||||||
display: none;
|
.action-toggle:hover {
|
||||||
/* Nasconde le tre righe quando la barra è aperta */
|
background: rgba(230, 230, 230, 1);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
/* Stili per colori professionali */
|
|
||||||
.btn-main {
|
|
||||||
background-color: rgb(96, 93, 175);
|
|
||||||
/* Blu professionale */
|
|
||||||
color: #fff;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-main:hover {
|
/* Stile per il menu delle azioni */
|
||||||
background-color: #364fc7;
|
.dropdown-menu {
|
||||||
/* Blu più scuro al passaggio */
|
font-size: 14px;
|
||||||
}
|
min-width: 180px;
|
||||||
|
}
|
||||||
|
|
||||||
.btn-secondary {
|
.dropdown-item i {
|
||||||
background-color: rgb(21, 190, 86);
|
margin-right: 8px;
|
||||||
/* Grigio tenue */
|
}
|
||||||
color: #212529;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-secondary:hover {
|
/* Stile per l'immagine */
|
||||||
background-color: #868e96;
|
.img-thumbnail {
|
||||||
/* Grigio più scuro al passaggio */
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-info-light {
|
/* Spazio tra l'icona dei proprietari e il nome */
|
||||||
background-color: #ffd43b;
|
td i.fas {
|
||||||
/* Giallo professionale */
|
margin-right: 5px;
|
||||||
color: #212529;
|
}
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-info-light:hover {
|
/* Contenitore per i bottoni in alto */
|
||||||
background-color: #fcc419;
|
.action-container {
|
||||||
/* Giallo più intenso al passaggio */
|
position: absolute;
|
||||||
}
|
top: 10px;
|
||||||
|
left: 10px;
|
||||||
|
/* Sposta il bottone proprietari a sinistra */
|
||||||
|
right: 10px;
|
||||||
|
/* Mantiene il menu azioni a destra */
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
/* Distribuisce gli elementi a sinistra e a destra */
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
/* Uniformità altezza */
|
/* Bottone proprietari a sinistra */
|
||||||
.equal-height {
|
.owner-btn {
|
||||||
display: flex;
|
font-size: 14px;
|
||||||
flex-direction: column;
|
padding: 4px 10px;
|
||||||
height: 100%;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.equal-height .flex-fill {
|
/* I 3 puntini restano nascosti finché il mouse non passa sopra */
|
||||||
flex: 1;
|
.box-home .action-menu {
|
||||||
}
|
opacity: 0;
|
||||||
</style>
|
transition: opacity 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mostra i 3 puntini solo in hover */
|
||||||
|
.box-home:hover .action-menu {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
<body class="fixed-left">
|
<body class="fixed-left">
|
||||||
|
|
||||||
<!-- Loader -->
|
|
||||||
<div id="preloader">
|
|
||||||
<div id="status">
|
|
||||||
<div class="spinner"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Begin page -->
|
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
|
|
||||||
<?php include('include/navigationbar.php'); ?>
|
<?php include('include/navigationbar.php'); ?>
|
||||||
|
|
||||||
<!-- Start right Content here -->
|
|
||||||
|
|
||||||
<div class="content-page">
|
<div class="content-page">
|
||||||
<!-- Start content -->
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
||||||
<?php include('include/topbar.php'); ?>
|
<?php include('include/topbar.php'); ?>
|
||||||
|
|
||||||
<div class="page-content-wrapper ">
|
<div class="page-content-wrapper">
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-12">
|
<div class="col-sm-12">
|
||||||
<div class="page-title-box">
|
<div class="page-title-box">
|
||||||
<div class="btn-group float-right">
|
<div class="btn-group float-right">
|
||||||
<ol class="breadcrumb hide-phone p-0 m-0">
|
<ol class="breadcrumb hide-phone p-0 m-0">
|
||||||
<li class="breadcrumb-item"><a href="#">CasaDoc</a></li>
|
<li class="breadcrumb-item"><a href="#">CasaDoc</a></li>
|
||||||
<li class="breadcrumb-item active">Dashboard</li>
|
<li class="breadcrumb-item active">Elenco Case</li>
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
<h4 class="page-title">Dashboard</h4>
|
<h4 class="page-title">Elenco dei tuoi immobili</h4>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- end page title end breadcrumb -->
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@ -262,64 +394,376 @@ $totalDocuments = $resultDocuments->fetch_assoc()['total_documents'];
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row mb-3">
|
||||||
<div class="row text-center">
|
<div class="col-12 d-flex justify-content-start align-items-center gap-3">
|
||||||
<!-- Pulsante principale - I miei immobili -->
|
<a href="manage-home.php" class="btn btn-success">
|
||||||
<div class="col-lg-8 col-md-12 mb-4 d-flex">
|
<i class="fas fa-plus"></i> Aggiungi Casa/Terreno
|
||||||
<a href="homes-list.php"
|
|
||||||
class="btn btn-main d-flex flex-column justify-content-center align-items-center py-5 shadow rounded-lg w-100">
|
|
||||||
<i class="mdi mdi-home-outline" style="font-size: 4rem;"></i>
|
|
||||||
<span class="mt-2 fw-bold" style="font-size: 1.75rem;">I miei immobili</span>
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
<button id="toggleViewBtn" class="btn btn-info ms-2">
|
||||||
|
<i class="fas fa-th-large"></i> Vista Griglia
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<!-- Contenitore per i due pulsanti secondari -->
|
</div>
|
||||||
<div class="col-lg-4 col-md-12 d-flex flex-column">
|
|
||||||
<div class="row flex-grow-1">
|
|
||||||
<!-- Pulsante Persone/Società -->
|
<!-- table view -->
|
||||||
<div class="col-12 mb-3 d-flex">
|
<div id="tableView" style="display: none;">
|
||||||
<a href="person-list.php"
|
|
||||||
class="btn btn-secondary d-flex flex-column justify-content-center align-items-center py-4 shadow rounded-lg w-100">
|
<div class="row">
|
||||||
<i class="mdi mdi-account-outline" style="font-size: 2.5rem;"></i>
|
<div class="col-xl-12">
|
||||||
<span class="mt-2 fw-bold" style="font-size: 1.25rem;">Persone/Società</span>
|
<div class="card">
|
||||||
</a>
|
<div class="card-body">
|
||||||
</div>
|
<div class="table-responsive">
|
||||||
<!-- Pulsante Immobili Condivisi con me -->
|
|
||||||
<div class="col-12 d-flex">
|
<table id="homeTable" class="table table-bordered table-striped">
|
||||||
<a href="shared-homes.php"
|
<thead>
|
||||||
class="btn btn-info-light d-flex flex-column justify-content-center align-items-center py-4 shadow rounded-lg w-100">
|
<tr>
|
||||||
<i class="mdi mdi-share-outline" style="font-size: 2.5rem;"></i>
|
<th>Foto</th>
|
||||||
<span class="mt-2 fw-bold" style="font-size: 1.25rem;">Immobili Condivisi con me</span>
|
<th>Nome di Riferimento</th>
|
||||||
</a>
|
<th>Città / Nazione</th>
|
||||||
|
<th>Indirizzo</th>
|
||||||
|
<th>Proprietari</th>
|
||||||
|
<th>Action</th>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<!-- Campi di input per i filtri -->
|
||||||
|
<th></th>
|
||||||
|
<th><input type="text" placeholder="Cerca Nome" class="form-control form-control-sm"></th>
|
||||||
|
|
||||||
|
<th><input type="text" placeholder="Cerca Città" class="form-control form-control-sm"></th>
|
||||||
|
<th><input type="text" placeholder="Cerca Indirizzo" class="form-control form-control-sm"></th>
|
||||||
|
<th><input type="text" placeholder="Cerca Proprietari" class="form-control form-control-sm"></th>
|
||||||
|
|
||||||
|
<th></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<?php while ($row = $result->fetch_assoc()) { ?>
|
||||||
|
<tr>
|
||||||
|
<!-- Thumbnail immagine -->
|
||||||
|
<td>
|
||||||
|
<img src="mainphoto/<?php echo htmlspecialchars($row['mainphoto'] ?? 'default.jpg'); ?>"
|
||||||
|
class="img-thumbnail open-photo"
|
||||||
|
style="width: 80px; height: 80px; object-fit: cover; cursor: pointer;"
|
||||||
|
alt="<?php echo htmlspecialchars($row['name']); ?>"
|
||||||
|
data-toggle="modal" data-target="#photoModal"
|
||||||
|
data-src="mainphoto/<?php echo htmlspecialchars($row['mainphoto'] ?? 'default.jpg'); ?>">
|
||||||
|
</td>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Nome immobile -->
|
||||||
|
<td><?php echo htmlspecialchars($row['name']); ?></td>
|
||||||
|
|
||||||
|
<!-- Città e Nazione -->
|
||||||
|
<td><?php echo htmlspecialchars($row['city']); ?>, <?php echo htmlspecialchars($row['country']); ?></td>
|
||||||
|
|
||||||
|
<!-- Indirizzo -->
|
||||||
|
<td><?php echo htmlspecialchars($row['address']); ?></td>
|
||||||
|
|
||||||
|
<!-- Proprietari + Bottone -->
|
||||||
|
<td>
|
||||||
|
<?php echo nl2br(htmlspecialchars($row['owner_names'])); ?>
|
||||||
|
<br>
|
||||||
|
<?php
|
||||||
|
// Determina il colore del pulsante in base alla percentuale totale di possesso
|
||||||
|
if ($row['owner_count'] == 0) {
|
||||||
|
$btn_class = "btn-danger"; // Nessun proprietario → Rosso
|
||||||
|
$btn_text = '<i class="fas fa-user-times"></i> Assegna Proprietario';
|
||||||
|
} elseif ($row['total_ownership'] < 100) {
|
||||||
|
$btn_class = "btn-warning"; // Percentuale inferiore al 100% → Arancione
|
||||||
|
$btn_text = '<i class="fas fa-user-edit"></i> ' . $row['owner_count'] . ' (' . htmlspecialchars($row['total_ownership']) . '%)';
|
||||||
|
} else {
|
||||||
|
$btn_class = "btn-success"; // Percentuale completa → Verde
|
||||||
|
$btn_text = '<i class="fas fa-user-check"></i> ' . $row['owner_count'] . '';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<a href="assign-owners.php?idhome=<?php echo $row['idhome']; ?>" class="btn <?php echo $btn_class; ?> btn-sm mt-1">
|
||||||
|
<?php echo $btn_text; ?>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<!-- azioni -->
|
||||||
|
<td class="text-nowrap">
|
||||||
|
<div class="dropdown">
|
||||||
|
<button class="btn btn-light btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
|
<i class="fas fa-ellipsis-v"></i>
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu">
|
||||||
|
<li><a class="dropdown-item" href="manage-home.php?idhome=<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-info-circle"></i> Dettagli
|
||||||
|
</a></li>
|
||||||
|
<li><a class="dropdown-item" href="documents-home.php?idhome=<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-folder-open"></i> Documenti
|
||||||
|
</a></li>
|
||||||
|
<li><a class="dropdown-item" href="share-home.php?idhome=<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-share-alt"></i> Condividi
|
||||||
|
</a></li>
|
||||||
|
<li><a class="dropdown-item transfer-property-btn" data-id="<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-exchange-alt"></i> Passaggio Proprietà
|
||||||
|
</a></li>
|
||||||
|
<li><a class="dropdown-item text-danger delete-home-btn" data-id="<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-trash-alt"></i> Elimina
|
||||||
|
</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<?php } ?>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div><!-- end table-responsive -->
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- grid view -->
|
||||||
|
|
||||||
|
<div id="gridView" style="display: block;">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<?php
|
||||||
|
$result->data_seek(0); // Ripristina i dati per la griglia
|
||||||
|
while ($row = $result->fetch_assoc()) { ?>
|
||||||
|
<div class="col-md-3 col-sm-6 mb-4"> <!-- 4 per riga su desktop, 2 su tablet -->
|
||||||
|
<div class="card shadow-sm border-0 position-relative box-home">
|
||||||
|
<img src="mainphoto/<?php echo htmlspecialchars($row['mainphoto'] ?? 'default.jpg'); ?>"
|
||||||
|
class="card-img-top"
|
||||||
|
alt="<?php echo htmlspecialchars($row['name']); ?>">
|
||||||
|
|
||||||
|
<!-- Pulsante 3 puntini -->
|
||||||
|
<!-- Contenitore per i bottoni (Proprietari + Menu Azioni) -->
|
||||||
|
<!-- Contenitore per i bottoni (Proprietari a sinistra + Menu Azioni a destra) -->
|
||||||
|
<div class="action-container">
|
||||||
|
<!-- Bottone colorato con numero proprietari (SINISTRA) -->
|
||||||
|
<?php
|
||||||
|
if ($row['owner_count'] == 0) {
|
||||||
|
$btn_class = "btn-danger"; // Nessun proprietario → Rosso
|
||||||
|
} elseif ($row['total_ownership'] < 100) {
|
||||||
|
$btn_class = "btn-warning"; // Percentuale inferiore al 100% → Arancione
|
||||||
|
} else {
|
||||||
|
$btn_class = "btn-success"; // Percentuale completa → Verde
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<a href="assign-owners.php?idhome=<?php echo $row['idhome']; ?>" class="btn <?php echo $btn_class; ?> btn-sm owner-btn">
|
||||||
|
<i class="fas fa-user"></i> <?php echo htmlspecialchars($row['owner_count']); ?>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Pulsante 3 puntini (DESTRA) -->
|
||||||
|
<div class="dropdown action-menu">
|
||||||
|
<button class="btn btn-light btn-sm action-toggle" data-toggle="dropdown">
|
||||||
|
<i class="fas fa-ellipsis-v"></i>
|
||||||
|
</button>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right">
|
||||||
|
<a class="dropdown-item" href="manage-home.php?idhome=<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-info-circle"></i> Dettagli
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="documents-home.php?idhome=<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-folder-open"></i> Documenti
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="share-home.php?idhome=<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-share-alt"></i> Condividi
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item transfer-property-btn" data-id="<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-exchange-alt"></i> Passaggio Proprietà
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item text-danger delete-home-btn" data-id="<?php echo $row['idhome']; ?>">
|
||||||
|
<i class="fas fa-trash-alt"></i> Elimina
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="card-body text-center">
|
||||||
|
<h5 class="card-title"><?php echo htmlspecialchars($row['name']); ?></h5>
|
||||||
|
<p class="card-text"><?php echo htmlspecialchars($row['address']); ?> - <?php echo htmlspecialchars($row['city']); ?></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php } ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="mb-3">
|
||||||
<!-- end row -->
|
<button onclick="history.back()" class="btn btn-dark">
|
||||||
|
<i class="fas fa-arrow-left"></i> Torna indietro
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div><!-- container -->
|
</div><!-- container -->
|
||||||
|
</div><!-- Page content Wrapper -->
|
||||||
</div> <!-- Page content Wrapper -->
|
</div><!-- content -->
|
||||||
|
|
||||||
</div> <!-- content -->
|
|
||||||
|
|
||||||
<?php include('include/footer.php'); ?>
|
<?php include('include/footer.php'); ?>
|
||||||
|
</div><!-- End Right content here -->
|
||||||
|
</div><!-- END wrapper -->
|
||||||
|
|
||||||
</div>
|
<!-- jQuery -->
|
||||||
<!-- End Right content here -->
|
<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>
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
var table = $('#homeTable').DataTable({
|
||||||
|
responsive: true,
|
||||||
|
autoWidth: false // Impedisce a DataTables di calcolare larghezze fisse
|
||||||
|
});
|
||||||
|
|
||||||
</div>
|
// Imposta la vista predefinita sulla Grid View
|
||||||
<!-- END wrapper -->
|
$("#tableView").hide();
|
||||||
|
$("#gridView").show();
|
||||||
|
$("#toggleViewBtn").html('<i class="fas fa-list"></i> Vista Elenco');
|
||||||
|
|
||||||
|
$("#toggleViewBtn").click(function() {
|
||||||
|
if ($("#tableView").is(":visible")) {
|
||||||
|
$("#tableView").hide();
|
||||||
|
$("#gridView").show();
|
||||||
|
$("#toggleViewBtn").html('<i class="fas fa-list"></i> Vista Elenco');
|
||||||
|
} else {
|
||||||
|
$("#gridView").hide();
|
||||||
|
$("#tableView").show();
|
||||||
|
|
||||||
|
// **Forza il ridisegno della tabella DataTables con una correzione aggiuntiva**
|
||||||
|
setTimeout(function() {
|
||||||
|
table.columns.adjust().draw();
|
||||||
|
$('#homeTable').css('width', '100%'); // Forza la larghezza al 100%
|
||||||
|
}, 200);
|
||||||
|
|
||||||
|
$("#toggleViewBtn").html('<i class="fas fa-th-large"></i> Vista Griglia');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
// Inizializza i dropdown manualmente per evitare conflitti
|
||||||
|
var dropdowns = document.querySelectorAll('.dropdown-toggle');
|
||||||
|
dropdowns.forEach(function(dropdown) {
|
||||||
|
new bootstrap.Dropdown(dropdown);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Chiude il menu quando un'opzione viene cliccata
|
||||||
|
$('.dropdown-menu a').on('click', function() {
|
||||||
|
let dropdownMenu = $(this).closest('.dropdown-menu');
|
||||||
|
let dropdownButton = dropdownMenu.prev('.dropdown-toggle');
|
||||||
|
let dropdownInstance = bootstrap.Dropdown.getInstance(dropdownButton[0]);
|
||||||
|
dropdownInstance.hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
// Chiude il dropdown quando si clicca fuori
|
||||||
|
$(document).on('click', function(e) {
|
||||||
|
if (!$(e.target).closest('.dropdown').length) {
|
||||||
|
$('.dropdown-menu.show').removeClass('show');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
// Inizializza DataTables con filtri di colonna
|
||||||
|
var table = $('#homeTable').DataTable();
|
||||||
|
|
||||||
|
// Aggiungi ricerca personalizzata in ogni colonna
|
||||||
|
$('#homeTable thead tr:eq(1) th').each(function(i) {
|
||||||
|
$('input', this).on('keyup change', function() {
|
||||||
|
if (table.column(i).search() !== this.value) {
|
||||||
|
table.column(i).search(this.value).draw();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
// Gestisci l'eliminazione con SweetAlert
|
||||||
|
$('.delete-home-btn').on('click', function() {
|
||||||
|
console.log("Bottone eliminazione cliccato!"); // Debugging
|
||||||
|
|
||||||
|
var idhome = $(this).data('id');
|
||||||
|
console.log("ID Casa:", idhome); // Debugging
|
||||||
|
|
||||||
|
Swal.fire({
|
||||||
|
title: 'Sei sicuro?',
|
||||||
|
text: "Questa azione eliminerà la casa e non può essere annullata.",
|
||||||
|
icon: 'warning',
|
||||||
|
showCancelButton: true,
|
||||||
|
confirmButtonColor: '#d33',
|
||||||
|
cancelButtonColor: '#3085d6',
|
||||||
|
confirmButtonText: 'Sì, elimina',
|
||||||
|
cancelButtonText: 'Annulla'
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
console.log("Utente ha confermato l'eliminazione."); // Debugging
|
||||||
|
window.location.href = "delete-home.php?idhome=" + idhome;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
// Evita la chiusura del dropdown se si clicca dentro
|
||||||
|
$(".dropdown-menu").click(function(e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
});
|
||||||
|
|
||||||
|
// Gestione dell'eliminazione con SweetAlert
|
||||||
|
$('.delete-home-btn').on('click', function() {
|
||||||
|
var idhome = $(this).data('id'); // Ottieni l'id della casa
|
||||||
|
Swal.fire({
|
||||||
|
title: 'Sei sicuro?',
|
||||||
|
text: "Questa azione eliminerà la casa e non può essere annullata.",
|
||||||
|
icon: 'warning',
|
||||||
|
showCancelButton: true,
|
||||||
|
confirmButtonColor: '#d33',
|
||||||
|
cancelButtonColor: '#3085d6',
|
||||||
|
confirmButtonText: 'Sì, elimina',
|
||||||
|
cancelButtonText: 'Annulla'
|
||||||
|
}).then((result) => {
|
||||||
|
if (result.isConfirmed) {
|
||||||
|
window.location.href = "delete-home.php?idhome=" + idhome;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
<?php if (isset($_GET['status']) && $_GET['status'] == 'success') { ?>
|
||||||
|
Swal.fire({
|
||||||
|
icon: 'success',
|
||||||
|
title: 'Eliminazione completata!',
|
||||||
|
text: 'La casa è stata eliminata con successo.'
|
||||||
|
});
|
||||||
|
<?php } elseif (isset($_GET['status']) && $_GET['status'] == 'error') { ?>
|
||||||
|
Swal.fire({
|
||||||
|
icon: 'error',
|
||||||
|
title: 'Errore!',
|
||||||
|
text: 'Si è verificato un errore durante l\'eliminazione della casa.'
|
||||||
|
});
|
||||||
|
<?php } ?>
|
||||||
|
});
|
||||||
|
</script>
|
||||||
<!-- jQuery -->
|
<!-- jQuery -->
|
||||||
<script src="assets/js/jquery.min.js"></script>
|
|
||||||
<script src="assets/js/popper.min.js"></script>
|
<script src="assets/js/popper.min.js"></script>
|
||||||
<script src="assets/js/bootstrap.min.js"></script>
|
<script src="assets/js/bootstrap.min.js"></script>
|
||||||
<script src="assets/js/modernizr.min.js"></script>
|
<script src="assets/js/modernizr.min.js"></script>
|
||||||
@ -332,12 +776,38 @@ $totalDocuments = $resultDocuments->fetch_assoc()['total_documents'];
|
|||||||
<script src="assets/js/jquery.scrollTo.min.js"></script>
|
<script src="assets/js/jquery.scrollTo.min.js"></script>
|
||||||
|
|
||||||
<script src="assets/plugins/chart.js/chart.min.js"></script>
|
<script src="assets/plugins/chart.js/chart.min.js"></script>
|
||||||
<script src="assets/pages/dashboard.js"></script>
|
|
||||||
|
|
||||||
<!-- App js -->
|
<!-- App js -->
|
||||||
<script src="assets/js/app.js"></script>
|
<script src="assets/js/app.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Modal per visualizzazione dell'immagine -->
|
||||||
|
<div class="modal fade" id="photoModal" tabindex="-1" role="dialog" aria-labelledby="photoModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title" id="photoModalLabel">Foto Immobile</h5>
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||||
|
<span aria-hidden="true">×</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body text-center">
|
||||||
|
<img id="modalPhoto" src="" class="img-fluid rounded" alt="Immagine immobile">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
$(".open-photo").on("click", function() {
|
||||||
|
let imgSrc = $(this).attr("data-src");
|
||||||
|
$("#modalPhoto").attr("src", imgSrc);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
343
public/userportal/indexold.php
Normal file
343
public/userportal/indexold.php
Normal file
@ -0,0 +1,343 @@
|
|||||||
|
<?php include('include/headscript.php'); ?>
|
||||||
|
<?php
|
||||||
|
// Connessione al database e avvio sessione
|
||||||
|
$conn = new mysqli($servername, $username, $password, $database);
|
||||||
|
|
||||||
|
// Verifica connessione
|
||||||
|
if ($conn->connect_error) {
|
||||||
|
die("Errore di connessione: " . $conn->connect_error);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Recupera l'id utente loggato
|
||||||
|
$iduserlogin = $_SESSION['iduserlogin'];
|
||||||
|
|
||||||
|
// Calcolo del numero di immobili
|
||||||
|
$queryHomes = $conn->prepare("SELECT COUNT(*) AS total_homes FROM home WHERE iduser = ?");
|
||||||
|
$queryHomes->bind_param('i', $iduserlogin);
|
||||||
|
$queryHomes->execute();
|
||||||
|
$resultHomes = $queryHomes->get_result();
|
||||||
|
$totalHomes = $resultHomes->fetch_assoc()['total_homes'];
|
||||||
|
|
||||||
|
// Calcolo del numero di persone
|
||||||
|
$queryOwners = $conn->prepare("SELECT COUNT(*) AS total_owners FROM property_owners WHERE user_id = ?");
|
||||||
|
$queryOwners->bind_param('i', $iduserlogin);
|
||||||
|
$queryOwners->execute();
|
||||||
|
$resultOwners = $queryOwners->get_result();
|
||||||
|
$totalOwners = $resultOwners->fetch_assoc()['total_owners'];
|
||||||
|
|
||||||
|
// Numero di documenti (placeholder per ora)
|
||||||
|
// Calcolo del numero di documenti
|
||||||
|
$queryDocuments = $conn->prepare("
|
||||||
|
SELECT COUNT(*) AS total_documents
|
||||||
|
FROM doc_storage
|
||||||
|
LEFT JOIN home ON doc_storage.idhome = home.idhome
|
||||||
|
WHERE home.iduser = ?
|
||||||
|
");
|
||||||
|
$queryDocuments->bind_param('i', $iduserlogin);
|
||||||
|
$queryDocuments->execute();
|
||||||
|
$resultDocuments = $queryDocuments->get_result();
|
||||||
|
$totalDocuments = $resultDocuments->fetch_assoc()['total_documents'];
|
||||||
|
?>
|
||||||
|
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
||||||
|
<?php include('include/seo.php'); ?>
|
||||||
|
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
|
||||||
|
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
||||||
|
|
||||||
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
||||||
|
<link href="assets/css/icons.css" rel="stylesheet" type="text/css">
|
||||||
|
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
|
||||||
|
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css">
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
/* Visualizza il pulsante mobile anche su desktop */
|
||||||
|
.button-menu-mobile {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Nascondi il quadrato rosso con la X su desktop */
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.button-menu-mobile {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-menu-mobile i.ion-close {
|
||||||
|
display: none;
|
||||||
|
/* Nasconde la X rossa */
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-menu-mobile i.mdi-menu {
|
||||||
|
display: inline-block;
|
||||||
|
/* Mostra sempre le tre righe orizzontali */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stile per mobile: Mantieni il comportamento originale */
|
||||||
|
@media (max-width: 991.98px) {
|
||||||
|
.button-menu-mobile {
|
||||||
|
background-color: #ff5e5e;
|
||||||
|
/* Questo è il colore rosso originale */
|
||||||
|
border-radius: 50%;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-menu-mobile i.ion-close {
|
||||||
|
display: inline-block;
|
||||||
|
/* Mostra la X rossa */
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-menu-mobile i.mdi-menu {
|
||||||
|
display: none;
|
||||||
|
/* Nasconde le tre righe quando la barra è aperta */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stili per colori professionali */
|
||||||
|
.btn-main {
|
||||||
|
background-color: rgb(96, 93, 175);
|
||||||
|
/* Blu professionale */
|
||||||
|
color: #fff;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-main:hover {
|
||||||
|
background-color: #364fc7;
|
||||||
|
/* Blu più scuro al passaggio */
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background-color: rgb(21, 190, 86);
|
||||||
|
/* Grigio tenue */
|
||||||
|
color: #212529;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background-color: #868e96;
|
||||||
|
/* Grigio più scuro al passaggio */
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-info-light {
|
||||||
|
background-color: #ffd43b;
|
||||||
|
/* Giallo professionale */
|
||||||
|
color: #212529;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-info-light:hover {
|
||||||
|
background-color: #fcc419;
|
||||||
|
/* Giallo più intenso al passaggio */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Uniformità altezza */
|
||||||
|
.equal-height {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.equal-height .flex-fill {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<body class="fixed-left">
|
||||||
|
|
||||||
|
<!-- Loader -->
|
||||||
|
<div id="preloader">
|
||||||
|
<div id="status">
|
||||||
|
<div class="spinner"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Begin page -->
|
||||||
|
<div id="wrapper">
|
||||||
|
|
||||||
|
<?php include('include/navigationbar.php'); ?>
|
||||||
|
|
||||||
|
<!-- Start right Content here -->
|
||||||
|
|
||||||
|
<div class="content-page">
|
||||||
|
<!-- Start content -->
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<?php include('include/topbar.php'); ?>
|
||||||
|
|
||||||
|
<div class="page-content-wrapper ">
|
||||||
|
|
||||||
|
<div class="container-fluid">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="page-title-box">
|
||||||
|
<div class="btn-group float-right">
|
||||||
|
<ol class="breadcrumb hide-phone p-0 m-0">
|
||||||
|
<li class="breadcrumb-item"><a href="#">CasaDoc</a></li>
|
||||||
|
<li class="breadcrumb-item active">Dashboard</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
<h4 class="page-title">Dashboard</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end page title end breadcrumb -->
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<div class="row">
|
||||||
|
<!-- Statistica: Numero di immobili -->
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="card shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="icon-contain">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-2 align-self-center">
|
||||||
|
<i class="mdi mdi-home-outline" style="font-size: 2.5rem; color: #85c1e9;"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10 text-right">
|
||||||
|
<h5 class="mt-0 mb-1"><?php echo $totalHomes; ?></h5>
|
||||||
|
<p class="mb-0 font-14" style="color: #5d6d7e;">Immobili inseriti</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Statistica: Numero di persone -->
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="card shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="icon-contain">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-2 align-self-center">
|
||||||
|
<i class="mdi mdi-account-outline" style="font-size: 2.5rem; color: #82e0aa;"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10 text-right">
|
||||||
|
<h5 class="mt-0 mb-1"><?php echo $totalOwners; ?></h5>
|
||||||
|
<p class="mb-0 font-14" style="color: #5d6d7e;">Proprietari registrati</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Statistica: Numero di documenti -->
|
||||||
|
<!-- Statistica: Numero di documenti -->
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<div class="card shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="icon-contain">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-2 align-self-center">
|
||||||
|
<i class="mdi mdi-file-outline" style="font-size: 2.5rem; color: #f8c471;"></i>
|
||||||
|
</div>
|
||||||
|
<div class="col-10 text-right">
|
||||||
|
<h5 class="mt-0 mb-1"><?php echo $totalDocuments; ?></h5>
|
||||||
|
<p class="mb-0 font-14" style="color: #5d6d7e;">Documenti caricati</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row text-center">
|
||||||
|
<!-- Pulsante principale - I miei immobili -->
|
||||||
|
<div class="col-lg-8 col-md-12 mb-4 d-flex">
|
||||||
|
<a href="homes-list.php"
|
||||||
|
class="btn btn-main d-flex flex-column justify-content-center align-items-center py-5 shadow rounded-lg w-100">
|
||||||
|
<i class="mdi mdi-home-outline" style="font-size: 4rem;"></i>
|
||||||
|
<span class="mt-2 fw-bold" style="font-size: 1.75rem;">I miei immobili</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- Contenitore per i due pulsanti secondari -->
|
||||||
|
<div class="col-lg-4 col-md-12 d-flex flex-column">
|
||||||
|
<div class="row flex-grow-1">
|
||||||
|
<!-- Pulsante Persone/Società -->
|
||||||
|
<div class="col-12 mb-3 d-flex">
|
||||||
|
<a href="person-list.php"
|
||||||
|
class="btn btn-secondary d-flex flex-column justify-content-center align-items-center py-4 shadow rounded-lg w-100">
|
||||||
|
<i class="mdi mdi-account-outline" style="font-size: 2.5rem;"></i>
|
||||||
|
<span class="mt-2 fw-bold" style="font-size: 1.25rem;">Persone/Società</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- Pulsante Immobili Condivisi con me -->
|
||||||
|
<div class="col-12 d-flex">
|
||||||
|
<a href="shared-homes.php"
|
||||||
|
class="btn btn-info-light d-flex flex-column justify-content-center align-items-center py-4 shadow rounded-lg w-100">
|
||||||
|
<i class="mdi mdi-share-outline" style="font-size: 2.5rem;"></i>
|
||||||
|
<span class="mt-2 fw-bold" style="font-size: 1.25rem;">Immobili Condivisi con me</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- end row -->
|
||||||
|
|
||||||
|
</div><!-- container -->
|
||||||
|
|
||||||
|
</div> <!-- Page content Wrapper -->
|
||||||
|
|
||||||
|
</div> <!-- content -->
|
||||||
|
|
||||||
|
<?php include('include/footer.php'); ?>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- End Right content here -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- END wrapper -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="assets/js/jquery.min.js"></script>
|
||||||
|
<script src="assets/js/popper.min.js"></script>
|
||||||
|
<script src="assets/js/bootstrap.min.js"></script>
|
||||||
|
<script src="assets/js/modernizr.min.js"></script>
|
||||||
|
<script src="assets/js/detect.js"></script>
|
||||||
|
<script src="assets/js/fastclick.js"></script>
|
||||||
|
<script src="assets/js/jquery.slimscroll.js"></script>
|
||||||
|
<script src="assets/js/jquery.blockUI.js"></script>
|
||||||
|
<script src="assets/js/waves.js"></script>
|
||||||
|
<script src="assets/js/jquery.nicescroll.js"></script>
|
||||||
|
<script src="assets/js/jquery.scrollTo.min.js"></script>
|
||||||
|
|
||||||
|
<script src="assets/plugins/chart.js/chart.min.js"></script>
|
||||||
|
<script src="assets/pages/dashboard.js"></script>
|
||||||
|
|
||||||
|
<!-- App js -->
|
||||||
|
<script src="assets/js/app.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user