First release alpha

milieuinfo · Jul 5, 2022 · b89780b · b89780b
1 parent 9686bf9
commit b89780b
Show file tree

Hide file tree

Showing 54 changed files with 3,450 additions and 5 deletions.
diff --git a/index.html b/index.html
diff --git a/public/assets/icons/PNG-Kalender.png b/public/assets/icons/PNG-Kalender.png
diff --git a/public/assets/icons/PNG-Meld_verdachte_handelingen.png b/public/assets/icons/PNG-Meld_verdachte_handelingen.png
diff --git a/public/assets/icons/PNG-barometer.png b/public/assets/icons/PNG-barometer.png
diff --git a/public/assets/icons/PNG-fout.png b/public/assets/icons/PNG-fout.png
diff --git a/public/assets/icons/PNG-klipbord.png b/public/assets/icons/PNG-klipbord.png
diff --git a/public/assets/icons/PNG-natuurlijke persoon.png b/public/assets/icons/PNG-natuurlijke persoon.png
diff --git a/public/assets/icons/PNG-onderzoek.png b/public/assets/icons/PNG-onderzoek.png
diff --git a/public/assets/icons/PNG-opgepast.png b/public/assets/icons/PNG-opgepast.png
diff --git a/public/assets/icons/PNG-risicoanalyse.png b/public/assets/icons/PNG-risicoanalyse.png
diff --git a/public/assets/icons/PNG-time-out.png b/public/assets/icons/PNG-time-out.png
diff --git a/public/assets/icons/PNG-trainer_B.png b/public/assets/icons/PNG-trainer_B.png
diff --git a/public/assets/icons/archeologievlagedit.png b/public/assets/icons/archeologievlagedit.png
diff --git a/public/assets/icons/barometeredit.png b/public/assets/icons/barometeredit.png
diff --git a/public/assets/icons/burgemeesteredit.png b/public/assets/icons/burgemeesteredit.png
diff --git a/public/assets/icons/foutedit.png b/public/assets/icons/foutedit.png
diff --git a/public/assets/icons/info.png b/public/assets/icons/info.png
diff --git a/public/assets/icons/kalenderedit.png b/public/assets/icons/kalenderedit.png
diff --git a/public/assets/icons/klipbordedit.png b/public/assets/icons/klipbordedit.png
diff --git a/public/assets/icons/meld_verdachte_handelingenedit.png b/public/assets/icons/meld_verdachte_handelingenedit.png
diff --git a/public/assets/icons/onderzoekedit.png b/public/assets/icons/onderzoekedit.png
diff --git a/public/assets/icons/opgepastedit.png b/public/assets/icons/opgepastedit.png
diff --git a/public/assets/icons/overeenkomstedit.png b/public/assets/icons/overeenkomstedit.png
diff --git a/public/assets/icons/risicoanalyseedit.png b/public/assets/icons/risicoanalyseedit.png
diff --git a/public/assets/icons/sluikstortenedit.png b/public/assets/icons/sluikstortenedit.png
diff --git a/public/assets/icons/sociale_economieedit.png b/public/assets/icons/sociale_economieedit.png
diff --git a/public/assets/icons/time-outedit.png b/public/assets/icons/time-outedit.png
diff --git a/public/assets/icons/trainer_bedit.png b/public/assets/icons/trainer_bedit.png
diff --git a/public/assets/images/header.jpg b/public/assets/images/header.jpg
diff --git a/public/assets/images/mapprovincies.png b/public/assets/images/mapprovincies.png
diff --git a/public/assets/images/placeholder.png b/public/assets/images/placeholder.png
diff --git a/public/assets/style.css b/public/assets/style.css
@@ -0,0 +1,130 @@
+body {
+  background: #eee;
+}
+
+.content {
+  margin: 0 auto;
+  width: 80%;
+  max-width: 800px;
+}
+
+
+
+.MIL-Barchart-VTE {
+  height: 600px;
+  width:500px;
+}
+
+.objectsm {
+  height: 100px;
+  width:500px;
+}
+
+.bg {
+  background-color: azure;
+}
+
+.object {
+  height: 100px;
+  width:100% !important;
+}
+
+.center {
+  display: float;
+  margin-left: auto;
+  margin-right: auto;
+  width: 50%;
+}
+
+.chart {
+  width:100% !important;
+  height: 350px !important;
+}
+
+.chartTable {
+  height:100% !important;
+  width:100% !important;
+}
+
+.chart2 {
+  height: 300px !important;
+  width:500px;
+}
+
+.data-top-bot {
+  margin-bottom: 20px !important;
+  margin-top: 20px !important;
+}
+
+.nav-link-color {
+  color: #0155cc !important;
+  text-decoration: none;
+  display: inline-block !important;
+  position: relative;
+}
+
+
+.nav-link-color:after {
+  content: '';
+  position: absolute;
+  width: 100%;
+  transform: scaleX(0);
+  height: 2px;
+  bottom: 0;
+  left: 0;
+  background-color: #0155cc;
+  transform-origin: center;
+  transition: transform 0.25s ease-out;
+}
+
+.nav-link-color:hover:after {
+  transform: scaleX(1);
+  transform-origin: center;
+}
+
+div.qvobject,
+div.qvplaceholder {
+  padding: 0px 10px 10px 10px;
+  height: 400px;
+  background-color: white;
+}
+
+div.qvobject100 {
+  padding: 0px 0px 0px 0px;
+  height: 100px;
+}
+
+div.qvobject200 {
+  padding: 0px 10px 10px 10px;
+  height: 200px;
+}
+
+div.qvobject250 {
+  padding: 0px 10px 10px 10px;
+  height: 250px;
+}
+div.qvobject500 {
+  padding: 0px 10px 10px 10px;
+  height: 500px;
+}
+
+.current-page {
+  font-weight: bold !important;
+  text-decoration: underline !important;
+}
+
+.listboxProv {
+  height:250px;
+}
+
+.listbox {
+  height:600px !important;
+  padding:0px !important;
+}
+
+.icon {
+  display:block !important;
+  margin-left: auto !important;
+  margin-right: auto !important;
+  padding: 0px !important;
+}
diff --git a/public/documents/Duiding bij de statistische bijdrage van het Openbaar Ministerie.pdf b/public/documents/Duiding bij de statistische bijdrage van het Openbaar Ministerie.pdf
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="nl">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Omgevingshandhavingsrapportage | Departement Omgeving</title>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+    <link rel="stylesheet" href="assets/style.css"/>
+  </head>
+  <body is="vl-body">
+    <div style="flex: 1">
+      <vl-template>
+        <vl-header
+          slot="header"
+          data-vl-identifier="b77b3e2d-d967-453f-a95b-1e1e235a07d7"
+          data-vl-development
+        ></vl-header>
+        <div slot="main">
+          <div id="app"></div>
+        </div>
+        <vl-footer
+          slot="footer"
+          data-vl-identifier="71c13f70-f8fd-4c08-86d4-e97be1dce576"
+          data-vl-development
+        ></vl-footer>
+      </vl-template>
+    </div>
+
+  <script type="module" src="./bundle.js"></script>
+  </body>
+
+
+</html>
diff --git a/src/configure.js b/src/configure.js
@@ -0,0 +1,16 @@
+import '@nebula.js/stardust'
+import '@nebula.js/sn-bar-chart'
+const nebbie = embed.createConfiguration({
+  context: {
+    theme: 'light',
+    language: 'nl-NL',
+  },
+  types: [
+    {
+      name: 'barchart',
+      load: () => Promise.resolve(window['@nebula.js/sn-bar-chart']),
+    },
+  ],
+});
+
+export default n;
diff --git a/src/connect.js b/src/connect.js
@@ -0,0 +1,44 @@
+import enigma from "enigma.js";
+import schema from "enigma.js/schemas/12.170.2.json";
+
+async function getQCSHeaders({ webIntegrationId, url }) {
+  const response = await fetch(`${url}`, {
+   // credentials: "include",
+  });
+  if (response.status === 401) {
+    const loginUrl = new URL(`${url}/login`);
+    loginUrl.searchParams.append("returnto", window.location.href);
+   /* loginUrl.searchParams.append("qlik-web-integration-id", webIntegrationId);*/
+    window.location.href = loginUrl;
+    return undefined;
+  }
+  const csrfToken = new Map(response.headers).get("qlik-csrf-token");
+  return {
+    "qlik-web-integration-id": webIntegrationId,
+    "qlik-csrf-token": csrfToken,
+  };
+}
+
+async function getEnigmaApp({ host, appId, headers }) {
+  const params = Object.keys(headers)
+    .map((key) => `${key}=${headers[key]}`)
+    .join("&");
+
+  const enigmaGlobal = await enigma
+    .create({
+      schema,
+      url: `ws://${host}/app/${appId}?${params}`,
+    })
+    .open();
+
+  return enigmaGlobal.openDoc(appId);
+}
+
+async function connect({ url, appId }) {
+  const host = url.replace(/^https?:\/\//, "").replace(/\/?/, "");
+const headers = await getQCSHeaders({ url/*, webIntegrationId*/ });
+  return getEnigmaApp({ host, headers, appId });
+}
+
+export default connect;
+