Skip to main content

1. Add an Admin Interface

An additional Privacy Component for the Web, called the "Bridge", is here to help you handle these requests. It offers a simple interface to allow relevant members of your organization (e.g. system administrators or DPOs) to manage all privacy requests related matters.

To add the Bridge Web Component to your project, simply follow the same steps as for the Privacy Portal one, but with the @blindnet/bridge npm package, and <bldn-bridge> HTML custom element.

<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8" />
<title>Privacy Components for the Web - Minimal Static Demo</title>
</head>
<body>
<h1>Privacy Components for the Web - Minimal Static Demo</h1>

<h2>Assert Your Privacy Rights</h2>

<bldn-privacy-portal computation-base-url="http://localhost:9000/v0"></bldn-privacy-portal>

<h2>Manage Your Users' Requests</h2>

<bldn-bridge computation-base-url="http://localhost:9000/v0"></bldn-bridge>

<script src="https://unpkg.com/@blindnet/privacy-portal/dist/index.core.min.js?module" type="module" ></script>
<script src="https://unpkg.com/@blindnet/bridge/dist/index.core.min.js?module" type="module" ></script>
</body>
</html>
danger

The computation-base-url parameter is part of the global privacy components for the web configuration via the @blindnet/core package. As a consequence, setting the computation base URL for a component impact all the other components attached to the same document.

Here, as we have two components on the same page, the value for the computation-base-url has to be the same for both.

Instead, we recommend setting the global configuration via the BlindnetCore.configure() method as follow:

<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8" />
<title>Privacy Components for the Web - Minimal Static Demo</title>
</head>
<body>
<h1>Privacy Components for the Web - Minimal Static Demo</h1>

<h2>Assert Your Privacy Rights</h2>

<bldn-privacy-portal></bldn-privacy-portal>

<h2>Manage Your Users' Requests</h2>

<bldn-bridge></bldn-bridge>

<script src="https://unpkg.com/@blindnet/privacy-portal/dist/index.core.min.js?module" type="module" ></script>
<script src="https://unpkg.com/@blindnet/bridge/dist/index.core.min.js?module" type="module" ></script>

<script type="module">
globalThis.BlindnetCore.configure({
computationBaseURL: "http://localhost:9000/v0"
})
</script>
</body>
</html>