🍱 Oppdaterer interface frontend for å matche nye felt haster og arbeidsstatus
This commit is contained in:
		
							parent
							
								
									bb4a1c1943
								
							
						
					
					
						commit
						ed908be55e
					
				
					 2 changed files with 21 additions and 4 deletions
				
			
		|  | @ -41,7 +41,13 @@ export const FeilKort = (props: IFeilKort) => { | |||
|                 active:bg-surface-active" | ||||
|                 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> | ||||
|             <FeilModal open={visModal} setOpen={setVisModal} > | ||||
|                 {redigeringsmodus ?  | ||||
|  | @ -89,7 +95,13 @@ export const FeilKort = (props: IFeilKort) => { | |||
| 
 | ||||
|                 :  | ||||
|                     <div className="flex justify-between"> | ||||
|                         <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="flex gap-4 items-start"> | ||||
|                             <Button | ||||
|                                 variant="secondary" | ||||
|  | @ -137,7 +149,7 @@ export const FeilkortHeader = (props: IFeilmelding) => { | |||
|                 <p className="text-text-subtle mb-4">{props.dato.toDateString()}</p> | ||||
|                 <p>{props.beskrivelse}</p>     | ||||
|             </div>   | ||||
|             <TagBar haster={false}/>               | ||||
|             <TagBar haster={props.haster}/>               | ||||
|         </div> | ||||
|     ) | ||||
| } | ||||
|  |  | |||
|  | @ -6,14 +6,17 @@ | |||
| export interface IFeilmelding { | ||||
|     tittel: string, | ||||
|     beskrivelse: string | ||||
|     // haster: boolean
 | ||||
|     dato: Date | ||||
|     haster: boolean | ||||
|     arbeidsstatus: number | ||||
| } | ||||
| 
 | ||||
| export class Feilmelding implements IFeilmelding { | ||||
|     tittel: string = "default tittel" | ||||
|     beskrivelse: string = "default beskrivelse" | ||||
|     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. | ||||
|  | @ -24,6 +27,8 @@ export class Feilmelding implements IFeilmelding { | |||
|             tittel: string, | ||||
|             beskrivelse: string, | ||||
|             dato: Date | ||||
|             haster: boolean | ||||
|             arbeidsstatus: number | ||||
|         }) { | ||||
|         if (fields) Object.assign(this, fields);     | ||||
|     } | ||||
|  |  | |||
		Reference in a new issue
	
	 Sindre Kjelsrud
						Sindre Kjelsrud