{"type":"doc","content":[{"type":"paragraph"},{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"children","parameters":{"macroParams":{},"macroMetadata":{"macroId":{"value":"1d4e415b683bf9a98b26d9c69e4407e3"},"schemaVersion":{"value":"2"},"title":"Child pages (Children Display)"}},"localId":"6e2f4796-3356-4ba4-bfec-b6da84f3b6d1"}},{"type":"heading","attrs":{"level":2},"content":[{"text":"Over deze documentatie ","type":"text"}]},{"type":"paragraph","content":[{"text":"Deze technische documentatie is bestemd voor de afnemers van het Widget-platform. ","type":"text"}]},{"type":"paragraph","content":[{"text":"Disclaimer","type":"text","marks":[{"type":"strong"}]},{"text":": Deze pagina’s worden regelmatig aangepast zodat ze altijd de meeste recente informatie bevatten. Aarzel niet om feedback te geven mochten er aanpassingen nodig zijn.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Over het Widget-platform","type":"text"}]},{"type":"paragraph","content":[{"text":"Digitaal Vlaanderen voorziet een aantal manieren om ","type":"text"},{"text":"herbruikbare UI-componenten ","type":"text","marks":[{"type":"strong"}]},{"text":"aan te bieden op een gedeeld platform. De Global Header/Footer-widget is zo een herbruikbare component die naast een UI ook ingebouwde functionaliteit aanbiedt zonder tussenkomst van de afnemende website. Met dit type herbruikbare UI-componenten kan de ","type":"text"},{"text":"integratie","type":"text","marks":[{"type":"strong"}]},{"text":" van extra functionaliteit op een (gast)website","type":"text"},{"text":" ook via een Javascript API ","type":"text","marks":[{"type":"strong"}]},{"text":"gebeuren.","type":"text"}]},{"type":"paragraph","content":[{"text":"Een widget is een “embed-bare”-plug-in. Het widget-platform bestaat uit: ","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"een front-end applicatieserver, aangesproken door de embedcode","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"een configuratieservice","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"Het Widget-platform is een ","type":"text"},{"text":"REST-API","type":"text","marks":[{"type":"strong"}]},{"text":" die endpoints voorziet om widgets toe te voegen aan een webpagina. Hiervoor zijn standaard een test- en een productie-omgeving beschikbaar:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Test: ","type":"text"},{"text":"https://tni.widgets.burgerprofiel.dev-vlaanderen.be","type":"text","marks":[{"type":"link","attrs":{"href":"https://tni.widgets.burgerprofiel.dev-vlaanderen.be/"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Productie: ","type":"text"},{"text":"https://prod.widgets.burgerprofiel.vlaanderen.be","type":"text","marks":[{"type":"link","attrs":{"href":"https://prod.widgets.burgerprofiel.vlaanderen.be"}}]}]}]}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"Digitaal Vlaanderen biedt momenteel 2 widgets: de global header en de global footer. Beide widgets worden beschouwd als 1 functionaliteit. De code om deze widgets te integreren (widget IDs en embedcodes) wordt standaard geleverd via mail.","type":"text"}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"3 hoofdstappen om de global header- en footer-widgets correct toe te voegen aan uw URL’s","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Definieer de libraries ","type":"text"}]}]}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":" ...","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":" ","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":" ","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":" ...","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"","type":"text","marks":[{"type":"code"}]}]},{"type":"paragraph","marks":[{"type":"indentation","attrs":{"level":1}}],"content":[{"text":"Zie: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://vlaamseoverheid.atlassian.net/wiki/spaces/IKPubliek/pages/5930059380/Ondersteunde+browers+en+browser+polyfills#Browser-Polyfills"}},{"text":" ","type":"text"}]},{"type":"orderedList","attrs":{"order":2},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Voeg de widgets toe aan de van de pagina - u ontvangt de widget-ID’s per mail tijdens de aansluitingsflow. ","type":"text"},{"type":"hardBreak"},{"text":"","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"...","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"...","type":"text","marks":[{"type":"code"}]},{"type":"hardBreak"},{"text":"