Amsterdam · timvanoostrom · Nov 10, 2023 · Nov 7, 2023 · Nov 7, 2023 · Nov 7, 2023
diff --git a/azure-pipeline-bff.yaml b/azure-pipeline-bff.yaml
@@ -2,8 +2,9 @@ trigger:
   batch: true
   branches:
     include:
+      - ontwikkelen
       - testen
-      - az-acceptance
+      - main
   paths:
     include:
       - src/server
@@ -50,6 +51,9 @@ parameters:
     default: false
 
 variables:
+  - ${{ if eq(variables['Build.SourceBranchName'], 'ontwikkelen') }}:
+      - name: dtapName
+        value: o
   - ${{ if or(eq(variables['Build.SourceBranchName'], 'testen'), eq(variables['Build.Reason'], 'PullRequest')) }}:
       - name: dtapName
         value: t
@@ -76,4 +80,3 @@ jobs:
       btdAppBFF: true
       btdAppUI: false
       updateAppSettings: ${{ parameters.updateAppSettings }}
-      aquaScan: ${{ eq(variables['Build.Reason'], 'PullRequest') }}
diff --git a/azure-pipeline-ui.yaml b/azure-pipeline-ui.yaml
@@ -2,8 +2,9 @@ trigger:
   batch: true
   branches:
     include:
+      - ontwikkelen
       - testen
-      - az-acceptance
+      - main
   paths:
     include:
       - src/client
@@ -80,4 +81,3 @@ jobs:
       btdAppBFF: false
       btdAppUI: true
       updateAppSettings: ${{ parameters.updateAppSettings }}
-      aquaScan: ${{ eq(variables['Build.Reason'], 'PullRequest') }}
diff --git a/src/client/AppState.ts b/src/client/AppState.ts
@@ -60,6 +60,7 @@ export const PRISTINE_APPSTATE: AppState = {
     profileTypes: ['private'],
   }),
   MILIEUZONE: apiPristineResult({ isKnown: false }),
+  OVERTREDINGEN: apiPristineResult({ isKnown: false }),
   TOERISTISCHE_VERHUUR: apiPristineResult({
     vergunningen: [],
     registraties: [],

diff --git a/src/client/assets/icons/Overtredingen.svg b/src/client/assets/icons/Overtredingen.svg
diff --git a/src/client/assets/icons/index.tsx b/src/client/assets/icons/index.tsx
@@ -30,11 +30,11 @@ export { default as IconInkomenSVWI } from './inkomen-svwi.svg?react';
 export { default as IconKlachten } from './IconKlachten.svg?react';
 export { default as IconKrefia } from './krefia.svg?react';
 export { default as IconLogout } from './Logout.svg?react';
-// Map icons
 export { default as MapIconHomeCommercial } from './map/homeCommercial__primary-red.svg?react';
 export { default as IconMarker } from './Marker.svg?react';
 export { default as IconMijnGegevens } from './MijnGegevens.svg?react';
 export { default as IconMilieuzone } from './milieuzone.svg?react';
+export { default as IconOvertredingen } from './Overtredingen.svg?react';
 export {
   default as IconIndeterminate,
   default as IconMin,

diff --git a/src/client/components/MainNavSubmenu/MainNavSubmenu.module.scss b/src/client/components/MainNavSubmenu/MainNavSubmenu.module.scss
@@ -117,7 +117,7 @@
   border-bottom: solid 0.2rem transparent;
 
   @include mq-tablet() {
-    line-height: 2.5rem;
+    line-height: 1;
   }
 }
 

diff --git a/src/client/components/MyChaptersPanel/MyChaptersPanel.tsx b/src/client/components/MyChaptersPanel/MyChaptersPanel.tsx
@@ -1,6 +1,5 @@
-import { AppRoutes } from '../../../universal/config';
+import { AppRoutes, ChapterMenuItem } from '../../../universal/config';
 import { ChapterIcons } from '../../config/chapterIcons';
-import { ChapterMenuItem } from '../../config/menuItems';
 import { Heading } from '@amsterdam/design-system-react';
 import { IconInfo } from '../../assets/icons';
 import Linkd from '../Button/Button';

diff --git a/src/client/config/api.ts b/src/client/config/api.ts
@@ -56,6 +56,7 @@ export const ErrorNames: Record<string /* ApiStateKey */, string> = {
   BUURT: 'Mijn buurt / Mijn bedrijfsomgeving',
   BELASTINGEN: 'Actuele updates over uw belastingen',
   MILIEUZONE: 'Milieuzone',
+  OVERTREDINGEN: 'Overtredingen voertuigen',
   MY_LOCATION: 'Uw locatie op de kaart',
   VERGUNNINGEN: 'Vergunningen',
   ALL: 'Alle gegevens', // indien data helemaal niet opgehaald kan worden

diff --git a/src/client/config/chapterIcons.tsx b/src/client/config/chapterIcons.tsx
@@ -5,29 +5,29 @@ import {
   IconAVG,
   IconBelastingen,
   IconBezwaren,
+  IconBodem,
   IconBurgerZaken,
   IconErfpacht,
   IconGarbage,
   IconHomeCommercial,
+  IconHoreca,
   IconInkomen,
   IconInkomenSVWI,
+  IconKlachten,
+  IconKrefia,
   IconMijnGegevens,
   IconMilieuzone,
   IconMyNotifications,
+  IconOvertredingen,
+  IconParkeren,
+  IconSearch,
   IconSiaMeldingen,
   IconStadspas,
-  IconTips,
-  IconVergunningen,
-  IconZorg,
-  IconToeristischeVerhuur,
-  IconKrefia,
   IconSubsidie,
-  IconSearch,
+  IconToeristischeVerhuur,
+  IconVergunningen,
   IconWior,
-  IconParkeren,
-  IconKlachten,
-  IconHoreca,
-  IconBodem,
+  IconZorg,
 } from '../assets/icons';
 
 export const ChapterIcons: Record<Chapter, SVGComponent> = {
@@ -42,6 +42,7 @@ export const ChapterIcons: Record<Chapter, SVGComponent> = {
   [Chapters.STADSPAS]: IconStadspas,
   [Chapters.BRP]: IconMijnGegevens,
   [Chapters.MILIEUZONE]: IconMilieuzone,
+  [Chapters.OVERTREDINGEN]: IconOvertredingen,
   [Chapters.SIA]: IconSiaMeldingen,
   [Chapters.NOTIFICATIONS]: IconMyNotifications,
   [Chapters.ROOT]: IconBurgerZaken,

diff --git a/src/server/config.ts b/src/server/config.ts
@@ -177,7 +177,7 @@ export const ApiConfig: ApiDataRequestConfig = {
   },
   CLEOPATRA: {
     url: `${process.env.BFF_CLEOPATRA_API_ENDPOINT}`,
-    postponeFetch: !FeatureToggle.milieuzoneApiActive,
+    postponeFetch: !FeatureToggle.cleopatraApiActive,
     method: 'POST',
     httpsAgent: new https.Agent({
       cert: getCert('BFF_SERVER_CLIENT_CERT'),

diff --git a/src/server/mock-data/index.ts b/src/server/mock-data/index.ts
@@ -18,7 +18,7 @@ import KVK1 from './json/kvk-handelsregister.json';
 import KVK2 from './json/kvk-handelsregister2.json';
 import LOODMETING_RAPPORT from './json/loodmeting_rapport.json';
 import LOODMETINGEN from './json/loodmetingen.json';
-import MILIEUZONE from './json/milieuzone.json';
+import CLEOPATRA from './json/cleopatra.json';
 import TOERISTISCHE_VERHUUR_REGISTRATIES_BSN from './json/registraties-toeristische-verhuur-bsn.json';
 import TOERISTISCHE_VERHUUR_REGISTRATIE from './json/registraties-toeristische-verhuur.json';
 import SIA_HISTORY from './json/sia-history.json';
@@ -226,7 +226,7 @@ export const mockDataConfig: MockDataConfig = {
     method: 'post',
     status: (config: any) => (isCommercialUser(config) ? 200 : 200),
     responseData: async (config: any) => {
-      return await loadMockApiResponseJson(MILIEUZONE);
+      return await loadMockApiResponseJson(CLEOPATRA);
     },
   },
   [String(ApiUrls.VERGUNNINGEN)]: {

diff --git a/src/server/mock-data/json/cleopatra.json b/src/server/mock-data/json/cleopatra.json
@@ -0,0 +1,102 @@
+[
+  {
+    "thema": "Milieuzone",
+    "categorie": "M1",
+    "prioriteit": 0,
+    "datum": "2019-12-13",
+    "titel": "Uw aanvraag ontheffing milieuzone Brom- en snorfietsen",
+    "omschrijving": "Uw moet uw aanvraag voor ontheffing milieuzone Brom- en snorfietsen nog betalen",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvraag/56B31535-1404-4AC0-8658-CD77C32C12EE",
+    "urlNaam": "Betaal direct"
+  },
+  {
+    "thema": "Milieuzone",
+    "categorie": "F3",
+    "prioriteit": 0,
+    "datum": "2020-12-21",
+    "titel": "Uw aanvraag ontheffing milieuzone Vracht",
+    "omschrijving": "Uw aanvraag voor ontheffing milieuzone Vracht is toegekend",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvraag/2a5d9103-42bb-4a88-9bf9-5cd58580e209",
+    "urlNaam": "Meer informatie"
+  },
+  {
+    "thema": "Milieuzone",
+    "categorie": "F3",
+    "prioriteit": 0,
+    "datum": "2019-12-13",
+    "titel": "Uw aanvraag ontheffing milieuzone Brom- en snorfietsen",
+    "omschrijving": "Uw aanvraag voor ontheffing milieuzone Brom- en snorfietsen is toegekend",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvraag/7B46A24E-BC21-44F9-ADB8-B85A75FAFB90",
+    "urlNaam": "Meer informatie"
+  },
+  {
+    "thema": "Milieuzone",
+    "categorie": "F2",
+    "prioriteit": 50,
+    "datum": "2023-10-12",
+    "titel": "Ontheffing milieuzone",
+    "omschrijving": "",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvragen",
+    "urlNaam": "Milieuzone"
+  },
+  {
+    "thema": "Milieuzone",
+    "categorie": "M1",
+    "prioriteit": 0,
+    "datum": "2019-12-13",
+    "titel": "Uw aanvraag ontheffing milieuzone Brom- en snorfietsen",
+    "omschrijving": "Uw moet uw aanvraag voor ontheffing milieuzone Brom- en snorfietsen nog betalen",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvraag/88D12139-6BFF-45BF-9FA5-4BFCC01F284F",
+    "urlNaam": "Betaal direct"
+  },
+  {
+    "thema": "Milieuzone",
+    "categorie": "F3",
+    "prioriteit": 0,
+    "datum": "2019-12-13",
+    "titel": "Uw aanvraag ontheffing milieuzone Brom- en snorfietsen",
+    "omschrijving": "Uw aanvraag voor ontheffing milieuzone Brom- en snorfietsen is toegekend",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvraag/3A36D276-244D-4B12-8A43-97573502728E",
+    "urlNaam": "Meer informatie"
+  },
+  {
+    "thema": "Overtredingen",
+    "categorie": "F2",
+    "prioriteit": 50,
+    "datum": "2023-10-12",
+    "titel": "Overtredingen",
+    "omschrijving": "",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvragen",
+    "urlNaam": "Overtredingen"
+  },
+  {
+    "thema": "Milieuzone",
+    "categorie": "F3",
+    "prioriteit": 0,
+    "datum": "2019-12-13",
+    "titel": "Uw aanvraag ontheffing milieuzone Brom- en snorfietsen",
+    "omschrijving": "Uw aanvraag voor ontheffing milieuzone Brom- en snorfietsen is afgewezen",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvraag/5A158FD9-B07D-4A4C-B780-8359A9A14906",
+    "urlNaam": "Meer informatie"
+  },
+  {
+    "thema": "Milieuzone",
+    "categorie": "F3",
+    "prioriteit": 0,
+    "datum": "2019-12-13",
+    "titel": "Uw aanvraag ontheffing milieuzone Brom- en snorfietsen",
+    "omschrijving": "Uw aanvraag voor ontheffing milieuzone Brom- en snorfietsen is afgewezen",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvraag/2A3B4C05-700C-4C1E-A399-4E171F5B5420",
+    "urlNaam": "Meer informatie"
+  },
+  {
+    "thema": "Milieuzone",
+    "categorie": "M1",
+    "prioriteit": 0,
+    "datum": "2021-10-18",
+    "titel": "Uw aanvraag ontheffing milieuzone Vracht",
+    "omschrijving": "Uw moet uw aanvraag voor ontheffing milieuzone Vracht nog betalen",
+    "url": "https://ontheffingen-acc.amsterdam.nl/publiek/aanvraag/e9d0d30b-2de4-4c7a-9340-4e784d51f1d6",
+    "urlNaam": "Betaal direct"
+  }
+]
diff --git a/src/server/mock-data/json/milieuzone.json b/src/server/mock-data/json/milieuzone.json
diff --git a/src/server/openapi.yml b/src/server/openapi.yml
@@ -265,6 +265,8 @@ components:
           $ref: '#/components/schemas/ApiSearchConfigResult'
         MILIEUZONE:
           $ref: '#/components/schemas/ApiSearchConfigResult'
+        OVERTREDINGEN:
+          $ref: '#/components/schemas/ApiSearchConfigResult'
         TOERISTISCHE_VERHUUR:
           $ref: '#/components/schemas/ApiSearchConfigResult'
         ERFPACHT:
@@ -325,6 +327,8 @@ components:
           type: object
         MILIEUZONE:
           type: object
+        OVERTREDINGEN:
+          type: object
         TOERISTISCHE_VERHUUR:
           type: object
         SUBSIDIE:

diff --git a/src/server/services/afval/afvalpunten.ts b/src/server/services/afval/afvalpunten.ts
@@ -2,7 +2,7 @@ import { LatLngLiteral } from 'leaflet';
 import {
   apiSuccessResult,
   getApproximateDistance,
-  sortAlpha,
+  sortByNumber,
 } from '../../../universal/helpers';
 import type {
   AfvalPuntenData,
@@ -22,7 +22,7 @@ function addApproximateDistance(
           : 0,
       });
     })
-    .sort(sortAlpha('distance'));
+    .sort(sortByNumber('distance', 'asc'));
 }
 
 export function fetchAfvalpunten(latlng: LatLngLiteral | null) {