You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Om man bruker react som frontendbibliotek kan man så ta ibruk `@navikt/navspa` (Eksemplet er med typescript, fjern `DecoratorProps` om det ikke brukes).
25
+
19
26
```typescript jsx
20
27
importNAVSPAfrom'@navikt/navspa';
21
28
importDecoratorPropsfrom'./decorator-props';
@@ -34,36 +41,37 @@ function App() {
34
41
```
35
42
36
43
### Manuelt oppsett
44
+
37
45
Om man ikke bruker react så kan man fortsatt ta ibruk decoratoren, men man må da kalle render-funksjonen selv.
38
-
Ett eksempel på hvordan dette kan gjøres kan ses i [index.html](public/index.html).
46
+
Ett eksempel på hvordan dette kan gjøres kan ses i [index.html](../public/index.html).
39
47
40
48
## Konfigurasjon
41
49
42
-
Eksempler på konfigurasjoner kan ses i [index.html](public/index.html).
50
+
Eksempler på konfigurasjoner kan ses i [index.html](../public/index.html).
43
51
44
52
```typescript jsx
45
53
exportinterfaceDecoratorProps {
46
-
useProxy?:boolean|string; // Manuell overstyring av urlene til BFFs. Gjør alle kall til relativt path hvis true, og bruker verdien som domene om satt til en string. Default: false
47
-
accessToken?:string; // Manuell innsending av JWT, settes som Authorization-header. Om null sendes cookies vha credentials: 'include'
48
-
enhet?:string|undefined; // Konfigurasjon av enhet-kontekst
49
-
accessToken?:string|undefined; // Manuell innsending av JWT, settes som Authorization-header. Om null sendes cookies vha credentials: 'include'
50
-
fnr?:string|undefined;// Konfigurasjon av fødselsnummer-kontekst
51
-
userKey?:string|undefined; // Om man ikke ønsker å bruke fnr i urler, kan andre apper kalle contextholder for å generere en midlertidig kode. Hvis App A skal navigere til App B som har dekoratøren, må App A først sende en post request til /fnr-code/generate med {fnr: string} i bodyen, dette returnerer {fnr: string, code: string} til App A. App A kan så navigere til App B og sende med denne koden. App B kan så sende den koden inn til dekoratøren i userKey propen og så henter dekoratøren fnr for den koden fra contextholderen.
fetchActiveEnhetOnMount?:boolean|undefined; // Om enhet er undefined fra container appen, og denne er satt til true, henter den sist aktiv enhet og bruker denne.
54
-
fetchActiveUserOnMount?:boolean|undefined; // Om fnr er undefined fra container appen, og denne er satt til true for at den skal hente siste aktiv fnr.
55
-
onBeforeRequest?: (headers:HeadersInit) =>HeadersInit|undefined; // Her kan headeren til alle nettverkskall bli modifisert før de blir kalt
56
-
onEnhetChanged: (enhet?:string|null) =>void; // Kalles når enheten endres
57
-
onFnrChanged: (fnr?:string|null) =>void; // Kalles når fnr enheten endres
58
-
appName:string; // Navn på applikasjonen
59
-
hotkeys?:Hotkey[]; // Konfigurasjon av hurtigtaster
60
-
markup?:Markup; // Egen HTML
61
-
showEnheter:boolean; // Vis enheter
62
-
showSearchArea:boolean; // Vis søkefelt
63
-
showHotkeys:boolean; // Vis hurtigtaster
64
-
environment:Environment; // Miljø som skal brukes.
65
-
urlFormat:UrlFormat; // URL format
66
-
proxy?:string|undefined; // Manuell overstyring av urlene til BFFs. Gjør alle kall til relativt path hvis true, og bruker verdien som domene om satt til en string. Default: false
54
+
useProxy?:boolean|string; // Manuell overstyring av urlene til BFFs. Gjør alle kall til relativt path hvis true, og bruker verdien som domene om satt til en string. Default: false
55
+
accessToken?:string; // Manuell innsending av JWT, settes som Authorization-header. Om null sendes cookies vha credentials: 'include'
56
+
enhet?:string|undefined; // Konfigurasjon av enhet-kontekst
57
+
accessToken?:string|undefined; // Manuell innsending av JWT, settes som Authorization-header. Om null sendes cookies vha credentials: 'include'
58
+
fnr?:string|undefined; // Konfigurasjon av fødselsnummer-kontekst
59
+
userKey?:string|undefined; // Om man ikke ønsker å bruke fnr i urler, kan andre apper kalle contextholder for å generere en midlertidig kode. Hvis App A skal navigere til App B som har dekoratøren, må App A først sende en post request til /fnr-code/generate med {fnr: string} i bodyen, dette returnerer {fnr: string, code: string} til App A. App A kan så navigere til App B og sende med denne koden. App B kan så sende den koden inn til dekoratøren i userKey propen og så henter dekoratøren fnr for den koden fra contextholderen.
fetchActiveEnhetOnMount?:boolean|undefined; // Om enhet er undefined fra container appen, og denne er satt til true, henter den sist aktiv enhet og bruker denne.
62
+
fetchActiveUserOnMount?:boolean|undefined; // Om fnr er undefined fra container appen, og denne er satt til true for at den skal hente siste aktiv fnr.
63
+
onBeforeRequest?: (headers:HeadersInit) =>HeadersInit|undefined; // Her kan headeren til alle nettverkskall bli modifisert før de blir kalt
64
+
onEnhetChanged: (enhet?:string|null) =>void; // Kalles når enheten endres
65
+
onFnrChanged: (fnr?:string|null) =>void; // Kalles når fnr enheten endres
66
+
appName:string; // Navn på applikasjonen
67
+
hotkeys?:Hotkey[]; // Konfigurasjon av hurtigtaster
68
+
markup?:Markup; // Egen HTML
69
+
showEnheter:boolean; // Vis enheter
70
+
showSearchArea:boolean; // Vis søkefelt
71
+
showHotkeys:boolean; // Vis hurtigtaster
72
+
environment:Environment; // Miljø som skal brukes.
73
+
urlFormat:UrlFormat; // URL format
74
+
proxy?:string|undefined; // Manuell overstyring av urlene til BFFs. Gjør alle kall til relativt path hvis true, og bruker verdien som domene om satt til en string. Default: false
0 commit comments