// prototype-screens-5.jsx — Protokoll-hub, møteserie-detalj, hjelpere // Fyller inn manglende komponenter referert fra screens-2 og app.jsx. // ── Hjelpere brukt av protokoll-skjermen ────────────────────────────────── const SERIES_ICONS = { crown: , shield: , users: , msg: , }; const CONF_TONES = { 'åpen': { bg: '#dbeed8', fg: '#1b6a2e', label: 'Åpen' }, 'begrenset': { bg: '#fdeac8', fg: '#8e5a05', label: 'Begrenset' }, 'fortrolig': { bg: '#fcddde', fg: '#a01a25', label: 'Fortrolig' }, }; const CadenceBadge = ({ children, style }) => ( {children} ); const ConfPill = ({ level, style }) => { const t = CONF_TONES[level] || CONF_TONES['åpen']; return ( {t.label} ); }; // ═══════════════════════════════════════════════════════════════════════════ // PROTOCOL HUB — landingsside for møter & protokoller // ═══════════════════════════════════════════════════════════════════════════ function ProtocolHubMock({ go }) { // KPI const draftCount = PROTOCOLS.filter(p => p.status === 'draft').length; const reviewCount = PROTOCOLS.filter(p => p.status === 'review').length; const openCarry = Object.keys(CARRYOVER).reduce((sum, pid) => { const cur = PROTOCOLS.find(p => p.id === pid); if (!cur) return sum; const prev = PROTOCOLS.find(p => p.id === CARRYOVER[pid].prevId); if (!prev) return sum; return sum + prev.tiltak.filter(t => t.status !== 'done').length; }, 0); return (
{/* Header */}
Møter & referater

Protokoller

{MEETING_SERIES.length} faste møteserier · {PROTOCOLS.length} protokoller totalt
{/* KPI strip */}
0} /> 0} />
{/* Møteserier */}
Møteserier
{MEETING_SERIES.map(s => { const series_protocols = PROTOCOLS.filter(p => p.seriesId === s.id); const lastProtocol = series_protocols.sort((a, b) => new Date(b.date) - new Date(a.date))[0]; const openTiltak = series_protocols.reduce((sum, pr) => sum + pr.tiltak.filter(t => t.status !== 'done').length, 0); return (
go({ screen: 'series', id: s.id })} style={{ padding: 16 }}>
{SERIES_ICONS[s.icon]}
{s.name}
{s.desc}
{s.cadenceShort}
Neste møte {fmtDate(s.nextDate)} · {s.nextTime.split(' ')[0]}
Forrige protokoll {lastProtocol ? fmtDate(lastProtocol.date) : '—'}
Åpne tiltak fra serien 0 ? SK.coral : SK.ink }}>{openTiltak}
TEAM[k])} max={4} /> {s.members.length} medlemmer
); })} {/* + Ny møteserie-kort */}
alert('Demo — opprettelse av møteserie kommer i full versjon')} style={{ borderRadius: 12, border: '2px dashed rgba(17,24,61,.18)', background: 'transparent', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: 24, minHeight: 220, cursor: 'pointer', color: SK.soft, }} >
{I.plus}
Ny møteserie
Definer kadens, medlemmer og fast agenda
{/* Nylige protokoller — alle, uavhengig av serie */} {PROTOCOLS.slice().sort((a, b) => new Date(b.date) - new Date(a.date)).map(pr => { const series = MEETING_SERIES.find(s => s.id === pr.seriesId); return ( go({ screen: 'protocol', id: pr.id })}> ); })}
Møte Serie Dato Lengde Deltakere Tiltak Status
{pr.title}
{pr.summary?.slice(0, 80)}…
 {series ? ( {series.name} ) : —} {fmtDate(pr.date)} {pr.duration} min TEAM[k])} /> {pr.tiltak.filter(t => t.status === 'done').length}/{pr.tiltak.length} {pr.status === 'approved' ? 'Godkjent' : pr.status === 'review' ? 'Til gjennomgang' : 'Utkast'}
); } // ═══════════════════════════════════════════════════════════════════════════ // MEETING SERIES DETAIL // ═══════════════════════════════════════════════════════════════════════════ function MeetingSeriesDetailMock({ id, go }) { const series = MEETING_SERIES.find(s => s.id === id) || MEETING_SERIES[0]; const series_protocols = PROTOCOLS.filter(p => p.seriesId === series.id) .sort((a, b) => new Date(b.date) - new Date(a.date)); const allTiltak = series_protocols.flatMap(pr => pr.tiltak.map(t => ({ ...t, protokoll: pr.title, protokollId: pr.id, protokollDate: pr.date })) ); const openTiltak = allTiltak.filter(t => t.status !== 'done'); const lastProtocol = series_protocols[0]; return (
{/* Header */}
{React.cloneElement(SERIES_ICONS[series.icon], { width: 24, height: 24 })}
{series.cadenceShort}

{series.name}

{series.desc}
{series.cadence} · {series.location}
{/* Venstre: protokoller i serien */}
{/* Neste møte */}
{new Date(series.nextDate).toLocaleDateString('nb-NO', { month: 'short' })}
{new Date(series.nextDate).getDate()}
Neste møte
{new Date(series.nextDate).toLocaleDateString('nb-NO', { weekday: 'long', day: 'numeric', month: 'long' })}
{series.nextTime} · {series.location}
{lastProtocol && (
Carryover
{lastProtocol.tiltak.filter(t => t.status !== 'done').length}
åpne tiltak å behandle
)}
{series.standardAgenda?.length > 0 && (
Standard agenda
    {series.standardAgenda.map((a, i) =>
  1. {a}
    2. )}
)} {/* Tidligere protokoller */} {series_protocols.map(pr => { const open = pr.tiltak.filter(t => t.status !== 'done').length; return ( go({ screen: 'protocol', id: pr.id })}> ); })}
{new Date(pr.date).toLocaleDateString('nb-NO', { month: 'short' })}
{new Date(pr.date).getDate()}
{pr.title}
{pr.summary?.slice(0, 100)}…
 {pr.tiltak.filter(t => t.status === 'done').length}/{pr.tiltak.length}
{open ? `${open} åpne` : 'alt fullført'}
{pr.status === 'approved' ? 'Godkjent' : pr.status === 'review' ? 'Til gjennomgang' : 'Utkast'}
{/* Høyre: medlemmer + tilgang + statistikk */}
Endre}>
{series.members.map(k => { const p = TEAM[k]; const isChair = k === series.chair; const isWriter = series.writers.includes(k); return (
{p.n}
{p.r}
{isChair ? Møteleder : null} {isWriter && !isChair ? Skriverettighet : null}
); })}
Konfidensialitet
Skriverettighet {series.writers.length} personer
Tiltak publiseres til
{series.accessGroups.map(g => (
{g}
))}
Møter avholdt {series_protocols.length}
Snitt-lengde {Math.round(series_protocols.reduce((s, p) => s + p.duration, 0) / Math.max(1, series_protocols.length))} min
Tiltak fordelt {allTiltak.length}
Gjennomføringsgrad {Math.round((allTiltak.filter(t => t.status === 'done').length / Math.max(1, allTiltak.length)) * 100)} %
); } Object.assign(window, { SERIES_ICONS, CadenceBadge, ConfPill, ProtocolHubMock, MeetingSeriesDetailMock });