added departments
This commit is contained in:
parent
1946648b1b
commit
5728afa788
799
public/userarea/departments.php
Normal file
799
public/userarea/departments.php
Normal file
@ -0,0 +1,799 @@
|
||||
<?php
|
||||
ini_set('display_errors', 1);
|
||||
error_reporting(E_ALL);
|
||||
|
||||
include('include/headscript.php');
|
||||
|
||||
$db = DBHandlerSelect::getInstance();
|
||||
$pdo = $db->getConnection();
|
||||
|
||||
/* ==========================================
|
||||
AJAX HANDLERS
|
||||
========================================== */
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['ajax']) && $_POST['ajax'] == '1') {
|
||||
header('Content-Type: application/json');
|
||||
|
||||
$action = $_POST['action'] ?? '';
|
||||
|
||||
try {
|
||||
if ($action === 'add') {
|
||||
$name = trim($_POST['name'] ?? '');
|
||||
$code = trim($_POST['code'] ?? '');
|
||||
$description = trim($_POST['description'] ?? '');
|
||||
$color = trim($_POST['color'] ?? '#6c757d');
|
||||
$sort_order = isset($_POST['sort_order']) && $_POST['sort_order'] !== '' ? (int)$_POST['sort_order'] : 999;
|
||||
$is_active = isset($_POST['is_active']) ? (int)$_POST['is_active'] : 1;
|
||||
|
||||
if ($name === '') {
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => 'Department name is required.'
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
|
||||
if ($code === '') {
|
||||
$code = strtoupper(str_replace(' ', '_', $name));
|
||||
$code = preg_replace('/[^A-Z0-9_]/', '', $code);
|
||||
} else {
|
||||
$code = strtoupper($code);
|
||||
$code = preg_replace('/[^A-Z0-9_]/', '', $code);
|
||||
}
|
||||
|
||||
if (!preg_match('/^#[0-9A-Fa-f]{6}$/', $color)) {
|
||||
$color = '#6c757d';
|
||||
}
|
||||
|
||||
$is_active = $is_active === 1 ? 1 : 0;
|
||||
|
||||
$check = $pdo->prepare("
|
||||
SELECT COUNT(*)
|
||||
FROM departments
|
||||
WHERE name = :name OR code = :code
|
||||
");
|
||||
$check->execute([
|
||||
'name' => $name,
|
||||
'code' => $code
|
||||
]);
|
||||
|
||||
if ((int)$check->fetchColumn() > 0) {
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => 'A department with the same name or code already exists.'
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
|
||||
$sql = "INSERT INTO departments
|
||||
(name, code, description, color, sort_order, is_active, created_at, updated_at)
|
||||
VALUES
|
||||
(:name, :code, :description, :color, :sort_order, :is_active, NOW(), NOW())";
|
||||
|
||||
$stmt = $pdo->prepare($sql);
|
||||
$stmt->execute([
|
||||
'name' => $name,
|
||||
'code' => $code !== '' ? $code : null,
|
||||
'description' => $description !== '' ? $description : null,
|
||||
'color' => $color,
|
||||
'sort_order' => $sort_order,
|
||||
'is_active' => $is_active
|
||||
]);
|
||||
|
||||
echo json_encode(['success' => true]);
|
||||
exit;
|
||||
}
|
||||
|
||||
if ($action === 'edit') {
|
||||
$id = (int)($_POST['id'] ?? 0);
|
||||
$name = trim($_POST['name'] ?? '');
|
||||
$code = trim($_POST['code'] ?? '');
|
||||
$description = trim($_POST['description'] ?? '');
|
||||
$color = trim($_POST['color'] ?? '#6c757d');
|
||||
$sort_order = isset($_POST['sort_order']) && $_POST['sort_order'] !== '' ? (int)$_POST['sort_order'] : 999;
|
||||
$is_active = isset($_POST['is_active']) ? (int)$_POST['is_active'] : 1;
|
||||
|
||||
if ($id <= 0) {
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => 'Invalid department ID.'
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
|
||||
if ($name === '') {
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => 'Department name is required.'
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
|
||||
if ($code === '') {
|
||||
$code = strtoupper(str_replace(' ', '_', $name));
|
||||
$code = preg_replace('/[^A-Z0-9_]/', '', $code);
|
||||
} else {
|
||||
$code = strtoupper($code);
|
||||
$code = preg_replace('/[^A-Z0-9_]/', '', $code);
|
||||
}
|
||||
|
||||
if (!preg_match('/^#[0-9A-Fa-f]{6}$/', $color)) {
|
||||
$color = '#6c757d';
|
||||
}
|
||||
|
||||
$is_active = $is_active === 1 ? 1 : 0;
|
||||
|
||||
$check = $pdo->prepare("
|
||||
SELECT COUNT(*)
|
||||
FROM departments
|
||||
WHERE (name = :name OR code = :code)
|
||||
AND id <> :id
|
||||
");
|
||||
$check->execute([
|
||||
'name' => $name,
|
||||
'code' => $code,
|
||||
'id' => $id
|
||||
]);
|
||||
|
||||
if ((int)$check->fetchColumn() > 0) {
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => 'Another department with the same name or code already exists.'
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
|
||||
$sql = "UPDATE departments
|
||||
SET name = :name,
|
||||
code = :code,
|
||||
description = :description,
|
||||
color = :color,
|
||||
sort_order = :sort_order,
|
||||
is_active = :is_active,
|
||||
updated_at = NOW()
|
||||
WHERE id = :id";
|
||||
|
||||
$stmt = $pdo->prepare($sql);
|
||||
$stmt->execute([
|
||||
'name' => $name,
|
||||
'code' => $code !== '' ? $code : null,
|
||||
'description' => $description !== '' ? $description : null,
|
||||
'color' => $color,
|
||||
'sort_order' => $sort_order,
|
||||
'is_active' => $is_active,
|
||||
'id' => $id
|
||||
]);
|
||||
|
||||
echo json_encode(['success' => true]);
|
||||
exit;
|
||||
}
|
||||
|
||||
if ($action === 'delete') {
|
||||
$id = (int)($_POST['id'] ?? 0);
|
||||
|
||||
if ($id <= 0) {
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => 'Invalid department ID.'
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
|
||||
/*
|
||||
* Future-proof check:
|
||||
* If later you add employees.department_id, this prevents deleting
|
||||
* a department already used by employees.
|
||||
*/
|
||||
$columnCheck = $pdo->prepare("
|
||||
SELECT COUNT(*)
|
||||
FROM INFORMATION_SCHEMA.COLUMNS
|
||||
WHERE TABLE_SCHEMA = DATABASE()
|
||||
AND TABLE_NAME = 'employees'
|
||||
AND COLUMN_NAME = 'department_id'
|
||||
");
|
||||
$columnCheck->execute();
|
||||
$hasDepartmentId = (int)$columnCheck->fetchColumn() > 0;
|
||||
|
||||
if ($hasDepartmentId) {
|
||||
$usageCheck = $pdo->prepare("
|
||||
SELECT COUNT(*)
|
||||
FROM employees
|
||||
WHERE department_id = :id
|
||||
");
|
||||
$usageCheck->execute(['id' => $id]);
|
||||
|
||||
if ((int)$usageCheck->fetchColumn() > 0) {
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => 'This department is linked to one or more employees and cannot be deleted.'
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
}
|
||||
|
||||
$stmt = $pdo->prepare("DELETE FROM departments WHERE id = :id");
|
||||
$stmt->execute(['id' => $id]);
|
||||
|
||||
echo json_encode(['success' => true]);
|
||||
exit;
|
||||
}
|
||||
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => 'Unknown action.'
|
||||
]);
|
||||
exit;
|
||||
} catch (Exception $e) {
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'message' => $e->getMessage()
|
||||
]);
|
||||
exit;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================
|
||||
PAGE DATA
|
||||
========================================== */
|
||||
|
||||
$sql = "
|
||||
SELECT *
|
||||
FROM departments
|
||||
ORDER BY sort_order ASC, name ASC
|
||||
";
|
||||
$stmtDepartments = $pdo->query($sql);
|
||||
$departments = $stmtDepartments->fetchAll(PDO::FETCH_ASSOC);
|
||||
?>
|
||||
|
||||
<!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>Gestione Departments - <?= htmlspecialchars($titlewebsite, ENT_QUOTES, 'UTF-8'); ?></title>
|
||||
|
||||
<!-- jQuery and Bootstrap -->
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
|
||||
<!-- DataTables -->
|
||||
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
|
||||
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
|
||||
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
|
||||
|
||||
<style>
|
||||
body {
|
||||
font-size: 1.05rem;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.card {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.back-dashboard {
|
||||
background-color: #cfe3ff !important;
|
||||
color: #1f2d3d !important;
|
||||
border: 1px solid #bcd4f4 !important;
|
||||
border-radius: 10px;
|
||||
font-weight: 600;
|
||||
font-size: 1rem;
|
||||
padding: 10px 18px;
|
||||
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.back-dashboard:hover {
|
||||
background-color: #b9d3ff !important;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.btn-add {
|
||||
background-color: #0d6efd;
|
||||
color: #fff;
|
||||
border-radius: 8px;
|
||||
padding: 10px 20px;
|
||||
font-weight: 500;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.btn-add:hover {
|
||||
background-color: #0b5ed7;
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
.table thead {
|
||||
background-color: #cfe3ff;
|
||||
color: #1f2d3d;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
#tabellaDepartments thead th {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.badge-status {
|
||||
padding: 0.25rem 0.6rem;
|
||||
border-radius: 999px;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.badge-status.active {
|
||||
background-color: #d1fae5;
|
||||
color: #065f46;
|
||||
}
|
||||
|
||||
.badge-status.inactive {
|
||||
background-color: #e5e7eb;
|
||||
color: #374151;
|
||||
}
|
||||
|
||||
.department-color-dot {
|
||||
display: inline-block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 50%;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
vertical-align: middle;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.department-code {
|
||||
font-family: Consolas, Monaco, monospace;
|
||||
font-size: 0.9rem;
|
||||
background: #f1f5f9;
|
||||
padding: 4px 8px;
|
||||
border-radius: 8px;
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
.description-cell {
|
||||
max-width: 320px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper toggled">
|
||||
<?php include('include/navbar.php'); ?>
|
||||
<?php include('include/topbar.php'); ?>
|
||||
|
||||
<div class="page-wrapper">
|
||||
<div class="page-content">
|
||||
<div class="card p-3">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<h5 class="mb-0">Gestione Departments</h5>
|
||||
<button type="button" class="btn back-dashboard" onclick="location.href='production_dashboard.php'">
|
||||
↩️ Torna alla Dashboard
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<h6 class="fw-semibold mb-0">Elenco Reparti / Departments</h6>
|
||||
|
||||
<button class="btn btn-add" data-bs-toggle="modal" data-bs-target="#addDepartmentModal">
|
||||
➕ Aggiungi Department
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table id="tabellaDepartments" class="table table-striped align-middle text-center" style="width:100%;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Color</th>
|
||||
<th>Name</th>
|
||||
<th>Code</th>
|
||||
<th>Description</th>
|
||||
<th>Order</th>
|
||||
<th>Status</th>
|
||||
<th>Created</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<?php if (!empty($departments)): ?>
|
||||
<?php foreach ($departments as $row): ?>
|
||||
<?php
|
||||
$id = (int)$row['id'];
|
||||
$name = $row['name'] ?? '';
|
||||
$code = $row['code'] ?? '';
|
||||
$description = $row['description'] ?? '';
|
||||
$color = $row['color'] ?? '#6c757d';
|
||||
$sortOrder = (int)($row['sort_order'] ?? 999);
|
||||
$isActive = (int)($row['is_active'] ?? 1);
|
||||
|
||||
$statusClass = $isActive === 1 ? 'active' : 'inactive';
|
||||
$statusLabel = $isActive === 1 ? 'Active' : 'Inactive';
|
||||
|
||||
$createdAt = !empty($row['created_at'])
|
||||
? date('d/m/Y H:i', strtotime($row['created_at']))
|
||||
: '-';
|
||||
?>
|
||||
<tr>
|
||||
<td><?= $id ?></td>
|
||||
|
||||
<td>
|
||||
<span class="department-color-dot" style="background-color: <?= htmlspecialchars($color, ENT_QUOTES) ?>;"></span>
|
||||
<?= htmlspecialchars($color) ?>
|
||||
</td>
|
||||
|
||||
<td class="fw-semibold">
|
||||
<?= htmlspecialchars($name) ?>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<?php if ($code !== ''): ?>
|
||||
<span class="department-code"><?= htmlspecialchars($code) ?></span>
|
||||
<?php else: ?>
|
||||
-
|
||||
<?php endif; ?>
|
||||
</td>
|
||||
|
||||
<td class="description-cell" title="<?= htmlspecialchars($description, ENT_QUOTES) ?>">
|
||||
<?= $description !== '' ? htmlspecialchars($description) : '-' ?>
|
||||
</td>
|
||||
|
||||
<td><?= $sortOrder ?></td>
|
||||
|
||||
<td>
|
||||
<span class="badge-status <?= $statusClass ?>">
|
||||
<?= htmlspecialchars($statusLabel) ?>
|
||||
</span>
|
||||
</td>
|
||||
|
||||
<td><?= $createdAt ?></td>
|
||||
|
||||
<td>
|
||||
<button
|
||||
class="btn btn-sm btn-outline-secondary edit-department"
|
||||
data-id="<?= $id ?>"
|
||||
data-name="<?= htmlspecialchars($name, ENT_QUOTES) ?>"
|
||||
data-code="<?= htmlspecialchars($code, ENT_QUOTES) ?>"
|
||||
data-description="<?= htmlspecialchars($description, ENT_QUOTES) ?>"
|
||||
data-color="<?= htmlspecialchars($color, ENT_QUOTES) ?>"
|
||||
data-sort_order="<?= $sortOrder ?>"
|
||||
data-is_active="<?= $isActive ?>">
|
||||
✏️ Modifica
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="btn btn-sm btn-outline-danger delete-department"
|
||||
data-id="<?= $id ?>"
|
||||
data-name="<?= htmlspecialchars($name, ENT_QUOTES) ?>">
|
||||
🗑️ Cancella
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php include('include/footer.php'); ?>
|
||||
</div>
|
||||
|
||||
<!-- ADD DEPARTMENT MODAL -->
|
||||
<div class="modal fade" id="addDepartmentModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header" style="background-color:#cfe3ff;">
|
||||
<h5 class="modal-title">Aggiungi Department</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<form id="addDepartmentForm">
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-semibold">Name</label>
|
||||
<input type="text" class="form-control" id="addName" name="name" placeholder="e.g. Produzione" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-semibold">Code</label>
|
||||
<input type="text" class="form-control" id="addCode" name="code" placeholder="Optional, e.g. PRODUZIONE">
|
||||
<small class="text-muted">If empty, it will be generated automatically from the name.</small>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-semibold">Description</label>
|
||||
<textarea class="form-control" id="addDescription" name="description" rows="3" placeholder="Optional notes"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label fw-semibold">Color</label>
|
||||
<input type="color" class="form-control form-control-color" id="addColor" name="color" value="#6c757d">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label fw-semibold">Sort Order</label>
|
||||
<input type="number" class="form-control" id="addSortOrder" name="sort_order" value="999" min="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-semibold">Status</label>
|
||||
<select class="form-select" id="addIsActive" name="is_active">
|
||||
<option value="1" selected>Active</option>
|
||||
<option value="0">Inactive</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-add">💾 Save</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- EDIT DEPARTMENT MODAL -->
|
||||
<div class="modal fade" id="editDepartmentModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header" style="background-color:#cfe3ff;">
|
||||
<h5 class="modal-title">Modifica Department</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<form id="editDepartmentForm">
|
||||
<input type="hidden" id="editDepartmentId">
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-semibold">Name</label>
|
||||
<input type="text" class="form-control" id="editName" name="name" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-semibold">Code</label>
|
||||
<input type="text" class="form-control" id="editCode" name="code">
|
||||
<small class="text-muted">If empty, it will be generated automatically from the name.</small>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-semibold">Description</label>
|
||||
<textarea class="form-control" id="editDescription" name="description" rows="3"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label fw-semibold">Color</label>
|
||||
<input type="color" class="form-control form-control-color" id="editColor" name="color" value="#6c757d">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<label class="form-label fw-semibold">Sort Order</label>
|
||||
<input type="number" class="form-control" id="editSortOrder" name="sort_order" value="999" min="0">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label fw-semibold">Status</label>
|
||||
<select class="form-select" id="editIsActive" name="is_active">
|
||||
<option value="1">Active</option>
|
||||
<option value="0">Inactive</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-add">💾 Save Changes</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php include('jsinclude.php'); ?>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#tabellaDepartments').DataTable({
|
||||
order: [
|
||||
[5, 'asc'],
|
||||
[2, 'asc']
|
||||
],
|
||||
pageLength: 25,
|
||||
language: {
|
||||
url: 'https://cdn.datatables.net/plug-ins/1.13.6/i18n/it-IT.json',
|
||||
emptyTable: 'Nessun department presente'
|
||||
}
|
||||
});
|
||||
|
||||
/* -------- ADD DEPARTMENT -------- */
|
||||
$("#addDepartmentForm").on("submit", function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
const payload = new URLSearchParams();
|
||||
payload.append('ajax', '1');
|
||||
payload.append('action', 'add');
|
||||
payload.append('name', $("#addName").val().trim());
|
||||
payload.append('code', $("#addCode").val().trim());
|
||||
payload.append('description', $("#addDescription").val().trim());
|
||||
payload.append('color', $("#addColor").val());
|
||||
payload.append('sort_order', $("#addSortOrder").val());
|
||||
payload.append('is_active', $("#addIsActive").val());
|
||||
|
||||
fetch("", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/x-www-form-urlencoded"
|
||||
},
|
||||
body: payload.toString()
|
||||
})
|
||||
.then(r => r.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
Swal.fire({
|
||||
icon: "success",
|
||||
title: "Saved!",
|
||||
confirmButtonColor: "#3085d6"
|
||||
}).then(() => location.reload());
|
||||
} else {
|
||||
Swal.fire({
|
||||
icon: "error",
|
||||
title: "Error",
|
||||
text: data.message || "Unable to save department."
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
Swal.fire({
|
||||
icon: "error",
|
||||
title: "Error",
|
||||
text: "Communication error."
|
||||
});
|
||||
console.error(err);
|
||||
});
|
||||
});
|
||||
|
||||
/* -------- OPEN EDIT MODAL -------- */
|
||||
$(document).on("click", ".edit-department", function() {
|
||||
const btn = $(this);
|
||||
|
||||
$("#editDepartmentId").val(btn.data("id"));
|
||||
$("#editName").val(btn.data("name"));
|
||||
$("#editCode").val(btn.data("code"));
|
||||
$("#editDescription").val(btn.data("description"));
|
||||
$("#editColor").val(btn.data("color") || '#6c757d');
|
||||
$("#editSortOrder").val(btn.data("sort_order"));
|
||||
$("#editIsActive").val(String(btn.data("is_active")));
|
||||
|
||||
$("#editDepartmentModal").modal("show");
|
||||
});
|
||||
|
||||
/* -------- SAVE EDIT -------- */
|
||||
$("#editDepartmentForm").on("submit", function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
const payload = new URLSearchParams();
|
||||
payload.append('ajax', '1');
|
||||
payload.append('action', 'edit');
|
||||
payload.append('id', $("#editDepartmentId").val());
|
||||
payload.append('name', $("#editName").val().trim());
|
||||
payload.append('code', $("#editCode").val().trim());
|
||||
payload.append('description', $("#editDescription").val().trim());
|
||||
payload.append('color', $("#editColor").val());
|
||||
payload.append('sort_order', $("#editSortOrder").val());
|
||||
payload.append('is_active', $("#editIsActive").val());
|
||||
|
||||
fetch("", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/x-www-form-urlencoded"
|
||||
},
|
||||
body: payload.toString()
|
||||
})
|
||||
.then(r => r.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
Swal.fire({
|
||||
icon: "success",
|
||||
title: "Updated!",
|
||||
confirmButtonColor: "#3085d6"
|
||||
}).then(() => location.reload());
|
||||
} else {
|
||||
Swal.fire({
|
||||
icon: "error",
|
||||
title: "Error",
|
||||
text: data.message || "Unable to update department."
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
Swal.fire({
|
||||
icon: "error",
|
||||
title: "Error",
|
||||
text: "Communication error."
|
||||
});
|
||||
console.error(err);
|
||||
});
|
||||
});
|
||||
|
||||
/* -------- DELETE DEPARTMENT -------- */
|
||||
$(document).on("click", ".delete-department", function() {
|
||||
const id = $(this).data("id");
|
||||
const name = $(this).data("name");
|
||||
|
||||
Swal.fire({
|
||||
title: "Confermi la cancellazione?",
|
||||
text: name ? ("Department: " + name) : "This department will be deleted.",
|
||||
icon: "warning",
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: "#d33",
|
||||
cancelButtonColor: "#6c757d",
|
||||
confirmButtonText: "Sì, cancella",
|
||||
cancelButtonText: "Annulla"
|
||||
}).then((result) => {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
const payload = new URLSearchParams();
|
||||
payload.append('ajax', '1');
|
||||
payload.append('action', 'delete');
|
||||
payload.append('id', id);
|
||||
|
||||
fetch("", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/x-www-form-urlencoded"
|
||||
},
|
||||
body: payload.toString()
|
||||
})
|
||||
.then(r => r.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
Swal.fire({
|
||||
icon: "success",
|
||||
title: "Deleted!",
|
||||
confirmButtonColor: "#3085d6"
|
||||
}).then(() => location.reload());
|
||||
} else {
|
||||
Swal.fire({
|
||||
icon: "error",
|
||||
title: "Error",
|
||||
text: data.message || "Unable to delete department."
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
Swal.fire({
|
||||
icon: "error",
|
||||
title: "Error",
|
||||
text: "Communication error."
|
||||
});
|
||||
console.error(err);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -255,6 +255,15 @@
|
||||
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);
|
||||
}
|
||||
@ -297,8 +306,8 @@
|
||||
<div class="page-content">
|
||||
|
||||
<?php
|
||||
$pdo = DBHandlerSelect::getInstance()->getConnection();
|
||||
include(__DIR__ . '/scadenzario/include/my_deadlines_widget.php');
|
||||
$pdo = DBHandlerSelect::getInstance()->getConnection();
|
||||
include(__DIR__ . '/scadenzario/include/my_deadlines_widget.php');
|
||||
?>
|
||||
|
||||
<h3 class="dashboard-title">Dashboard Produzione</h3>
|
||||
@ -505,6 +514,11 @@
|
||||
<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>
|
||||
|
||||
@ -196,6 +196,61 @@ function getContrastTextColor($hexColor)
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
/* Quick filter buttons */
|
||||
.btn-quick-filter {
|
||||
border: none;
|
||||
font-weight: 700;
|
||||
font-size: 0.85rem;
|
||||
height: 38px;
|
||||
padding: 0 0.85rem;
|
||||
border-radius: 0.55rem;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.45rem;
|
||||
transition: all 0.2s ease;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.btn-quick-warning {
|
||||
background: #fff3cd;
|
||||
color: #8a5a00;
|
||||
border: 1px solid #ffd966;
|
||||
}
|
||||
|
||||
.btn-quick-warning:hover,
|
||||
.btn-quick-warning.active {
|
||||
background: #ffc107;
|
||||
color: #000;
|
||||
box-shadow: 0 4px 12px rgba(255, 193, 7, 0.35);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
.btn-quick-danger {
|
||||
background: #fde2e6;
|
||||
color: #b02a37;
|
||||
border: 1px solid #f5a3ad;
|
||||
}
|
||||
|
||||
.btn-quick-danger:hover,
|
||||
.btn-quick-danger.active {
|
||||
background: #dc3545;
|
||||
color: #fff;
|
||||
box-shadow: 0 4px 12px rgba(220, 53, 69, 0.35);
|
||||
transform: translateY(-1px);
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.btn-quick-filter span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn-quick-filter {
|
||||
width: 38px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Action buttons */
|
||||
.btn-action {
|
||||
width: 32px;
|
||||
@ -633,18 +688,31 @@ function getContrastTextColor($hexColor)
|
||||
|
||||
<!-- Filter Toolbar -->
|
||||
<div class="filter-toolbar mb-3">
|
||||
<div class="d-flex align-items-center gap-2">
|
||||
<div class="d-flex align-items-center gap-2 flex-wrap">
|
||||
<button type="button" class="btn btn-scad-outline d-inline-flex align-items-center gap-2 flex-shrink-0" data-bs-toggle="modal" data-bs-target="#filtersModal">
|
||||
<i class="fa-solid fa-filter"></i>
|
||||
<span>Filtri</span>
|
||||
<span id="filterCountBadge" class="badge bg-primary rounded-pill d-none" style="font-size:0.7rem">0</span>
|
||||
</button>
|
||||
|
||||
<button id="btnResetFilters" type="button" class="btn btn-light border d-inline-flex align-items-center justify-content-center gap-1 flex-shrink-0" title="Reset filtri" style="min-width:38px;height:38px">
|
||||
<i class="fa-solid fa-rotate-left"></i>
|
||||
<span class="d-none d-sm-inline">Reset</span>
|
||||
</button>
|
||||
|
||||
<button id="btnQuickApproaching" type="button" class="btn-quick-filter btn-quick-warning flex-shrink-0" title="Mostra scadenze in scadenza">
|
||||
<i class="fa-solid fa-triangle-exclamation"></i>
|
||||
<span>In scadenza</span>
|
||||
</button>
|
||||
|
||||
<button id="btnQuickOverdue" type="button" class="btn-quick-filter btn-quick-danger flex-shrink-0" title="Mostra scadenze scadute">
|
||||
<i class="fa-solid fa-circle-exclamation"></i>
|
||||
<span>Scadute</span>
|
||||
</button>
|
||||
|
||||
<span id="activeFiltersSummary" class="text-muted small text-truncate d-none d-md-inline"></span>
|
||||
</div>
|
||||
|
||||
<div id="activeFiltersSummaryMobile" class="text-muted small d-md-none mt-1" style="padding-left:0.25rem"></div>
|
||||
</div>
|
||||
|
||||
@ -1116,9 +1184,9 @@ function getContrastTextColor($hexColor)
|
||||
locale: 'it',
|
||||
allowInput: false,
|
||||
onChange: function() {
|
||||
if (table) table.draw();
|
||||
filterCards();
|
||||
if (typeof updateFilterBadge === 'function') updateFilterBadge();
|
||||
if (typeof applyFiltersRefresh === 'function') {
|
||||
applyFiltersRefresh();
|
||||
}
|
||||
}
|
||||
};
|
||||
var fpDue = flatpickr('#filterDueRange', fpOpts);
|
||||
@ -1313,10 +1381,22 @@ function getContrastTextColor($hexColor)
|
||||
}
|
||||
|
||||
$('#filterStatus, #filterDepartment, #filterEmployee, #filterSubject').on('change', function() {
|
||||
applyFiltersRefresh();
|
||||
});
|
||||
|
||||
function applyFiltersRefresh() {
|
||||
if (table) table.draw();
|
||||
filterCards();
|
||||
updateFilterBadge();
|
||||
});
|
||||
updateQuickFilterButtons();
|
||||
}
|
||||
|
||||
function updateQuickFilterButtons() {
|
||||
var statusVal = $('#filterStatus').val();
|
||||
|
||||
$('#btnQuickApproaching').toggleClass('active', statusVal === 'in-scadenza');
|
||||
$('#btnQuickOverdue').toggleClass('active', statusVal === 'scaduta');
|
||||
}
|
||||
|
||||
function resetFilters() {
|
||||
$('#filterStatus').val('non-completata');
|
||||
@ -1325,12 +1405,22 @@ function getContrastTextColor($hexColor)
|
||||
$('#filterSubject').val('');
|
||||
fpDue.clear();
|
||||
fpCheck.clear();
|
||||
if (table) table.draw();
|
||||
filterCards();
|
||||
updateFilterBadge();
|
||||
|
||||
applyFiltersRefresh();
|
||||
}
|
||||
|
||||
$('#btnResetFilters, #btnResetFiltersModal').on('click', resetFilters);
|
||||
|
||||
$('#btnQuickApproaching').on('click', function() {
|
||||
$('#filterStatus').val('in-scadenza');
|
||||
applyFiltersRefresh();
|
||||
});
|
||||
|
||||
$('#btnQuickOverdue').on('click', function() {
|
||||
$('#filterStatus').val('scaduta');
|
||||
applyFiltersRefresh();
|
||||
});
|
||||
|
||||
// Apply URL filters (e.g. from dashboard widgets)
|
||||
(function() {
|
||||
var qs = new URLSearchParams(window.location.search);
|
||||
@ -1339,9 +1429,7 @@ function getContrastTextColor($hexColor)
|
||||
})();
|
||||
|
||||
// Apply default filter on load
|
||||
if (table) table.draw();
|
||||
filterCards();
|
||||
updateFilterBadge();
|
||||
applyFiltersRefresh();
|
||||
|
||||
// --- Modal ---
|
||||
var modal = new bootstrap.Modal(document.getElementById('deadlineModal'));
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user