Merge branch 'master' into term-changes2

content/altinn-studio/concepts/payment/_index.en.md

@@ -0,0 +1,26 @@
+---
+title: Payment
+description: It is possible to configure user payment for services that are fee-based or where it is allowed to charge a fee.
+weight: 10
+---
+
+Payment is a process step that can be added to the application.
+When entering the payment step, the user is redirected to an external payment provider, and is returned to the service once the payment is completed.
+
+The order details and payment information are stored in a data element as JSON (paymentInformation.json), and can be downloaded via API after the form is submitted. A PDF receipt is also generated. 
+The service owner is responsible for handling the retention of payment information in accordance with the Norwegian bookkeeping laws (Bokføringsloven).
+
+<object data="payment.drawio.svg" type="image/svg+xml" style="width: 100%;"></object>
+
+## Nets Easy
+
+Support for using Nets Easy as a payment provider comes with the application. Guidance on setting up Nets Easy can be found [here](/altinn-studio/guides/payment/).
+
+The service owner must have a Nets Easy agreement.
+You can find information on how to create the agreement here: [payments.nets.eu](https://payments.nets.eu/en-GB/checkout).
+
+## Additional Payment Processors
+
+You can add more payment processors using custom backend code.
+Multiple payment processors can be used side by side in the same service.
+Contact us if this is relevant for you.

content/altinn-studio/concepts/payment/_index.nb.md

@@ -0,0 +1,26 @@
+---
+title: Betaling
+description: Det er mulig å konfigurere brukerbetaling for tjenester som er gebyrbelagte eller der det er tillatt å kreve betaling.
+weight: 10
+---
+
+Betaling er et prosessteg som kan legges til applikasjonen. 
+Ved inngang til betalingssteget omdirigeres brukeren til en ekstern betalingsleverandør, og returneres til tjenesten når betalingen er fullført.
+
+Ordregrunnlag og detaljer om betalingen lagres i et dataelement som JSON (paymentInformation.json), og kan lastes ned via API etter insending av skjemaet. Det blir også generert en PDF-kvittering.
+Det er tjenesteeier som må håndtere oppbevaring av betalingsinformasjon i henhold til bokføringsloven.
+
+<object data="payment.drawio.svg" type="image/svg+xml" style="width: 100%;"></object>
+
+## Nets Easy
+
+Støtte for å bruke Nets Easy som betalingsleverandør følger med applikasjonen. Guide for oppsett av Nets Easy finner du [her](/nb/altinn-studio/guides/payment/).
+
+Tjenesteeier må ha avtale med Nets Easy.
+Du finner informasjon om hvordan du oppretter avtalen her: [payments.nets.eu](https://payments.nets.eu/nb-NO/checkout).
+
+## Flere betalingsleverandører
+
+Du kan legge til flere betalingsleverandører ved hjelp av egenutviklet backend-kode. 
+Flere betalingsleverandører kan benyttes side om side i samme tjeneste.
+Ta kontakt dersom dette er aktuelt.

content/altinn-studio/getting-started/app-dev-course/modul6/_index.nb.md

@@ -30,7 +30,7 @@ Slike sett med svaralternativer kalles _kodelister_ eller _alternativer_.
 
 Du kan sette opp kodelister på tre måter i Altinn:
 - Ved å legge til alternativer manuelt for komponenten i Altinn Studio.
-- Ved å la komponenten hente alternativer JSON-fil med ferdige alternativer.
+- Ved å la komponenten hente alternativer fra JSON-fil med ferdige alternativer.
 - Ved å generere alternativer dynamisk ved hjelp av kode.
 
 I denne oppgaven skal vi se på de første to metodene.
@@ -42,7 +42,7 @@ I denne oppgaven skal vi se på de første to metodene.
 3. Velg "Objekt".
 4. Gi objektet navnet "arbeidsforhold".
 5. Gå til "Felter"-fanen.
-6. Legg til tre tekstfelter med navnene "sektor", "bransje" og "ar_i_arbeidslivet".
+6. Legg til tre tekstfelter med navnene "sektor", "bransje" og "aar_i_arbeidslivet".
 
 !["Datamodell med arbeidserfaring"](datamodell.png)
 
@@ -126,14 +126,14 @@ Til denne komponenten skal vi også bruke en kodelistefil, men denne gangen skal
 1. Fra "Komponenter"-panelet, dra inn komponenten som heter "Nedtrekksliste" og legg den til rett etter avmerkingsboksene.
 2. Gi komponenten ledeteksten "Antall år i arbeidslivet". Skjemaet skal nå se slik ut:
    ![Skjemabygger med antall_år i arbeidslivet](skjemabygger_med_tid_i_arbeidslivet.png)
-3. Legg til en datamodellknytning til feltet `arbeidsforhold.ar_i_arbeidslivet`.
+3. Legg til en datamodellknytning til feltet `arbeidsforhold.aar_i_arbeidslivet`.
 4. Velg "Last opp dine endringer" og deretter "Del endringer". Se at den røde prikken ved knappen forsvinner.
 
 #### Legg til kodelisten i repositoriet
 1. Klikk på profilikonet og gå til repositoriet i Gitea.
 2. Gå til mappen `App/options`. Her vil du se at filen `industri.json` fra forrige steg er listet opp.
 3. Velg "Add file" og deretter "Ny fil".
-4. Skriv inn filnavnet `ar_i_arbeidslivet.json`. Husk filtypen `.json`. Uten den vil ikke Studio finne filen når vi skal koble kodelisten til komponenten etterpå.
+4. Skriv inn filnavnet `aar_i_arbeidslivet.json`. Husk filtypen `.json`. Uten den vil ikke Studio finne filen når vi skal koble kodelisten til komponenten etterpå.
 5. Kopier koden under og lim den inn i tekstområdet der det står "Ny fil".
    ```
    [

content/altinn-studio/guides/design/guidelines/wcag/_index.en.md

@@ -1,7 +1,6 @@
 ---
 title: Accessibility
 description: Good accessibility helps people with disabilities access our services in a meaningful way. By using Altinn 3 large parts of your service is handled by us, but you still have to remember some things yourself.
-weight: 7
 weight: 30
 toc: true
 ---

content/altinn-studio/guides/design/guidelines/wcag/_index.nb.md

@@ -1,7 +1,6 @@
 ---
 title: Tilgjengelighet
 description: God tilgjengelighet hjelper mennesker med funksjonshemninger å oppfatte innholdet vårt på en meningsfull måte. Ved å bruke Altinn 3 får du mye på kjøpet, men noen ting må du fortsatt huske på selv. 
-weight: 7
 weight: 30
 toc: true
 ---

content/altinn-studio/guides/payment/_index.en.md

@@ -3,11 +3,73 @@ title: Payment
 linktitle: Payment
 description: Follow these steps to implement Payment in your App
 tags: [payment]
-weight: 10
+weight: 50
 ---
 
-1. Create NETS Easy agreement here: [payments.nets.eu](https://payments.nets.eu/nb-NO/checkout).
-2. [Backend configuration](/app/guides/payment/backend-configuration/).
-3. [Frontend configuration](/app/guides/payment/frontend-configuration/)
+## 1. Before you begin
+1. Create Nets Easy agreement here: [payments.nets.eu](https://payments.nets.eu/nb-NO/checkout).
 
-{{<children />}}
+<!-- Legg til betalingsoppgave i appens prosess -->
+## 2. Add a payment task to the app process, with basic configuration
+
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/add-process-task.en.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manual setup">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/add-process-task.en.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}
+
+
+<!-- Gi tilganger til den som skal betale-->
+## 3. Ensure correct authorization for payment task
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/access-rules.en.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manual setup">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/access-rules.en.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}
+
+
+<!--Konfigurer visning av betalingsinformasjon-->
+## 4. Configure display of payment information in form
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/configure-layouts.en.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manual setup">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/configure-layouts.en.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}
+
+
+<!--Beregn hva som skal betales-->
+## 5. Calculate amount to pay
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/calculate-payment.en.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manual setup">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/calculate-payment.en.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}
+
+
+<!--Koble appen til NETS Easy avtalen-->
+## 6. Connect the app to the NETS Easy agreement
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/configure-secrets.en.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manual setup">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/configure-secrets.en.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}

content/altinn-studio/guides/payment/_index.nb.md

@@ -1,15 +1,79 @@
 ---
-title: Betaling 
+title: Hvordan konfigurere betaling i din Altinn-app 
 linktitle: Betaling
 description: Følg disse grunnleggende stegene for å komme i gang med å integrere betaling i din Altinn App.
 tags: [betaling]
-weight: 10
+weight: 50
 ---
 
-### Før du starter
-
-Organisasjonen du lager appen for må ha en NETS Easy avtale.
+<!-- Før du starter -->
+## 1. Før du starter
+Organisasjonen du lager appen for må ha en Nets Easy avtale.
 Du finner informasjon om hvordan du oppretter avtalen her:
 [payments.nets.eu](https://payments.nets.eu/nb-NO/checkout).
 
-{{<children />}}
+
+<!-- Legg til betalingsoppgave i appens prosess -->
+## 2. Legg til en betalingsoppgave i appens prosess, med tilhørende konfigurasjon
+
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/add-process-task.nb.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manuelt oppsett">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/add-process-task.nb.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}
+
+
+<!-- Gi tilganger til den som skal betale-->
+## 3. Gi tilganger til den som skal betale
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/access-rules.nb.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manuelt oppsett">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/access-rules.nb.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}
+
+
+<!--Konfigurer visning av betalingsinformasjon-->
+## 4. Konfigurer visning av betalingsinformasjon
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/configure-layouts.nb.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manuelt oppsett">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/configure-layouts.nb.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}
+
+
+<!--Beregn hva som skal betales-->
+## 5. Beregn hva som skal betales
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/calculate-payment.nb.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manuelt oppsett">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/calculate-payment.nb.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}
+
+
+<!--Koble appen til NETS Easy avtalen-->
+## 6. Koble appen til NETS Easy avtalen
+{{<content-version-selector classes="border-box">}}
+{{<content-version-container version-label="Altinn Studio Designer">}}
+{{% insert "content/altinn-studio/guides/payment/studio/configure-secrets.nb.md" %}}
+{{</content-version-container>}}
+
+{{<content-version-container version-label="Manuelt oppsett">}}
+{{% insert "content/altinn-studio/guides/payment/backend-manual/configure-secrets.nb.md" %}}
+{{</content-version-container>}}
+{{</content-version-selector>}}