🍱 Oppdaterer interface frontend for å matche nye felt haster og arbeidsstatus
This commit is contained in:
		
							parent
							
								
									a9c267e309
								
							
						
					
					
						commit
						aa756f266d
					
				
					 2 changed files with 21 additions and 4 deletions
				
			
		|  | @ -31,10 +31,22 @@ 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} > | ||||
|                 <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> | ||||
|                 {/* TODO: HER KOMMER CONTENT */} | ||||
|             </FeilModal> | ||||
|  | @ -60,7 +72,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
	
	 Markus Johansen
						Markus Johansen