recreate project
This commit is contained in:
root
@@ -0,0 +1,174 @@
|
||||
<?= $this->extend('layout/management_layout') ?>
|
||||
<?= $this->section('content') ?>
|
||||
|
||||
<div class="container my-4">
|
||||
<?php $isEdit = !empty($item); ?>
|
||||
<h3 class="mb-3"><?= $isEdit ? 'Edit' : 'Add' ?> Book</h3>
|
||||
|
||||
<?= view('partials/flash_messages') ?>
|
||||
<?php
|
||||
$isEdit = isset($isEdit) && $isEdit;
|
||||
$itemId = $item['id'] ?? null;
|
||||
$action = $isEdit ? site_url('inventory/update/'.$itemId) : site_url('inventory/store');
|
||||
|
||||
// Build a label function for categories with grade range
|
||||
$catLabel = function(array $c): string {
|
||||
$name = $c['name'] ?? '';
|
||||
$gmin = $c['grade_min'] ?? null;
|
||||
$gmax = $c['grade_max'] ?? null;
|
||||
if ($gmin !== null || $gmax !== null) {
|
||||
// Render compact: (Gmin–Gmax) supports one-sided ranges too
|
||||
if ($gmin !== null && $gmax !== null) $name .= " (G{$gmin}–G{$gmax})";
|
||||
elseif ($gmin !== null) $name .= " (G{$gmin}+)";
|
||||
elseif ($gmax !== null) $name .= " (≤G{$gmax})";
|
||||
}
|
||||
return $name;
|
||||
};
|
||||
|
||||
// ---- Classes preselection (supports array, CSV, or JSON) ----
|
||||
$selectedClasses = [];
|
||||
$rawClasses = $item['classes'] ?? $item['class_list'] ?? $item['class_ids'] ?? null;
|
||||
|
||||
if (is_array($rawClasses)) {
|
||||
$selectedClasses = array_map('intval', $rawClasses);
|
||||
} elseif (is_string($rawClasses) && $rawClasses !== '') {
|
||||
$decoded = json_decode($rawClasses, true);
|
||||
if (json_last_error() === JSON_ERROR_NONE && is_array($decoded)) {
|
||||
$selectedClasses = array_map('intval', $decoded);
|
||||
} else {
|
||||
$parts = preg_split('/[,\s]+/', $rawClasses);
|
||||
$selectedClasses = array_map('intval', array_filter($parts, static fn($v) => $v !== ''));
|
||||
}
|
||||
}
|
||||
// Keep only values 1..13
|
||||
$selectedClasses = array_values(array_intersect(range(1,13), $selectedClasses));
|
||||
?>
|
||||
<form method="post" action="<?= $action ?>">
|
||||
<?= csrf_field() ?>
|
||||
<input type="hidden" name="type" value="book">
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Title</label>
|
||||
<input class="form-control" name="name" required value="<?= esc($item['name'] ?? '') ?>">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label class="form-label">Category</label>
|
||||
<select class="form-select" name="category_id" id="bookCategorySelect">
|
||||
<option value="">— None —</option>
|
||||
<?php foreach ($categories as $c): ?>
|
||||
<?php
|
||||
$cid = (int)($c['id'] ?? 0);
|
||||
$sel = isset($item['category_id']) && (int)$item['category_id'] === $cid ? 'selected' : '';
|
||||
$gmin = $c['grade_min'] ?? '';
|
||||
$gmax = $c['grade_max'] ?? '';
|
||||
?>
|
||||
<option value="<?= esc($cid) ?>"
|
||||
data-gmin="<?= esc($gmin) ?>"
|
||||
data-gmax="<?= esc($gmax) ?>"
|
||||
<?= $sel ?>>
|
||||
<?= esc($catLabel($c)) ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<div class="form-text">
|
||||
Grade Range:
|
||||
<span id="catGradeRange">—</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ===== Classes (1–13) ===== -->
|
||||
<div class="col-12">
|
||||
<label class="form-label d-flex align-items-center gap-2">
|
||||
Classes (1–13)
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary" id="btnSelectAllClasses">Select All</button>
|
||||
<button type="button" class="btn btn-sm btn-outline-secondary" id="btnClearClasses">Clear</button>
|
||||
</label>
|
||||
<div class="row g-2" id="classesGrid">
|
||||
<?php for ($i = 1; $i <= 13; $i++): ?>
|
||||
<?php $checked = in_array($i, $selectedClasses, true) ? 'checked' : ''; ?>
|
||||
<div class="col-6 col-sm-4 col-md-3 col-lg-2">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input class-checkbox" type="checkbox"
|
||||
id="class<?= $i ?>" name="classes[]" value="<?= $i ?>" <?= $checked ?>>
|
||||
<label class="form-check-label" for="class<?= $i ?>">Class <?= $i ?></label>
|
||||
</div>
|
||||
</div>
|
||||
<?php endfor; ?>
|
||||
</div>
|
||||
<div class="form-text">Choose all class numbers that use this book.</div>
|
||||
</div>
|
||||
<!-- ========================== -->
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Author</label>
|
||||
<input class="form-control" name="author" value="<?= esc($item['author'] ?? '') ?>">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">ISBN</label>
|
||||
<input class="form-control" name="isbn" value="<?= esc($item['isbn'] ?? '') ?>">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">Edition</label>
|
||||
<input class="form-control" name="edition" value="<?= esc($item['edition'] ?? '') ?>">
|
||||
</div>
|
||||
|
||||
<div class="col-md-2">
|
||||
<label class="form-label">Quantity</label>
|
||||
<input type="number" min="0" class="form-control" name="quantity" value="<?= esc($item['quantity'] ?? 0) ?>">
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<label class="form-label">Unit</label>
|
||||
<input class="form-control" name="unit" placeholder="pcs, set" value="<?= esc($item['unit'] ?? '') ?>">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label">SKU</label>
|
||||
<input class="form-control" name="sku" value="<?= esc($item['sku'] ?? '') ?>">
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<label class="form-label">Description / Notes</label>
|
||||
<textarea class="form-control" rows="3" name="description"><?= esc($item['description'] ?? '') ?></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-3 d-flex gap-2">
|
||||
<button class="btn btn-primary"><?= $isEdit ? 'Update' : 'Save' ?></button>
|
||||
<a class="btn btn-outline-secondary" href="<?= site_url('inventory/book') ?>">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
// Category grade range helper
|
||||
const sel = document.getElementById('bookCategorySelect');
|
||||
const out = document.getElementById('catGradeRange');
|
||||
function label(opt) {
|
||||
if (!opt) { out.textContent = '—'; return; }
|
||||
const gmin = opt.getAttribute('data-gmin');
|
||||
const gmax = opt.getAttribute('data-gmax');
|
||||
if ((gmin && gmin !== '') && (gmax && gmax !== '')) out.textContent = `G${gmin}–G${gmax}`;
|
||||
else if (gmin && gmin !== '') out.textContent = `G${gmin}+`;
|
||||
else if (gmax && gmax !== '') out.textContent = `≤G${gmax}`;
|
||||
else out.textContent = '—';
|
||||
}
|
||||
sel?.addEventListener('change', () => label(sel.options[sel.selectedIndex]));
|
||||
if (sel) label(sel.options[sel.selectedIndex]); // init on load
|
||||
|
||||
// Classes select all / clear
|
||||
const selectAllBtn = document.getElementById('btnSelectAllClasses');
|
||||
const clearBtn = document.getElementById('btnClearClasses');
|
||||
const checkboxes = document.querySelectorAll('.class-checkbox');
|
||||
|
||||
selectAllBtn?.addEventListener('click', () => {
|
||||
checkboxes.forEach(cb => cb.checked = true);
|
||||
});
|
||||
clearBtn?.addEventListener('click', () => {
|
||||
checkboxes.forEach(cb => cb.checked = false);
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
@@ -0,0 +1,139 @@
|
||||
<?= $this->extend('layout/management_layout') ?>
|
||||
<?= $this->section('content') ?>
|
||||
|
||||
<div class="container-fluid px-0 mt-3">
|
||||
<div class="d-flex justify-content-between align-items-center mb-3 px-3">
|
||||
<h3 class="mb-0">Books</h3>
|
||||
<div class="btn-group">
|
||||
<a class="btn btn-primary" href="<?= site_url('inventory/create/book') ?>">Add Book</a>
|
||||
<button class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#addCategoryModal">Add Category</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?= view('partials/flash_messages') ?>
|
||||
<div class="px-3 mb-2"><?= $this->include('partials/academic_filter') ?></div>
|
||||
|
||||
<?php
|
||||
// Helper to render a compact grade label from a category row
|
||||
$gradeLabel = function (?array $cat): string {
|
||||
if (!$cat) return '—';
|
||||
$gmin = $cat['grade_min'] ?? null;
|
||||
$gmax = $cat['grade_max'] ?? null;
|
||||
if ($gmin === null && $gmax === null) return '—';
|
||||
if ($gmin !== null && $gmax !== null) return 'G' . (int)$gmin . '–G' . (int)$gmax;
|
||||
if ($gmin !== null) return 'G' . (int)$gmin . '+';
|
||||
return '≤G' . (int)$gmax;
|
||||
};
|
||||
?>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-header d-flex justify-content-between align-items-center">
|
||||
<span>Books</span>
|
||||
<select class="form-select form-select-sm" id="categoryFilter" style="min-width:260px">
|
||||
<option value="">All Categories</option>
|
||||
<?php foreach ($categories as $c): ?>
|
||||
<?php
|
||||
$label = $c['name'] ?? '';
|
||||
$gl = $gradeLabel($c);
|
||||
if ($gl !== '—') $label .= ' (' . $gl . ')';
|
||||
?>
|
||||
<option value="<?= esc($c['id']) ?>"><?= esc($label) ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="card-body table-responsive">
|
||||
<table class="table table-striped align-middle" id="inventoryTable" data-no-mgmt-sticky="1">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th><th>ISBN</th><th>Edition</th>
|
||||
<th>Category</th>
|
||||
<th>Grade Range</th> <!-- NEW -->
|
||||
<th>Qty</th><th>Unit</th>
|
||||
<th>Updated By</th><th>Updated Date</th>
|
||||
<th>SKU</th><th style="width:110px">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($items as $i): ?>
|
||||
<?php
|
||||
$cat = array_values(array_filter($categories, fn($c)=>($c['id']??null)==($i['category_id']??null)))[0] ?? null;
|
||||
$catName = $cat['name'] ?? '—';
|
||||
$catGrades = $gradeLabel($cat);
|
||||
?>
|
||||
<tr data-category="<?= esc($i['category_id'] ?? '') ?>">
|
||||
<td><?= esc($i['name']) ?></td>
|
||||
<td><?= esc($i['isbn']) ?></td>
|
||||
<td><?= esc($i['edition']) ?></td>
|
||||
<td><?= esc($catName) ?></td>
|
||||
<td><?= esc($catGrades) ?></td> <!-- NEW -->
|
||||
<td><?= esc($i['quantity']) ?></td>
|
||||
<td><?= esc($i['unit']) ?></td>
|
||||
<td><?= esc($userNames[(int)($i['updated_by'] ?? 0)] ?? '—') ?></td>
|
||||
<td><?= esc($i['updated_at'] ? local_datetime($i['updated_at'], 'm-d-Y H:i') : '—') ?></td>
|
||||
<td><?= esc($i['sku']) ?></td>
|
||||
<td>
|
||||
<a class="btn btn-sm btn-outline-primary" href="<?= site_url('inventory/edit/'.$i['id']) ?>">Edit</a>
|
||||
<form action="<?= site_url('inventory/delete/'.$i['id']) ?>" method="post" class="d-inline">
|
||||
<?= csrf_field() ?>
|
||||
<button class="btn btn-sm btn-outline-danger" onclick="return confirm('Delete this item?')">Del</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Add Category Modal -->
|
||||
<div class="modal fade" id="addCategoryModal" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<form class="modal-content" method="post" action="<?= site_url('inventory/category/save') ?>">
|
||||
<?= csrf_field() ?>
|
||||
<input type="hidden" name="type" value="book">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Add Category (Books)</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Name</label>
|
||||
<input type="text" name="name" class="form-control" required>
|
||||
</div>
|
||||
|
||||
<!-- NEW: Grade range -->
|
||||
<div class="row g-2 mb-3">
|
||||
<div class="col-6">
|
||||
<label class="form-label">Grade Min</label>
|
||||
<input type="number" name="grade_min" class="form-control" min="0" max="13" placeholder="e.g., 1">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<label class="form-label">Grade Max</label>
|
||||
<input type="number" name="grade_max" class="form-control" min="0" max="13" placeholder="e.g., 3">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<small class="text-muted">Optional. Only used for Book categories.</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-0">
|
||||
<label class="form-label">Description (optional)</label>
|
||||
<textarea name="description" class="form-control" rows="2"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer"><button class="btn btn-primary">Save Category</button></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById('categoryFilter')?.addEventListener('change', function() {
|
||||
const val = this.value;
|
||||
document.querySelectorAll('#inventoryTable tbody tr').forEach(tr => {
|
||||
tr.style.display = (!val || tr.getAttribute('data-category') === val) ? '' : 'none';
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
Reference in New Issue
Block a user