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}