feat: UI no-admin (vistas mis/asignados/sin-asignar, config solo admin)
This commit is contained in:
1 parent
3a1fee74e7
commit
a68999eca7
6 files changed
+124
-13
No files matched your search
@@ -3,6 +3,7 @@
|
||||
import { useEffect, useState, useCallback } from "react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { getTickets, type Ticket } from "@/lib/api";
|
||||
import { useAuth } from "@/lib/auth";
|
||||
import BadgeStatus from "@/components/BadgeStatus";
|
||||
import BadgePriority from "@/components/BadgePriority";
|
||||
import PaginationComponent from "@/components/Pagination";
|
||||
@@ -10,21 +11,33 @@ import Link from "next/link";
|
||||
|
||||
export default function TicketsPage() {
|
||||
const router = useRouter();
|
||||
const { user } = useAuth();
|
||||
const [tickets, setTickets] = useState<Ticket[]>([]);
|
||||
const [total, setTotal] = useState(0);
|
||||
const [page, setPage] = useState(1);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [view, setView] = useState<"all" | "mine" | "assigned" | "unassigned">("all");
|
||||
const [statusFilter, setStatusFilter] = useState("");
|
||||
const [priorityFilter, setPriorityFilter] = useState("");
|
||||
const [search, setSearch] = useState("");
|
||||
const pageSize = 10;
|
||||
|
||||
const numericId = parseInt(user?.idUsuario ?? "", 10);
|
||||
const hasNumericId = !isNaN(numericId);
|
||||
|
||||
const fetchTickets = useCallback(async () => {
|
||||
setLoading(true);
|
||||
try {
|
||||
const data = await getTickets({
|
||||
status: statusFilter || undefined,
|
||||
priority: priorityFilter || undefined,
|
||||
requesterId: view === "mine" && hasNumericId ? numericId : undefined,
|
||||
assigneeId:
|
||||
view === "assigned" && hasNumericId
|
||||
? numericId
|
||||
: view === "unassigned"
|
||||
? 0
|
||||
: undefined,
|
||||
search: search || undefined,
|
||||
page,
|
||||
pageSize,
|
||||
@@ -37,7 +50,7 @@ export default function TicketsPage() {
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}, [statusFilter, priorityFilter, search, page]);
|
||||
}, [statusFilter, priorityFilter, search, page, view, numericId, hasNumericId]);
|
||||
|
||||
useEffect(() => {
|
||||
fetchTickets();
|
||||
@@ -56,6 +69,30 @@ export default function TicketsPage() {
|
||||
</div>
|
||||
|
||||
{/* Filters */}
|
||||
<div className="filter-bar mb-3">
|
||||
<div className="btn-group" role="group" aria-label="Vista">
|
||||
{(
|
||||
[
|
||||
["all", "Todos"],
|
||||
["mine", "Míos"],
|
||||
["assigned", "Asignados a mí"],
|
||||
["unassigned", "Sin asignar"],
|
||||
] as const
|
||||
).map(([v, label]) => (
|
||||
<button
|
||||
key={v}
|
||||
type="button"
|
||||
className={`btn btn-sm ${view === v ? "btn-primary" : "btn-outline-secondary"}`}
|
||||
onClick={() => {
|
||||
setView(v);
|
||||
setPage(1);
|
||||
}}
|
||||
>
|
||||
{label}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
<div className="filter-bar mb-4">
|
||||
<div className="d-flex align-items-center gap-2">
|
||||
<i className="bi bi-funnel text-muted"></i>
|
||||
|
||||
Reference in new issue
Block a user