591 lines
23 KiB
PHP
591 lines
23 KiB
PHP
<?php include('include/headscript.php'); ?>
|
|
<!doctype html>
|
|
<html lang="it">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="assets/images/favicon-32x32.png" type="image/png" />
|
|
<?php include('cssinclude.php'); ?>
|
|
<title>Dashboard Produzione - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
|
|
|
|
<!-- Bootstrap + jQuery -->
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
|
|
<style>
|
|
body {
|
|
background: linear-gradient(135deg, #f3f6f8, #e8eef3);
|
|
font-family: 'Segoe UI', sans-serif;
|
|
color: #2b3e50;
|
|
}
|
|
|
|
.page-content {
|
|
padding: 1.4rem 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
h3.dashboard-title {
|
|
text-align: center;
|
|
font-weight: 800;
|
|
color: #2b3e50;
|
|
margin-bottom: 1.2rem;
|
|
letter-spacing: 0.3px;
|
|
}
|
|
|
|
/* ===== STATISTICHE ===== */
|
|
.stats-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
gap: 14px;
|
|
margin-bottom: 16px;
|
|
width: 100%;
|
|
max-width: 980px;
|
|
}
|
|
|
|
.stat-card {
|
|
flex: 1 1 240px;
|
|
background: #fff;
|
|
border-radius: 16px;
|
|
padding: 18px 20px;
|
|
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.08);
|
|
text-align: center;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.stat-card:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.13);
|
|
}
|
|
|
|
.stat-value {
|
|
font-size: 1.8rem;
|
|
font-weight: 800;
|
|
color: #2b3e50;
|
|
line-height: 1.15;
|
|
}
|
|
|
|
.stat-label {
|
|
font-size: 0.98rem;
|
|
font-weight: 600;
|
|
color: #6b7a89;
|
|
}
|
|
|
|
.stat-prod {
|
|
background: linear-gradient(135deg, #cde5ff, #dff0ff);
|
|
}
|
|
|
|
.stat-mese {
|
|
background: linear-gradient(135deg, #d2f7d9, #e7ffea);
|
|
}
|
|
|
|
.stat-scarti {
|
|
background: linear-gradient(135deg, #ffe7cc, #fff3df);
|
|
}
|
|
|
|
/* ===== SEZIONI COLLASSABILI ===== */
|
|
.sections-wrap {
|
|
width: 100%;
|
|
max-width: 980px;
|
|
}
|
|
|
|
.section-card {
|
|
background: #fff;
|
|
border-radius: 16px;
|
|
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.08);
|
|
margin-bottom: 14px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.section-header {
|
|
width: 100%;
|
|
border: 0;
|
|
background: transparent;
|
|
padding: 14px 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
text-align: left;
|
|
}
|
|
|
|
.section-left {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
min-width: 0;
|
|
}
|
|
|
|
.section-icon {
|
|
font-size: 1.6rem;
|
|
line-height: 1;
|
|
}
|
|
|
|
.section-title {
|
|
font-weight: 800;
|
|
font-size: 1.05rem;
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.section-subtitle {
|
|
font-size: 0.9rem;
|
|
color: #6b7a89;
|
|
margin: 0;
|
|
}
|
|
|
|
.chev {
|
|
font-size: 1.25rem;
|
|
transition: transform 0.18s ease;
|
|
}
|
|
|
|
.section-header[aria-expanded="true"] .chev {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.section-body {
|
|
padding: 14px 16px 16px 16px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
/* ===== BOTTONI ===== */
|
|
.dashboard-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(200px, 1fr));
|
|
gap: 14px 16px;
|
|
width: 100%;
|
|
}
|
|
|
|
.dash-btn {
|
|
width: 100%;
|
|
border: none;
|
|
border-radius: 16px;
|
|
padding: 16px 10px;
|
|
color: #2b3e50;
|
|
font-size: 1.15rem;
|
|
font-weight: 700;
|
|
background: #fff;
|
|
transition: all 0.2s ease;
|
|
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.08);
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 108px;
|
|
}
|
|
|
|
.dash-btn:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.13);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dash-icon {
|
|
font-size: 2.6rem;
|
|
margin-bottom: 6px;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* Pastel colors */
|
|
.btn-programmazione {
|
|
background: linear-gradient(135deg, #7c7afaff, #7c7afaff);
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-status {
|
|
background: linear-gradient(135deg, #61ce5dff, #61ce5dff);
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-scadenziario {
|
|
background: linear-gradient(135deg, #ffb86b, #ffd59a);
|
|
color: #2b3e50;
|
|
}
|
|
|
|
.btn-statistiche {
|
|
background: linear-gradient(135deg, #ffe0a3ff, #fff1c1ff);
|
|
}
|
|
|
|
.btn-manager {
|
|
background: linear-gradient(135deg, #cde5ff, #dff0ff);
|
|
}
|
|
|
|
.btn-manager-stats {
|
|
background: linear-gradient(135deg, #d2f7d9, #e7ffea);
|
|
}
|
|
|
|
.btn-magazzino {
|
|
background: linear-gradient(135deg, #b9e3ffff, #d7f1ffff);
|
|
}
|
|
|
|
.btn-mescole {
|
|
background: linear-gradient(135deg, #ffc853ff, #fdd98bff);
|
|
}
|
|
|
|
.btn-matrici {
|
|
background: linear-gradient(135deg, #ff8585ff, #ff9d9dff);
|
|
}
|
|
|
|
.btn-linee {
|
|
background: linear-gradient(135deg, #b9e3ffff, #d7f1ffff);
|
|
}
|
|
|
|
.btn-problem {
|
|
background-color: #ef4444 !important;
|
|
color: #ffffff !important;
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.btn-problem:hover {
|
|
background-color: #dc2626 !important;
|
|
}
|
|
|
|
.btn-tools {
|
|
background: linear-gradient(135deg, #9f7aea, #b794f4);
|
|
color: #fff;
|
|
}
|
|
|
|
.btn-employees {
|
|
background: linear-gradient(135deg, #a5b4fc, #c7d2fe);
|
|
}
|
|
|
|
.btn-departments {
|
|
background: linear-gradient(135deg, #bfdbfe, #dbeafe);
|
|
color: #1f2d3d;
|
|
}
|
|
|
|
.btn-departments:hover {
|
|
background: linear-gradient(135deg, #93c5fd, #bfdbfe);
|
|
}
|
|
|
|
.btn-setup {
|
|
background: linear-gradient(135deg, #e5e7eb, #f3f4f6);
|
|
}
|
|
|
|
/* Tablet/mobile */
|
|
@media (max-width: 992px) {
|
|
.dashboard-grid {
|
|
grid-template-columns: repeat(2, minmax(180px, 1fr));
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.stats-row {
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.dashboard-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.dash-btn {
|
|
font-size: 1.12rem;
|
|
min-height: 98px;
|
|
}
|
|
|
|
.dash-icon {
|
|
font-size: 2.4rem;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrapper" id="appWrapper">
|
|
<?php include('include/navbar.php'); ?>
|
|
<?php include('include/topbar.php'); ?>
|
|
|
|
<div class="page-wrapper">
|
|
<div class="page-content">
|
|
|
|
<?php $pdo = DBHandlerSelect::getInstance()->getConnection(); ?>
|
|
<style>
|
|
.my-deadlines-widgets {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.75rem;
|
|
margin-bottom: 1rem;
|
|
width: 100%;
|
|
}
|
|
.my-deadlines-widgets:empty { display: none; }
|
|
/* Each widget wraps itself in .my-deadlines-widgets; collapse the nested
|
|
wrapper so all cards flow into the outer flex (single row). */
|
|
.my-deadlines-widgets .my-deadlines-widgets {
|
|
display: contents;
|
|
}
|
|
.my-deadlines-widgets .mdw {
|
|
flex: 1 1 0;
|
|
min-width: 0;
|
|
display: flex; align-items: center; gap: 0.75rem;
|
|
padding: 0.8rem 0.9rem;
|
|
border-radius: 0.6rem;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
|
|
transition: transform 0.15s, box-shadow 0.15s;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
.my-deadlines-widgets .mdw { flex: 1 1 calc(50% - 0.375rem); }
|
|
}
|
|
@media (max-width: 575.98px) {
|
|
.my-deadlines-widgets .mdw { flex: 1 1 100%; }
|
|
}
|
|
.my-deadlines-widgets .mdw:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); color: #fff; }
|
|
.my-deadlines-widgets .mdw-red { background: linear-gradient(135deg, #dc3545 0%, #b02a37 100%); }
|
|
.my-deadlines-widgets .mdw-orange { background: linear-gradient(135deg, #e8930c 0%, #c77a00 100%); }
|
|
.my-deadlines-widgets .mdw-gray { background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%); }
|
|
.my-deadlines-widgets .mdw-icon {
|
|
width: 38px; height: 38px; border-radius: 50%;
|
|
display: flex; align-items: center; justify-content: center;
|
|
background: rgba(255,255,255,0.22); font-size: 1.05rem; flex-shrink: 0;
|
|
}
|
|
.my-deadlines-widgets .mdw-body { flex: 1; line-height: 1.2; min-width: 0; }
|
|
.my-deadlines-widgets .mdw-count { font-size: 1.5rem; font-weight: 700; }
|
|
.my-deadlines-widgets .mdw-label {
|
|
font-size: 0.78rem; opacity: 0.95;
|
|
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
|
}
|
|
.my-deadlines-widgets .mdw-arrow { opacity: 0.7; font-size: 0.85rem; flex-shrink: 0; }
|
|
</style>
|
|
<div class="my-deadlines-widgets">
|
|
<?php include(__DIR__ . '/scadenzario/include/my_deadlines_widget.php'); ?>
|
|
<?php include(__DIR__ . '/include/training_widget.php'); ?>
|
|
</div>
|
|
|
|
<h3 class="dashboard-title">Dashboard Produzione</h3>
|
|
|
|
<!-- ===== STATISTICHE PRINCIPALI ===== -->
|
|
<div class="stats-row">
|
|
<?php
|
|
$db = DBHandlerSelect::getInstance();
|
|
$pdo = $db->getConnection();
|
|
|
|
$stmt = $pdo->query("SELECT SUM(kgprod) AS totale_oggi FROM productiondata WHERE DATE(Data) = CURDATE()");
|
|
$totOggi = number_format($stmt->fetchColumn() ?? 0, 2, ',', '.');
|
|
|
|
$stmt = $pdo->query("SELECT SUM(kgprod) AS totale_mese FROM productiondata WHERE MONTH(Data) = MONTH(CURDATE()) AND YEAR(Data) = YEAR(CURDATE())");
|
|
$totMese = number_format($stmt->fetchColumn() ?? 0, 2, ',', '.');
|
|
|
|
$stmt = $pdo->query("SELECT (SUM(scarto)/NULLIF(SUM(kgprod),0))*100 AS perc_scarto FROM productiondata WHERE MONTH(Data) = MONTH(CURDATE()) AND YEAR(Data) = YEAR(CURDATE())");
|
|
$percScarto = number_format($stmt->fetchColumn() ?? 0, 2, ',', '.');
|
|
?>
|
|
|
|
<div class="stat-card stat-prod">
|
|
<div class="stat-value"><?= $totOggi ?> kg</div>
|
|
<div class="stat-label">Produzione odierna</div>
|
|
</div>
|
|
|
|
<div class="stat-card stat-mese">
|
|
<div class="stat-value"><?= $totMese ?> kg</div>
|
|
<div class="stat-label">Produzione mese corrente</div>
|
|
</div>
|
|
|
|
<div class="stat-card stat-scarti">
|
|
<div class="stat-value"><?= $percScarto ?>%</div>
|
|
<div class="stat-label">Scarto medio mensile</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ===== SEZIONI COLLASSABILI ===== -->
|
|
<div class="sections-wrap" id="prodAccordion">
|
|
|
|
<!-- OPERATIVO -->
|
|
<div class="section-card">
|
|
<button type="button" class="section-header" data-bs-toggle="collapse" data-bs-target="#secOperativo" aria-expanded="true" aria-controls="secOperativo">
|
|
<div class="section-left">
|
|
<div class="section-icon">🚀</div>
|
|
<div style="min-width:0;">
|
|
<p class="section-title">Operativo</p>
|
|
<p class="section-subtitle">Azioni principali di produzione e attività in scadenza</p>
|
|
</div>
|
|
</div>
|
|
<div class="chev">⌄</div>
|
|
</button>
|
|
|
|
<div id="secOperativo" class="collapse show" data-bs-parent="#prodAccordion">
|
|
<div class="section-body">
|
|
<div class="dashboard-grid">
|
|
<button class="dash-btn btn-programmazione" onclick="location.href='produzione_programmazione_drag.php'">
|
|
<div class="dash-icon">🗓️</div>
|
|
<div>Programmazione</div>
|
|
</button>
|
|
|
|
|
|
|
|
<button class="dash-btn btn-status" onclick="location.href='production_line_view2.php'">
|
|
<div class="dash-icon">⚙️</div>
|
|
<div>Line View</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-statistiche" onclick="location.href='production_stats.php'">
|
|
<div class="dash-icon">📈</div>
|
|
<div>Statistiche</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-manager" onclick="location.href='manager_produzione.php'">
|
|
<div class="dash-icon">👔</div>
|
|
<div>Manager</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-manager-stats" onclick="location.href='manager_stats.php'">
|
|
<div class="dash-icon">📊</div>
|
|
<div>Manager Stats</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-magazzino" onclick="location.href='warehouse_dashboard.php'">
|
|
<div class="dash-icon">📦</div>
|
|
<div>Magazzino</div>
|
|
|
|
</button>
|
|
<button class="dash-btn btn-scadenziario" onclick="location.href='scadenzario/index.php'">
|
|
<div class="dash-icon">⏰</div>
|
|
<div>Scadenziario</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ANAGRAFICHE -->
|
|
<div class="section-card">
|
|
<button type="button" class="section-header" data-bs-toggle="collapse" data-bs-target="#secAnagrafiche" aria-expanded="false" aria-controls="secAnagrafiche">
|
|
<div class="section-left">
|
|
<div class="section-icon">🗂️</div>
|
|
<div style="min-width:0;">
|
|
<p class="section-title">Anagrafiche</p>
|
|
<p class="section-subtitle">Dati di base e setup di produzione</p>
|
|
</div>
|
|
</div>
|
|
<div class="chev">⌄</div>
|
|
</button>
|
|
<div id="secAnagrafiche" class="collapse" data-bs-parent="#prodAccordion">
|
|
<div class="section-body">
|
|
<div class="dashboard-grid">
|
|
<button class="dash-btn btn-mescole" onclick="location.href='mescole.php'">
|
|
<div class="dash-icon">⚗️</div>
|
|
<div>Mescole</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-matrici" onclick="location.href='matrici.php'">
|
|
<div class="dash-icon">🧩</div>
|
|
<div>Elenco Profili</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-linee" onclick="location.href='linee.php'">
|
|
<div class="dash-icon">🏭</div>
|
|
<div>Linee Produzione</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-setup" onclick="location.href='packaging_items.php'">
|
|
<div class="dash-icon">📦</div>
|
|
<div>Imballaggi</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-setup" onclick="location.href='suppliers.php'">
|
|
<div class="dash-icon">🏷️</div>
|
|
<div>Suppliers</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-setup" onclick="location.href='lookup_values.php'">
|
|
<div class="dash-icon">⚙️</div>
|
|
<div>Setup</div>
|
|
</button>
|
|
<button class="dash-btn btn-setup" onclick="location.href='worksheets.php'">
|
|
<div class="dash-icon">🗒️</div>
|
|
<div>Fogli di lavoro</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- QUALITÀ / SERVIZI -->
|
|
<div class="section-card">
|
|
<button type="button" class="section-header" data-bs-toggle="collapse" data-bs-target="#secServizi" aria-expanded="false" aria-controls="secServizi">
|
|
<div class="section-left">
|
|
<div class="section-icon">🧰</div>
|
|
<div style="min-width:0;">
|
|
<p class="section-title">Servizi</p>
|
|
<p class="section-subtitle">Status, cause pausa, attrezzature</p>
|
|
</div>
|
|
</div>
|
|
<div class="chev">⌄</div>
|
|
</button>
|
|
|
|
<div id="secServizi" class="collapse" data-bs-parent="#prodAccordion">
|
|
<div class="section-body">
|
|
<div class="dashboard-grid">
|
|
<button class="dash-btn btn-setup" onclick="location.href='production_status.php'">
|
|
<div class="dash-icon">📋</div>
|
|
<div>Status</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-problem" onclick="location.href='production_pause_reasons.php'">
|
|
<div class="dash-icon">🛑</div>
|
|
<div>Cause di Pausa</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-tools" onclick="location.href='production_tools.php'">
|
|
<div class="dash-icon">🛠️</div>
|
|
<div>Attrezzature</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- PERSONALE -->
|
|
<div class="section-card">
|
|
<button type="button" class="section-header" data-bs-toggle="collapse" data-bs-target="#secPersonale" aria-expanded="false" aria-controls="secPersonale">
|
|
<div class="section-left">
|
|
<div class="section-icon">👥</div>
|
|
<div style="min-width:0;">
|
|
<p class="section-title">Personale</p>
|
|
<p class="section-subtitle">Dipendenti, skill</p>
|
|
</div>
|
|
</div>
|
|
<div class="chev">⌄</div>
|
|
</button>
|
|
|
|
<div id="secPersonale" class="collapse" data-bs-parent="#prodAccordion">
|
|
<div class="section-body">
|
|
<div class="dashboard-grid">
|
|
|
|
<button class="dash-btn btn-employees" onclick="location.href='employees.php'">
|
|
<div class="dash-icon">👥</div>
|
|
<div>Employees</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-departments" onclick="location.href='departments.php'">
|
|
<div class="dash-icon">🏢</div>
|
|
<div>Departments</div>
|
|
</button>
|
|
|
|
<button class="dash-btn btn-setup" onclick="location.href='skills.php'">
|
|
<div class="dash-icon">🧠</div>
|
|
<div>Skills</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div> <!-- /sections-wrap -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<?php include('jsinclude.php'); ?>
|
|
<?php include('include/footer.php'); ?>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|