How luisivan147/panel-sielse-itil works
This is a browser-based ITIL support-ticket portal. Users can sign in, create tickets with requester, service, incident, and attachment details, search and filter tickets, update their status, and record ratings or responses. The dashboard page coordinates these workflows using in-memory React state initialized from sample records; the login identity is kept in browser local storage. The graph follows the sampled page and callback wiring; other routes and components are not inferred from their names alone.
Main entry points: page.tsx Dashboard page · LoginForm.tsx Login form · dashboard.ts Ticket and rating types · AddRecordForm.tsx Ticket creation
Components 13
Authentication
- Login page
src/app/login/page.tsx - Login form
src/components/auth/LoginForm.tsx
Ticket workspace
- Dashboard page
src/app/dashboard/page.tsx - Workspace navigation
src/components/dashboard/Sidebar.tsx - Welcome view
src/components/dashboard/WelcomeView.tsx - Ticket creation
src/components/dashboard/AddRecordForm.tsx - Ticket search
src/components/dashboard/SearchRecords.tsx - Rating and response
src/components/dashboard/RatingForm.tsx - Dashboard header
src/components/dashboard/Header.tsx
Domain model
- Sample tickets and ratings
src/data/mockData.ts - Ticket and rating types
src/types/dashboard.ts
Other components
- Portal user
- Browser local storage
Connections 21
- Portal user → Login page: opens
- Login page → Login form: renders
- Portal user → Login form: submits credentials
- Login form → Browser local storage: stores identity
- Login form → Dashboard page: navigates on success
- Portal user → Dashboard page: uses workspace
- Dashboard page → Browser local storage: reads identity
- Dashboard page → Sample tickets and ratings: initializes ticket state
- Dashboard page → Workspace navigation: renders and wires navigation
- Dashboard page → Dashboard header: renders
- Dashboard page → Welcome view: renders by view
- Dashboard page → Ticket creation: renders and handles ticket creation
- Dashboard page → Ticket search: passes tickets and status handler
- Dashboard page → Rating and response: passes tickets and rating handlers
- Ticket creation → Dashboard page: submits new ticket
- Ticket search → Dashboard page: requests status update
- Rating and response → Dashboard page: submits rating and status update
- Ticket creation → Ticket and rating types: uses ticket shape
- Ticket search → Ticket and rating types: uses ticket and rating shapes
- Rating and response → Ticket and rating types: uses ticket and rating shapes
- Sample tickets and ratings → Ticket and rating types: defines sample data as