Developers handleiding

Integratie via CDN

De gemakkelijkste manier om de kalender en zoekmodule te integreren in een website is via de cdn.

Dit doe je heel eenvoudig door het plaatsen van de benodigde bestanden:

Boven in de website plaats je het css bestand:

<link rel="stylesheet"href="https://portal.bukazu.com/main.css"type="text/css"media="all" />

In de footer van de website plaats je het javascript bestand:

<script src="https://portal.bukazu.com/main.js"></script>

Je kan daarna overal op de website ons zoeksysteem aanroepen door een div te plaatsen, je hoeft alleen de portal code in te vullen en je ziet direct het zoeksysteem verschijnen:

<div id="bukazu-app" class="bukazu-app" portal-code="xxxxx" language="nl"></div>

Mocht je een kalender willen aan roepen dan plaats je dezelfde div met de object-code

<div id="bukazu-app" class="bukazu-app" portal-code="xxxxxx" object-code="xxxxxx" language="nl"></div>

Variabelen

Variable	Type	Uitleg
id	string	Is benodigd voor javascript om de portal te laden. Is tevens benodigd voor de css.
class	string	Wordt gebruikt om meerdere portals op dezelfde pagina te laden
portal-code	string	Portal code van de portal dat getoond moet worden.
object-code	string	De code van het object dat getoond moet worden, indien geen object-code wordt standaard de zoekpagina weergegeven
language	string (standaard: "nl")	Taal waarin de portal weergegeven dient te worden
filters	string (object to json string)	Hiermee kunnen alvast filters worden ingevuld in de zoekpagina. Bijvoorbeeld: {"persons_min":"2"}

Integratie via NPM

Installeer het npm package:

npm install bukazu-portal-react

Laad de portal en de css in je project

import Portal from 'bukazu-portal-react'
import 'bukazu-portal-react/build/index.css'

Je kan daarna de portal aanroepen:

<Portal portalCode={} locale={} />

Variabelen

Variable	Type	Uitleg
id	string	Is benodigd voor javascript om de portal te laden. Is tevens benodigd voor de css.
className	string	Wordt gebruikt om meerdere portals op dezelfde pagina te laden
portalCode	string	Portal code van de portal dat getoond moet worden.
objectCode	string	De code van het object dat getoond moet worden, indien geen object-code wordt standaard de zoekpagina weergegeven
locale	string (standaard: "nl")	Taal waarin de portal weergegeven dient te worden
filters	Object	Hiermee kunnen alvast filters worden ingevuld in de zoekpagina. Bijvoorbeeld: {persons_min: 2}