sidski/helse-sprik
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🍱 Oppdaterer interface frontend for å matche nye felt haster og arbeidsstatus

Browse source
This commit is contained in:
Markus Johansen 2023-08-01 10:16:33 +02:00
parent a9c267e309
commit aa756f266d
2 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/FeilCard.tsx
View file

@ -31,10 +31,22 @@ export const FeilKort = (props: IFeilKort) => {
active:bg-surface-active" active:bg-surface-active"
onClick={() => setVisModal(true)} onClick={() => setVisModal(true)}
> >
<FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={props.dato}/> <FeilkortHeader
tittel={props.tittel}
beskrivelse={props.beskrivelse}
dato={props.dato}
haster={props.haster}
arbeidsstatus={props.arbeidsstatus}
/>
</div> </div>
<FeilModal open={visModal} setOpen={setVisModal} > <FeilModal open={visModal} setOpen={setVisModal} >
<FeilkortHeader tittel={props.tittel} beskrivelse={props.beskrivelse} dato={new Date()} /> <FeilkortHeader
tittel={props.tittel}
beskrivelse={props.beskrivelse}
dato={props.dato}
haster={props.haster}
arbeidsstatus={props.arbeidsstatus}
/>
<div className="h-2 bg-gray-200 my-4 rounded-lg"></div> <div className="h-2 bg-gray-200 my-4 rounded-lg"></div>
{/* TODO: HER KOMMER CONTENT */} {/* TODO: HER KOMMER CONTENT */}
</FeilModal> </FeilModal>
@ -60,7 +72,7 @@ export const FeilkortHeader = (props: IFeilmelding) => {
<p className="text-text-subtle mb-4">{props.dato.toDateString()}</p> <p className="text-text-subtle mb-4">{props.dato.toDateString()}</p>
<p>{props.beskrivelse}</p> <p>{props.beskrivelse}</p>
</div> </div>
<TagBar haster={false}/> <TagBar haster={props.haster}/>
</div> </div>
) )
} }

7
frontend/src/interface.ts
View file

@ -6,14 +6,17 @@
export interface IFeilmelding { export interface IFeilmelding {
tittel: string, tittel: string,
beskrivelse: string beskrivelse: string
// haster: boolean
dato: Date dato: Date
haster: boolean
arbeidsstatus: number
} }
export class Feilmelding implements IFeilmelding { export class Feilmelding implements IFeilmelding {
tittel: string = "default tittel" tittel: string = "default tittel"
beskrivelse: string = "default beskrivelse" beskrivelse: string = "default beskrivelse"
dato: Date = new Date() dato: Date = new Date()
haster: boolean = false
arbeidsstatus: number = 0
/** /**
* Typescript 2.1 syntax som lar deg sende inn et JSON object og mappe det til class. * Typescript 2.1 syntax som lar deg sende inn et JSON object og mappe det til class.
@ -24,6 +27,8 @@ export class Feilmelding implements IFeilmelding {
tittel: string, tittel: string,
beskrivelse: string, beskrivelse: string,
dato: Date dato: Date
haster: boolean
arbeidsstatus: number
}) { }) {
if (fields) Object.assign(this, fields); if (fields) Object.assign(this, fields);
} }