Het service-overzicht staat op /service en toont de lijst met servicemeldingen. Klanten zoeken en filteren de lijst, wisselen tussen lijst en bord, en openen een melding in de snelle weergave of op de volledige pagina.
Het zoekveld beperkt de lijst terwijl de klant typt. De lijst wacht 300 ms na de laatste toetsaanslag voordat hij filtert, en de tekst komt in de URL-parameter search.
Naast het zoekveld staan filterchips. Elke chip neemt één waarde aan:
Status
Herkomsttype
Label
Leverancier
Toegewezen gebruiker, met `Niemand` voor meldingen die aan niemand zijn toegewezen
Afgerond
De keuzelijst + Filter voegt een chip toe. Een Product-chip verschijnt alleen als de lijst op een artikel is gefilterd. De artikeldetailpagina opent het overzicht op deze manier.
De chip Afgerond staat standaard op Niet gesloten, dus de lijst toont alleen openstaande meldingen. Als je de chip wist, verschijnen ook gesloten meldingen.
Elk filter en de sortering staan in de URL, dus een gekopieerde link opent dezelfde weergave. De laatste filters worden ook opgeslagen in sessionStorage. Opent het overzicht zonder filters in de URL, dan herstelt het die filters.
Klik op een kolomkop om te sorteren. De kop toont de sorteerrichting, en de keuze komt in de URL-parameters sort en dir.
Met de weergaveschakelaar wissel je tussen lijst en bord. De browser onthoudt de keuze voor de sessie.
De lijst toont één rij per melding: nummer, registratiedatum, onderwerp met klant en labels, toegewezen gebruiker, melder (Melder) en status. Elke rij heeft een oogknop die de snelle weergave opent. De kolom Melder verdwijnt wanneer de kaart smaller wordt dan 980 px, en elke rij wordt een kaart onder 720 px.
Het bord groepeert meldingen in kolommen. De chip Groeperen op stelt de groepering in op status, toegewezen gebruiker of label. De statuskolommen slaan eindstatussen over. Kaarten in een kolom staan gesorteerd op registratiedatum, nieuwste eerst.
Als je een kaart sleept, verandert de status (bij groeperen op status) of de toegewezen gebruiker (bij groeperen op toegewezen gebruiker). Slepen binnen een kolom verandert de volgorde niet.
Eén klik op een bordkaart opent de snelle weergave. Een dubbelklik opent de volledige meldingspagina op /service/detail/<id>. De oogknop in de lijst opent de snelle weergave op dezelfde manier.
De snelle weergave is een lade van 780 px. Met Escape sluit je hem, met Enter open je de editor en met Spatie open je het actiemenu. De acties zijn:
`Bewerken` opent de editor.
`Versturen` opent het verstuurvenster.
`Klant factureren` start een klantfactuur.
`Leverancier factureren` verschijnt wanneer de melding precies één gekoppelde leverancier heeft.
`Sluiten` sluit de lade of de melding. De moduledocumentatie vermeldt niet welke van de twee.
`Verwijderen` vraagt om bevestiging voordat de melding wordt verwijderd.
Gebruik de knop Nieuw om een nieuwe melding te starten. De knop opent /service/detail/new.
De lijst laadt 50 meldingen per keer. De volgende batch laadt wanneer de klant voorbij 80% van de pagina scrolt. Tijdens het laden staan onderaan drie skeleton-rijen.
De voettekst toont hoeveel meldingen zijn geladen, in de vorm x van y servicemeldingen geladen. De knop Laad meer laadt de volgende batch op verzoek.
Eerste keer laden: een skeleton van de tabel of het bord toont terwijl het verzoek loopt.
Nog geen meldingen: de illustratie voor eerste gebruik toont met een korte uitleg en de knop `Nieuw`. De knop verschijnt alleen voor gebruikers die meldingen mogen toevoegen.
Geen resultaten: de pagina toont een melding zonder resultaten, met de zoektekst en het aantal actieve filters. Met knoppen wis je de zoekopdracht, wis je de filters of herstel je beide. De knop `Nieuw` verschijnt hier niet.
Verzoek mislukt: een paneel "Er is iets misgegaan" toont de foutmelding met een knop `Retry`. `Retry` laadt de pagina opnieuw.
De schakelaar Nieuwe weergave verschijnt alleen in de oude backoffice. Als je erop klikt, vraagt het scherm om bevestiging van het terugschakelen naar het oude servicescherm. Na bevestiging gaat de nieuwe module uit en opent het oude overzicht.
Wanneer een gebruiker de module vanuit het oude scherm aanzet, opent een welkomstvenster met drie functies. Start bevestigt de overstap. Ga terug zet de module weer uit. De parameter welcome verdwijnt uit de URL zodra het venster opent, zodat een herlaadbeurt het niet opnieuw toont.