// kvalitet-screens.jsx — Kvalitet (ISO) workspace, del 1. // Delte komponenter (ISO-tags, kildelenker, risikoscore-badge), workspace-skall // med delt tilstand (avvik/oppgaver/risiko persisteres i localStorage), // samt fanene Oversikt, Standardkrav og Miljø. Risiko/Avvik/Revisjoner/Oppgaver // ligger i kvalitet-screens-2.jsx. // ── Kobling til øvrige moduler i totalsystemet ────────────────────────────── const KVAL_MODUL_MAP = { rutiner: { screen: 'rutiner', label: 'Rutiner' }, protocols: { screen: 'protocols', label: 'Protokoller' }, hr: { screen: 'hr', label: 'HR' }, finance: { screen: 'finance', label: 'Økonomi' }, arshjul: { screen: 'arshjul', label: 'Årshjul' }, agreements: { screen: 'agreements', label: 'Avtaler' }, projects: { screen: 'projects', label: 'Prosjekter' }, intranett: { screen: 'intranett', label: 'Intranett' }, kvalitet: { screen: 'kvalitet', label: 'Kvalitet (ISO)' }, }; // ── ISO-tag: standard (+ evt. klausul) ─────────────────────────────────────── function ISOTag({ std, klausul, mini }) { const s = ISO_STANDARDS[std]; if (!s) return null; return ( {s.kort}{klausul ? · §{klausul} : null} ); } // Liste av ISO-tags (std kan være array) function ISOTags({ std, klausul, mini }) { const arr = Array.isArray(std) ? std : [std]; return ( {arr.map((s, i) => )} ); } // ── Kilde-lenke til annen modul ────────────────────────────────────────────── function KildeChip({ kilde, go }) { if (!kilde) return null; const m = KVAL_MODUL_MAP[kilde.modul] || KVAL_MODUL_MAP[kilde.type]; return ( ); } // ── Risikoscore-badge ──────────────────────────────────────────────────────── function RisikoBadge({ s, k, showVal = true }) { const n = kvalRisikoNivaa(s, k); return ( {n.label}{showVal ? {s}×{k}={s * k} : null} ); } // ── Seksjonsoverskrift ─────────────────────────────────────────────────────── function KvalSectionLabel({ children, sub }) { return (
{children}
{sub &&
{sub}
}
); } // ═══════════════════════════════════════════════════════════════════════════ // WORKSPACE — delt tilstand + faner // ═══════════════════════════════════════════════════════════════════════════ function KvalitetWorkspaceMock({ go, initialTab }) { const [tab, setTab] = React.useState(initialTab || 'oversikt'); // Delt, redigerbar tilstand (persisteres pr. nettleser) const load = (key, fallback) => { try { const v = localStorage.getItem(key); return v ? JSON.parse(v) : fallback; } catch (e) { return fallback; } }; const [avvik, setAvvik] = React.useState(() => load('ok_kval_avvik', KVAL_AVVIK)); const [oppg, setOppg] = React.useState(() => load('ok_kval_oppg', KVAL_OPPGAVER)); const [risiko, setRisiko] = React.useState(() => load('ok_kval_risiko', KVAL_RISIKO)); React.useEffect(() => { try { localStorage.setItem('ok_kval_avvik', JSON.stringify(avvik)); } catch (e) {} }, [avvik]); React.useEffect(() => { try { localStorage.setItem('ok_kval_oppg', JSON.stringify(oppg)); } catch (e) {} }, [oppg]); React.useEffect(() => { try { localStorage.setItem('ok_kval_risiko', JSON.stringify(risiko)); } catch (e) {} }, [risiko]); const resetDemo = () => { setAvvik(KVAL_AVVIK); setOppg(KVAL_OPPGAVER); setRisiko(KVAL_RISIKO); try { ['ok_kval_avvik', 'ok_kval_oppg', 'ok_kval_risiko'].forEach(k => localStorage.removeItem(k)); } catch (e) {} }; const aapneAvvik = avvik.filter(a => a.status !== 'lukket').length; const aapneOppg = oppg.filter(o => o.status !== 'done').length; const forfalteOppg = oppg.filter(o => o.status !== 'done' && kvalDagerTil(o.frist) < 0).length; const tabs = [ { id: 'oversikt', label: 'Oversikt' }, { id: 'risiko', label: `Risiko (${risiko.length})` }, { id: 'avvik', label: `Avvik (${aapneAvvik})`, badge: aapneAvvik }, { id: 'revisjoner', label: 'Revisjoner' }, { id: 'oppgaver', label: `Oppgaver (${aapneOppg})`, badge: forfalteOppg || undefined }, { id: 'standardkrav', label: 'Standardkrav' }, { id: 'miljo', label: 'Miljø · 14001' }, ]; const shared = { go, avvik, setAvvik, oppg, setOppg, risiko, setRisiko, setTab }; return (
{/* Header */}
Sertifisert ledelsessystem · DNV

Kvalitet (ISO)

Felles ledelsessystem for kvalitet (ISO 9001:2015) og miljø (ISO 14001:2015). Risiko, avvik, revisjoner og forbedringstiltak henger sammen og er koblet til de øvrige modulene i totalsystemet — alt merket med hvilken standard og klausul kravet hører til.
{tab === 'oversikt' && } {tab === 'risiko' && } {tab === 'avvik' && } {tab === 'revisjoner' && } {tab === 'oppgaver' && } {tab === 'standardkrav' && } {tab === 'miljo' && }
); } // ── Tab-overskrift med fane-badges i Tabs (vi gjenbruker Tabs uten badge-støtte, // så badge vises i selve label). ──────────────────────────────────────────── // ═══════════════════════════════════════════════════════════════════════════ // OVERSIKT // ═══════════════════════════════════════════════════════════════════════════ function KvalOversikt({ go, avvik, oppg, risiko, setTab }) { const aapneAvvik = avvik.filter(a => a.status !== 'lukket'); const kritiskeRisiko = risiko.filter(r => r.sann * r.kons >= 12); const aapneOppg = oppg.filter(o => o.status !== 'done'); const forfalte = aapneOppg.filter(o => kvalDagerTil(o.frist) < 0); const lukketIfrist = avvik.filter(a => a.status === 'lukket').length; const dekning9001 = Math.round(KVAL_KRAV.filter(k => k.std === '9001').reduce((s, k) => s + k.dekning, 0) / 7); const dekning14001 = Math.round(KVAL_KRAV.filter(k => k.std === '14001').reduce((s, k) => s + k.dekning, 0) / 7); const nesteRev = [...KVAL_REVISJONER].filter(r => kvalDagerTil(r.dato) >= 0).sort((a, b) => new Date(a.dato) - new Date(b.dato)); return (
{/* KPI-strip */}
4} /> 0} /> 0} />
{/* Sertifiseringsstatus */}
{Object.values(ISO_STANDARDS).map(s => { const dager = kvalDagerTil(s.gyldigTil); return (
{I.shield}
{s.navn}
{s.tema} · {s.organ}
Sertifisert
Gyldig til
{kvalFmtDato(s.gyldigTil)}
{Math.round(dager / 30)} mnd igjen
Neste revisjon
{kvalFmtDato(s.nesteRevisjon)}
{s.revisjonstype}
 ); })}
{/* Krever oppmerksomhet */}
setTab('avvik')}>Til avvik {I.chevron}}> {aapneAvvik.slice(0, 5).map(a => { const st = KVAL_AVVIK_STATUS[a.status]; const dager = kvalDagerTil(a.frist); return ( setTab('avvik')}> ); })}
{a.nr}
{a.tittel}
 {st.label} {dager < 0 ? `${Math.abs(dager)} d forfalt` : `${dager} d igjen`}
{/* Kvalitets- og miljømål */} §6.2}>
{KVAL_MAAL.map(g => { const pct = g.enhet === '%' && g.maal.includes('−') ? Math.min(100, Math.round(Math.abs(g.naa) / Math.abs(parseFloat(g.maal)) * 100)) : g.enhet === '/5' ? Math.round(g.naa / parseFloat(g.maal) * 100) : Math.min(100, Math.round(g.naa / parseFloat(g.maal.replace(/[^\d,.]/g, '').replace(',', '.')) * 100)); const ok = pct >= 95; return (
{g.navn}
{g.naa}{g.enhet === '%' ? ' %' : g.enhet === '/5' ? ' / 5' : ''} / {g.maal}
= 75 ? 'risk' : 'delay'} />
); })}
{/* Høyrekolonne */}
setTab('risiko')}>Matrise {I.chevron}}>
{[...risiko].sort((a, b) => b.sann * b.kons - a.sann * a.kons).slice(0, 4).map((r, i) => (
setTab('risiko')} style={{ padding: '11px 18px', borderTop: i ? '1px solid rgba(17,24,61,.06)' : 'none', cursor: 'pointer', display: 'flex', gap: 10, alignItems: 'center' }}>
{r.nr}
{r.navn}
))}
setTab('revisjoner')}>Alle {I.chevron}}>
{nesteRev.slice(0, 4).map((r, i) => (
setTab('revisjoner')} style={{ padding: '11px 18px', borderTop: i ? '1px solid rgba(17,24,61,.06)' : 'none', cursor: 'pointer', display: 'flex', gap: 10, alignItems: 'center' }}>
{new Date(r.dato).getDate()}
{['jan','feb','mar','apr','mai','jun','jul','aug','sep','okt','nov','des'][new Date(r.dato).getMonth()]}
{r.navn}
))}
); } // ═══════════════════════════════════════════════════════════════════════════ // STANDARDKRAV — samsvarsmatrise + kobling til moduler // ═══════════════════════════════════════════════════════════════════════════ function KvalStandardkrav({ go }) { const [std, setStd] = React.useState('9001'); const krav = KVAL_KRAV.filter(k => k.std === std); const s = ISO_STANDARDS[std]; const statusTone = { oppfylt: { label: 'Oppfylt', bg: '#dbeed8', fg: '#1b6a2e' }, delvis: { label: 'Delvis', bg: '#fdeac8', fg: '#8e5a05' }, mangel: { label: 'Mangel', bg: '#f8d3d5', fg: '#8a1620' }, }; return (
Samsvarsmatrise — kap. 4–10
{Object.values(ISO_STANDARDS).map(o => ( ))}
{krav.map(k => { const t = statusTone[k.status]; const m = KVAL_MODUL_MAP[k.modul]; const eier = TEAM[k.ansvarlig]; return ( m && go({ screen: m.screen })}> ); })}
Kap. Krav Dekning Status Dokumentasjon Ansvar Dekkes i
{k.kap}
{k.navn}
 = 90 ? 'track' : k.dekning >= 75 ? 'risk' : 'delay'} />
{k.dekning} %
 {t.label} {k.evidens} {eier ?
{eier.n.split(' ')[0]}
: '—'}		 {m ? {m.label} {I.chevron} : '—'}
{I.shield}
{s.navn} · {s.tema}
Sertifikat {s.sertNr} utstedt av {s.organ}, gyldig til {kvalFmtDato(s.gyldigTil)}. Ledelsessystemet bygger på struktur i Annex SL (lik kapittelinndeling 4–10), slik at 9001 og 14001 deler kontekst, lederskap, støtte og forbedring på tvers.
); } // ═══════════════════════════════════════════════════════════════════════════ // MILJØ (ISO 14001) — aspektregister, lovverk, mål // ═══════════════════════════════════════════════════════════════════════════ function KvalMiljo({ go }) { const betydelige = KVAL_MILJOASPEKT.filter(a => a.betydelig).length; const lovAvvik = KVAL_LOVKRAV.filter(l => l.status === 'avvik').length; const statusTone = { samsvar: { label: 'Samsvar', bg: '#dbeed8', fg: '#1b6a2e' }, tiltak: { label: 'Tiltak', bg: '#fdeac8', fg: '#8e5a05' }, avvik: { label: 'Avvik', bg: '#f8d3d5', fg: '#8a1620' }, vurderes: { label: 'Vurderes', bg: '#e3edfb', fg: '#28589f' }, }; return (
0} /> m.std === '14001').length} sub="aktive" />
Aspektregister {KVAL_MILJOASPEKT.map(a => { const t = statusTone[a.status]; return ( ); })}
Miljøaspekt Enhet Påvirkning Indikator Mål Status
{a.betydelig && } {a.aspekt}
{a.lovkrav !== '—' &&
Lovkrav: {a.lovkrav}
} 		{a.enhet} {a.paavirkning} {a.indikator} {a.maal} {t.label}
Lovverk & samsvarsforpliktelser
{KVAL_LOVKRAV.map(l => { const t = statusTone[l.status]; const eier = TEAM[l.ansvarlig]; return (
{l.navn}
{t.label}
{l.referanse}
{eier && } Vurdert {kvalFmtDato(l.vurdert)}
); })}
); } Object.assign(window, { KVAL_MODUL_MAP, ISOTag, ISOTags, KildeChip, RisikoBadge, KvalSectionLabel, KvalitetWorkspaceMock, KvalOversikt, KvalStandardkrav, KvalMiljo, });