// avtaler.js — Avtaleregister med full Supabase-integrasjon // Erstatter prototype-screens-4.jsx (Agreements + AgreementDetail) // og prototype-data.jsx (AGREEMENTS mock-data) // // Avhenger av: window._sb (Supabase-klient fra index.html) // Bruker: SK, I, Button, Card, KPI, Avatar, Tabs, Badge fra eksisterende filer // ── Konstanter ──────────────────────────────────────────────────────────────── const AVTALE_TYPE_LABEL = { rammeavtale: 'Rammeavtale', tilskudd: 'Tilskudd', samarbeid: 'Samarbeid', leie: 'Leieavtale', leverandør: 'Leverandør', kunde: 'Kundeavtale', sertifisering: 'Sertifisering', }; const AVTALE_STATUS_TONE = { aktiv: { bg: '#dbeed8', fg: '#1b6a2e' }, utløper: { bg: '#fdeac8', fg: '#8e5a05' }, reforhandles: { bg: '#fdeac8', fg: '#8e5a05' }, resertifiseres: { bg: '#fdeac8', fg: '#8e5a05' }, utløpt: { bg: '#f8d3d5', fg: '#8a1620' }, }; const AVTALE_RISIKO_TONE = { lav: { bg: '#dbeed8', fg: '#1b6a2e' }, middels: { bg: '#fdeac8', fg: '#8e5a05' }, høy: { bg: '#fcddde', fg: '#8a1620' }, }; const TOMT_AVTALE_SKJEMA = { name: '', type: 'rammeavtale', motpart: '', motpart_type: 'offentlig', eier_id: '', enhet_id: '', lokasjon_id: '', lokasjon: '', start_dato: '', slutt_dato: '', arsverdi: '', totalverdi: '', status: 'aktiv', fornyelse: '', varsel_tekst: '', risiko: 'lav', areal_m2: '', beskrivelse: '', doc_id: '', }; // ── Hjelpe­funksjoner ───────────────────────────────────────────────────────── function avtaleDagerTil(datoStr) { if (!datoStr) return null; const diff = new Date(datoStr) - new Date(); return Math.ceil(diff / 86400000); } function avtaleFmtDato(datoStr) { if (!datoStr) return '—'; const d = new Date(datoStr); return d.toLocaleDateString('nb-NO', { day: 'numeric', month: 'short', year: 'numeric' }); } function avtaleFmtKr(tall) { if (!tall && tall !== 0) return '—'; return Number(tall).toLocaleString('nb-NO'); } function avtalePctGjennomfort(start, slutt) { const total = new Date(slutt) - new Date(start); const gatt = new Date() - new Date(start); return Math.max(0, Math.min(100, Math.round((gatt / total) * 100))); } // ── Supabase-kall ───────────────────────────────────────────────────────────── async function hentAvtaler() { const sb = window._sb; const { data, error } = await sb .from('avtaler') .select('*, eier:profiles!eier_id(id, navn, epost), enhet:enheter!enhet_id(id, navn), sted:lokasjoner!lokasjon_id(id, navn, adresse)') .order('slutt_dato', { ascending: true }); if (error) throw error; return data; } async function hentProfilerOgEnheter() { const sb = window._sb; const [profilerRes, enheterRes, lokasjoner] = await Promise.all([ sb.from('profiles').select('id, navn, epost, enhet_id, enheter(navn)').order('navn'), sb.from('enheter').select('id, navn, type').eq('aktiv', true).order('sortering'), sb.from('lokasjoner').select('id, navn, adresse, enhet_id').eq('aktiv', true).order('navn'), ]); return { profiler: profilerRes.data || [], enheter: enheterRes.data || [], lokasjoner: lokasjoner.data || [], }; } async function opprettVarselTiltak(avtaleId, dagerIgjen, brukerId) { const sb = window._sb; await sb.rpc('opprett_varsel_tiltak', { p_avtale_id: avtaleId, p_dager_igjen: dagerIgjen, p_opprettet_av: brukerId, }); } async function lagreAvtale(skjema, brukerNavn) { const sb = window._sb; const { data: { user } } = await sb.auth.getUser(); const rad = { ...skjema, arsverdi: skjema.arsverdi ? parseInt(skjema.arsverdi) : 0, totalverdi: skjema.totalverdi ? parseInt(skjema.totalverdi) : 0, areal_m2: skjema.areal_m2 ? parseInt(skjema.areal_m2) : null, eier_id: skjema.eier_id || null, enhet_id: skjema.enhet_id || null, opprettet_av: user?.id, opprettet_av_navn: brukerNavn || user?.email, }; // Fjern eier_navn siden vi nå bruker eier_id delete rad.eier_navn; if (!rad.doc_id) delete rad.doc_id; const { data, error } = await sb.from('avtaler').insert([rad]).select().single(); if (error) throw error; await sb.from('avtale_logg').insert([{ avtale_id: data.id, bruker_navn: brukerNavn || user?.email, handling: 'Avtale opprettet', }]); return data; } async function oppdaterAvtale(id, endringer, brukerNavn) { const sb = window._sb; // Fjern join-objekter som ikke er ekte kolonner const { eier, enhet, sted, opprettet_av_navn, lokasjon, avdeling, eier_navn, ...felt } = endringer; if (felt.arsverdi !== undefined) felt.arsverdi = parseInt(felt.arsverdi) || 0; if (felt.totalverdi !== undefined) felt.totalverdi = parseInt(felt.totalverdi) || 0; if (felt.areal_m2 !== undefined) felt.areal_m2 = felt.areal_m2 ? parseInt(felt.areal_m2) : null; if (felt.eier_id !== undefined) felt.eier_id = felt.eier_id || null; if (felt.enhet_id !== undefined) felt.enhet_id = felt.enhet_id || null; if (felt.lokasjon_id !== undefined) felt.lokasjon_id = felt.lokasjon_id || null; const { data, error } = await sb.from('avtaler').update(felt).eq('id', id).select().single(); if (error) throw error; await sb.from('avtale_logg').insert([{ avtale_id: id, bruker_navn: brukerNavn, handling: 'Avtale oppdatert', }]); return data; } async function slettAvtale(id) { const sb = window._sb; const { error } = await sb.from('avtaler').delete().eq('id', id); if (error) throw error; } async function avtaleHentLogg(avtaleId) { const sb = window._sb; const { data, error } = await sb .from('avtale_logg') .select('*') .eq('avtale_id', avtaleId) .order('created_at', { ascending: false }); if (error) throw error; return data; } async function leggTilLoggnotat(avtaleId, notat, brukerNavn) { const sb = window._sb; const { error } = await sb.from('avtale_logg').insert([{ avtale_id: avtaleId, bruker_navn: brukerNavn, handling: 'Notat', notat, }]); if (error) throw error; } // ── UI: Registrer/rediger-skjema ────────────────────────────────────────────── function AvtaleSkjema({ eksisterende, onLagret, onAvbryt, brukerNavn }) { const [felt, setFelt] = React.useState(eksisterende ? { ...eksisterende, arsverdi: eksisterende.arsverdi || '', totalverdi: eksisterende.totalverdi || '', eier_id: eksisterende.eier_id || '', enhet_id: eksisterende.enhet_id || '', lokasjon_id: eksisterende.lokasjon_id || '' } : { ...TOMT_AVTALE_SKJEMA }); const [laster, setLaster] = React.useState(false); const [feil, setFeil] = React.useState(null); const [profiler, setProfiler] = React.useState([]); const [enheter, setEnheter] = React.useState([]); const [lokasjoner,setLokasjoner]= React.useState([]); React.useEffect(() => { hentProfilerOgEnheter().then(({ profiler, enheter, lokasjoner }) => { setProfiler(profiler); setEnheter(enheter); setLokasjoner(lokasjoner); }); }, []); const oppdater = (k, v) => setFelt(f => ({ ...f, [k]: v })); const handleSubmit = async () => { if (!felt.name || !felt.motpart || !felt.start_dato || !felt.slutt_dato) { setFeil('Fyll inn: avtalenavn, motpart, startdato og sluttdato.'); return; } setLaster(true); setFeil(null); try { let resultat; if (eksisterende) { resultat = await oppdaterAvtale(eksisterende.id, felt, brukerNavn); } else { resultat = await lagreAvtale(felt, brukerNavn); } onLagret(resultat); } catch (e) { setFeil('Feil ved lagring: ' + e.message); } finally { setLaster(false); } }; const lbl = { fontSize: 11, fontWeight: 600, color: SK.soft, letterSpacing: 0.04, textTransform: 'uppercase', display: 'block', marginBottom: 5 }; const inp = { padding: '10px 12px', fontSize: 13 }; const Field = ({ label, k, type = 'text', placeholder }) => (
oppdater(k, e.target.value)} style={inp} />
); const Velg = ({ label, k, valg }) => (
); return (

{eksisterende ? 'Rediger avtale' : 'Registrer ny avtale'}

{feil && (
{feil}
)}
{/* Avtaleeier – nedtrekk fra profiles */}
{/* Enhet */}
{/* Lokasjon */}
Lokasjoner administreres under Organisasjon-modulen.
{/* Varsel */}
Genererer tiltak i Tiltaksplan.