devstygian / devstygian/Resto-POS

Feat: Add “Something Went Wrong” Modal Component for Error Handling

Aperta
#58 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
enhancement frontend help wanted UI/UX
Lingua principale
PHP
Stelle
4
Fork
5
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

### Description:
Create a reusable modal component to display a friendly error message whenever something goes wrong in the system (e.g., failed API calls, server errors, unexpected exceptions). The modal should:

- Be visually consistent with the current UI.
- Include a clear title (e.g., “Something Went Wrong”) and a brief description.
- Provide a Close button to dismiss the modal.
- Be easily triggerable from JavaScript for frontend errors or AJAX/API call failures.
- Optional: allow logging the error details in the console for debugging.

### Acceptance Criteria:

1. Modal can be triggered programmatically from any page.
2. Error messages are displayed dynamically.
3. Modal overlays the current content but doesn’t break the page layout.
4. Works on desktop and mobile screens.
5. Example integration in view.php or notif.js for testing purposes.

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia leggendo view.php e notif.js, quindi esamina lo stile attuale dell’UI e il modo in cui vengono gestiti gli errori del frontend o i fallimenti AJAX. Implementa il modal riutilizzabile e l’integrazione di esempio in uno di questi file, quindi verifica i messaggi dinamici, l’attivazione programmatica, la chiusura, il comportamento dell’overlay e il layout desktop/mobile.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript, php
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
68/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.