Status Widget

En enkel statuswidget for StatusPage-kompatible API-er, med støtte for å løfte prioriterte tjenester øverst og samle resten i en sammenleggbar seksjon.

Hovedfunksjoner

• 🔄 Universal kompatibilitet – Fungerer med alle StatusPage.io-instanser
• ⭐ Prioriterte tjenester – Løft de viktigste tjenestene øverst
• 📂 Øvrige tjenester – Samles i en sammenleggbar seksjon under
• 🔍 Sanntidssøk – Søk og filtrer i hendelseshistorikk
• 🌍 Flerspråklig – Automatisk språkdeteksjon (norsk/engelsk)
• 📱 Responsivt design – Optimert for desktop og mobil
• ⚡ Ytelsesoptimert – Intelligent hurtigbufring, lazy loading og Service Worker-støtte
• ⌨️ Tastatursnarvei – Hurtigtaster for effektiv bruk og navigasjon

Prinsipper

Widgeten skjuler ingenting fra StatusPage-API-et. Alle komponenter, hendelser og vedlikehold som returneres fra kilden vises i widgeten. Dette gjør at nye tjenester som dukker opp hos f.eks. Skatt eller Digdir blir synlige automatisk, uten at noen må vedlikeholde en liste.

For å gjøre lange tjenestelister mer brukbare kan du bruke priority_components til å markere hvilke tjenester som er viktigst – disse vises øverst, mens resten samles i en “Øvrige tjenester”-seksjon som er sammenlagt som standard.

Kom i gang raskt

Grunnleggende bruk

{% include status_widget.html api="https://status.digdir.no" %}

Med tittel

{% include status_widget.html api="https://status.digdir.no" title="Digitaliseringsdirektoratet" %}

Prioriterte tjenester øverst

{% include status_widget.html
   api="https://status.digdir.no"
   title="Digitaliseringsdirektoratet"
   priority_components="ID-porten,Maskinporten,Altinn" %}

Resultat:

• “ID-porten”, “Maskinporten” og “Altinn” vises øverst under Prioriterte tjenester i den rekkefølgen de er listet.
• Alle andre tjenester samles under en sammenleggbar Øvrige tjenester-knapp.

Hvis priority_components er tom eller utelatt, vises alle tjenester i én flat liste – akkurat som før.

Tilgjengelige API-er

• https://status.digdir.no – Digitaliseringsdirektoratet
• https://status.skatteetaten.no – Skatteetaten

Slik finner du komponentnavn

Komponentnavnene i priority_components må matche navnene fra StatusPage-API-et nøyaktig (mellomrom og spesialtegn må stemme; sammenligning er case-insensitive).

1. Aktiver debug-modus:

   {% include status_widget.html api="https://status.digdir.no" debug="true" %}
   

2. Åpne utviklerverktøy (F12) og se Console-fanen.
3. Kopier navnene fra loggen og lim inn i priority_components (kommaseparert).

Alternativt kan du åpne https://status.digdir.no/api/v2/components.json direkte og finne name-feltene der.

Praktiske eksempler

Flere etater på samme side

{% include status_widget.html api="https://status.digdir.no" title="Digitaliseringsdirektoratet" %}
{% include status_widget.html api="https://status.skatteetaten.no" title="Skatteetaten" %}

Tilpasset språk og oppdateringsintervall

{% include status_widget.html
   api="https://status.digdir.no"
   lang="en"
   refresh_interval="300000" %}

Prioritere flere tjenester med visnings-rekkefølge

Rekkefølgen i priority_components bestemmer sorteringen øverst:

{% include status_widget.html
   api="https://status.skatteetaten.no"
   title="Skatteetatens systemstatus"
   priority_components="Folkeregister Konsument,KAR (Kontoinformasjon),A-meldingen" %}

Alle parametere

Merk: enable_sw (Service Worker) er kun tilgjengelig som HTML-attributt, ikke Jekyll-parameter.

Statusverdier

Widgeten viser status med fargekoder og ikoner:

• 🟢 Operasjonell (operational) – Alle systemer fungerer normalt
• 🟡 Redusert ytelse (degraded_performance) – Mindre ytelsesproblem
• 🟠 Delvis nedetid (partial_outage) – Noen funksjoner påvirket
• 🔴 Større nedetid (major_outage) – Kritiske problemer
• 🔵 Vedlikehold (under_maintenance) – Planlagt vedlikehold

Funksjoner

Hva viser widgeten

• Systemstatus – Sanntidsstatus for alle tjenester med hierarkisk visning og valgfri prioritetsseksjonering
• Planlagt vedlikehold – Kommende og pågående vedlikeholdsvindu
• Aktive hendelser – Pågående problemer med oppdateringer og løsningsarbeid
• Hendelseshistorikk – Tidligere hendelser organisert etter dato med søk

Automatiske funksjoner

• Oppdateres hver 3. minutt (kan tilpasses med refresh_interval)
• Responsivt design for desktop og mobil
• Automatisk språkdeteksjon basert på nettleserspråk
• Intelligent hurtigbufring for raskere lasting
• Feilhåndtering med automatisk gjenprøving ved feil
• Service Worker-støtte for offline-funksjonalitet (valgfritt)

Tastatursnarvei

• Ctrl/Cmd + R eller F5 – Manuell oppdatering av alle data
• Escape – Fjern alle aktive filtre og søk
• Ctrl/Cmd + F – Fokuser søkefelt (kun i hendelsesvisning)

Migrasjon fra tidligere versjon

Tidligere versjoner støttet et avansert filtreringssystem med attributter som exclude_components, exclude_incident_statuses, exclude_impact_levels og flere regex-baserte mønstre. Dette ble fjernet for å redusere vedlikehold – nye tjenester fra kildene blir nå synlige automatisk.