Merge pull request #28 from OpenWebconcept/feature/PC108-7/openstaand…

…e-zaken

feature/PC108-7/openstaande-zaken

src/assets/design-tokens.scss

@@ -70,6 +70,11 @@
     --utrecht-border-width-sm: 1px;
     --utrecht-color-grey-90: var(--color-tertiary);
 
+    --utrecht-separator-margin-block-start: 5px;
+    --utrecht-separator-margin-block-end: 5px;
+    --utrecht-separator-block-size: 1px;
+    --utrecht-separator-color: var(--color-tertiary);
+
     /* h1 */
     --utrecht-heading-1-line-height: 4.25rem;
     --utrecht-heading-1-font-size: 2.5rem;

src/features/contactmoment/service.ts

@@ -110,6 +110,8 @@ export function useContactverzoekenByKlantId(
     url.searchParams.set("_page", page.value.toString());
     url.searchParams.set("embedded.klant._self.id", id.value);
     url.searchParams.set("embedded.contactmoment.todo", "IS NOT NULL");
+    url.searchParams.set("klant", "IS NOT NULL");
+    url.searchParams.set("contactmoment", "IS NOT NULL");
     return url.toString();
   }
 
@@ -138,6 +140,8 @@ export function useContactverzoekenByUserId(
     url.searchParams.set("_page", page.value.toString());
     url.searchParams.set("_self.owner.id", id.value);
     url.searchParams.set("embedded.contactmoment.todo", "IS NOT NULL");
+    url.searchParams.set("klant", "IS NOT NULL");
+    url.searchParams.set("contactmoment", "IS NOT NULL");
     return url.toString();
   }
 

src/features/klant/bedrijf/BedrijfZoeker.vue

@@ -4,7 +4,7 @@
       <legend>Waar wil je op zoeken?</legend>
       <label v-for="(label, field) in labels" :key="field">
         <input type="radio" :value="field" v-model="state.field" required :disabled="label === 'E-mailadres' || label === 'Telefoonnummer' || label === 'Postcode + Huisnummer' "  />
-        {{ label }}
+        <span :class="{disabled: label === 'E-mailadres' || label === 'Telefoonnummer' || label === 'Postcode + Huisnummer'}">{{ label }}</span>
       </label>
     </fieldset>
     <fieldset class="search-bar">
@@ -149,6 +149,10 @@ input[type="search"] {
   width: min(100%, 20rem);
 }
 
+.disabled {
+  opacity: 0.5;
+}
+
 .pagination {
   margin-inline: auto;
 }

src/features/klant/bedrijf/HandelsregisterGegevens.vue

@@ -1,43 +1,56 @@
 <template>
   <article class="details-block">
     <utrecht-heading :level="2"> Gegevens Handelsregister</utrecht-heading>
-    <dl>
-      <dt>Bedrijfsnaam</dt>
-      <dd>{{ bedrijf.bedrijfsnaam }}</dd>
-      <dt>KvK-nummer</dt>
-      <dd>{{ bedrijf.kvkNummer }}</dd>
-      <dt>Vestigingsnummer</dt>
-      <dd>
-        {{ bedrijf.vestigingsnummer }}
-      </dd>
-      <dt>E-mailadres</dt>
-      <dd>{{ bedrijf.email }}</dd>
-      <dt>Telefoonnummer</dt>
-      <dd>{{ bedrijf.telefoonnummer }}</dd>
-      <dt>Adres</dt>
-      <dd>
-        {{
-          [
-            bedrijf.straatnaam,
-            bedrijf.huisnummer,
-            bedrijf.huisletter,
-            bedrijf.huisnummertoevoeging,
-          ]
-            .filter(Boolean)
-            .join(" ")
-        }}
-      </dd>
-      <dt>Postcode</dt>
-      <dd>{{ bedrijf.postcode }}</dd>
-      <dt>Plaats</dt>
-      <dd>{{ bedrijf.woonplaats }}</dd>
-    </dl>
+
+    <div v-for="(bedrijf, index) in bedrijven.page">
+      <dl  >
+        <dt>Bedrijfsnaam</dt>
+        <dd>{{ bedrijf.bedrijfsnaam }}</dd>
+        <dt>KvK-nummer</dt>
+        <dd>{{ bedrijf.kvkNummer }}</dd>
+        <dt>Vestigingsnummer</dt>
+        <dd>
+          {{ bedrijf.vestigingsnummer }}
+        </dd>
+        <dt>E-mailadres</dt>
+        <dd>{{ bedrijf.email }}</dd>
+        <dt>Telefoonnummer</dt>
+        <dd>{{ bedrijf.telefoonnummer }}</dd>
+        <dt>Adres</dt>
+        <dd>
+          {{
+            [
+              bedrijf.straatnaam,
+              bedrijf.huisnummer,
+              bedrijf.huisletter,
+              bedrijf.huisnummertoevoeging,
+            ]
+              .filter(Boolean)
+              .join(" ")
+          }}
+        </dd>
+        <dt>Postcode</dt>
+        <dd>{{ bedrijf.postcode }}</dd>
+        <dt>Plaats</dt>
+        <dd>{{ bedrijf.woonplaats }}</dd>
+      </dl>
+      <hr v-if="index + 1 !== bedrijven?.page?.length" class="utrecht-separator separator"/>
+    </div>
   </article>
 </template>
 
 <script setup lang="ts">
 import type { Bedrijf } from "./types";
 import { Heading as UtrechtHeading } from "@utrecht/component-library-vue";
 
-defineProps<{ bedrijf: Bedrijf }>();
+defineProps<{ bedrijven: Bedrijf }>();
 </script>
+
+<style scoped lang="scss">
+
+.separator {
+  margin-block-start: 15px;
+  margin-block-end: 15px;
+}
+   
+</style>

src/features/klant/bedrijf/service.ts

@@ -1,5 +1,4 @@
 import {
-  enforceOneOrZero,
   fetchLoggedIn,
   parseJson,
   parsePagination,
@@ -126,7 +125,7 @@ export const useBedrijfByVestigingsnummer = (
   };
 
   const fetcher = (url: string) =>
-    searchBedrijvenInHandelsRegister(url).then(enforceOneOrZero);
+    searchBedrijvenInHandelsRegister(url);
 
   return ServiceResult.fromFetcher(getUrl, fetcher, {
     getUniqueId,

src/features/search/KennisartikelDetail.vue

@@ -90,7 +90,7 @@ const currentFeedbackSection = computed(() => {
 });
 
 const kennisartikel = computed<Record<string, string>>(() => {
-  const vertalingen = props.kennisartikelRaw.embedded.vertalingen || {};
+  const vertalingen = props.kennisartikelRaw.embedded?.vertalingen || {};
 
   if (!Array.isArray(vertalingen)) return {};
   return vertalingen.find(({ taal }) => taal === "nl") || {};

src/features/search/service.ts

@@ -34,6 +34,13 @@ export function useGlobalSearch(
   async function fetcher(): Promise<Paginated<SearchResult>> {
     const _searchURL = new URL(searchURL);
 
+    if (parameters.value.search) {
+      _searchURL.searchParams.append(
+        "search",
+        parameters.value.search
+      );
+    }
+
     if (parameters.value.filters) {
       parameters.value.filters.forEach((filter) => {
         _searchURL.searchParams.append(
@@ -90,9 +97,9 @@ const getSourceName = (schemaName: string) => {
 const getSchemaName = (sourceName: string) => {
   switch (sourceName) {
     case "Kennisartikel":
-      return "SDGProduct";
+      return "https://kissdevelopment.commonground.nu/kiss.sdgProduct.schema.json";
     case "Smoelenboek":
-      return "Medewerker";
+      return "https://kissdevelopment.commonground.nu/kiss.medewerker.schema.json";
     default:
       return "Onbekend";
   }

src/features/shared/get-contactmomenten-service.ts

@@ -122,6 +122,8 @@ export function useContactmomentenByKlantId(
     url.searchParams.set("_page", page.value.toString());
     url.searchParams.set("embedded.klant._self.id", id.value);
     url.searchParams.set("embedded.contactmoment.todo", "IS NULL");
+    url.searchParams.set("klant", "IS NOT NULL");
+    url.searchParams.set("contactmoment", "IS NOT NULL");
     return url.toString();
   }
   return ServiceResult.fromFetcher(getUrl, fetchContactmomenten, {
@@ -146,6 +148,8 @@ export function useContactmomentenByUserId(id: Ref<string>, page: Ref<number>) {
     url.searchParams.set("_page", page.value.toString());
     url.searchParams.set("_self.owner.id", id.value);
     url.searchParams.set("embedded.contactmoment.todo", "IS NULL");
+    url.searchParams.set("klant", "IS NOT NULL");
+    url.searchParams.set("contactmoment", "IS NOT NULL");
 
     return url.toString();
   }

src/features/zaaksysteem/service.ts

@@ -108,8 +108,13 @@ export const useZakenByBsn = (bsn: Ref<string>) => {
     if (!bsn.value) return "";
     const url = new URL(zaaksysteemBaseUri);
     addExtends(url);
+    // url.searchParams.set(
+    //   "embedded.rollen.embedded.betrokkeneIdentificatie.inpBsn",
+    //   bsn.value
+    // );
+    // Quick zaken fix
     url.searchParams.set(
-      "embedded.rollen.embedded.betrokkeneIdentificatie.inpBsn",
+      "embedded.rollen.betrokkeneIdentificatie.inpBsn",
       bsn.value
     );
     return url.toString();
@@ -196,8 +201,12 @@ export const useZakenByVestigingsnummer = (vestigingsnummer: Ref<string>) => {
     if (!vestigingsnummer.value) return "";
     const url = new URL(zaaksysteemBaseUri);
     addExtends(url);
+    // url.searchParams.set(
+    //   "embedded.rollen.embedded.betrokkeneIdentificatie.vestigingsNummer",
+    //   vestigingsnummer.value
+    // );
     url.searchParams.set(
-      "embedded.rollen.embedded.betrokkeneIdentificatie.vestigingsNummer",
+      "embedded.rollen.betrokkeneIdentificatie.vestigingsNummer",
       vestigingsnummer.value
     );
     return url.toString();

src/views/BedrijfDetailView.vue

@@ -13,26 +13,44 @@
     <simple-spinner v-if="klant.loading" />
     <bedrijf-details v-else-if="klant.success" :klant="klant.data" />
     <application-message
-      v-if="klant.error"
-      message="Er ging iets mis bij het ophalen van de klant. Probeer het later
-      nog eens."
+      v-if="klant.error && klant.error.message === 'Empty Results' || klant.error.message === '404'"
+      message="Geen klant gevonden."
+      messageType="info"
+    />
+
+    <application-message
+      v-if="klant.error && klant.error.message !== `Empty Results` && klant.error.message !== `404`"
+      message="Er ging iets mis bij het ophalen van de klant. Probeer het later nog eens."
       messageType="error"
     />
 
     <simple-spinner v-if="bedrijf.loading" />
     <handelsregister-gegevens
       v-if="bedrijf.success && bedrijf.data"
-      :bedrijf="bedrijf.data"
+      :bedrijven="bedrijf.data"
     />
     <application-message
-      v-if="bedrijf.error"
+      v-if="bedrijf.error && bedrijf.error.message === 'Empty Results' || bedrijf.error.message === '404'"
+      message="Geen bedrijf gevonden."
+      messageType="info"
+    />
+
+    <application-message
+      v-if="bedrijf.error && bedrijf.error.message !== `Empty Results` && bedrijf.error.message !== `404`"
       message="Er ging iets mis bij het ophalen van de Handelsregister gegevens. Probeer het later nog eens."
       messageType="error"
     />
 
+
     <simple-spinner v-if="contactverzoeken.loading" />
     <application-message
-      v-if="contactverzoeken.error"
+      v-if="contactverzoeken.error && contactverzoeken.error.message === 'Empty Results' || contactverzoeken.error.message === '404'"
+      message="Geen contactverzoeken gevonden."
+      messageType="info"
+    />
+
+    <application-message
+      v-if="contactverzoeken.error && contactverzoeken.error.message !== `Empty Results` && contactverzoeken.error.message !== `404`"
       message="Er ging iets mis bij het ophalen van de contactverzoeken. Probeer het later nog eens."
       messageType="error"
     />
@@ -51,10 +69,17 @@
     <simple-spinner v-if="zaken.loading" />
 
     <application-message
-      v-if="zaken.error"
+      v-if="zaken.error && zaken.error.message === 'Empty Results' || zaken.error.message === '404'"
+      message="Geen zaken gevonden."
+      messageType="info"
+    />
+
+    <application-message
+      v-if="zaken.error && zaken.error.message !== `Empty Results` && zaken.error.message !== `404`"
       message="Er ging iets mis bij het ophalen van de zaken. Probeer het later nog eens."
       messageType="error"
     />
+
 
     <template v-if="zaken.success && zaken.data.page.length">
       <utrecht-heading :level="2"> Zaken </utrecht-heading>
@@ -70,10 +95,16 @@
     <simple-spinner v-if="contactmomenten.loading" />
 
     <application-message
-      v-if="contactmomenten.error"
+      v-if="contactmomenten.error && contactmomenten.error.message === 'Empty Results' || contactmomenten.error.message === '404'"
+      message="Geen contactmomenten gevonden."
+      messageType="info"
+    />
+
+    <application-message
+      v-if="contactmomenten.error && contactmomenten.error.message !== `Empty Results` && contactmomenten.error.message !== `404`"
       message="Er ging iets mis bij het ophalen van de contactmomenten. Probeer het later nog eens."
       messageType="error"
-    />
+    />   
 
     <template
       v-if="contactmomenten.success && contactmomenten.data.page.length"

src/views/ContactmomentenHistorieView.vue

@@ -6,10 +6,16 @@
       <simple-spinner v-if="contactmomenten.loading" />
 
       <application-message
-        v-if="contactmomenten.error"
+        v-if="contactmomenten.error && contactmomenten.error.message === 'Empty Results' || contactmomenten.error.message === '404'"
+        message="Geen contactmomenten gevonden."
+        messageType="info"
+      />
+
+      <application-message
+        v-if="contactmomenten.error && contactmomenten.error.message !== `Empty Results` && contactmomenten.error.message !== `404`"
         message="Er ging iets mis bij het ophalen van de contactmomenten. Probeer het later nog eens."
         messageType="error"
-      />
+      /> 
 
       <utrecht-heading
         v-if="contactmomenten.success && !contactmomenten.data.page.length"
@@ -38,10 +44,16 @@
       <simple-spinner v-if="contactverzoeken.loading" />
 
       <application-message
-        v-if="contactverzoeken.error"
+        v-if="contactverzoeken.error && contactverzoeken.error.message === 'Empty Results' || contactverzoeken.error.message === '404'"
+        message="Geen contactverzoeken gevonden."
+        messageType="info"
+      />
+
+      <application-message
+        v-if="contactverzoeken.error && contactverzoeken.error.message !== `Empty Results` && contactverzoeken.error.message !== `404`"
         message="Er ging iets mis bij het ophalen van de contactverzoeken. Probeer het later nog eens."
         messageType="error"
-      />
+      /> 
 
       <utrecht-heading
         v-if="contactverzoeken.success && !contactverzoeken.data.page.length"