Development

.env

@@ -70,8 +70,15 @@ OAUTH_KEYCLOAK_REALM=addHere
 
 ###> demo ###
 demo_installation=prod #demo
+APP_DEMO=0
 ###< demo ###
 
 ###> LaF ###
 laF_version=2.0.0-dev
 ###< LaF ###
+
+### Group Mapper API ###
+GROUP_API_URI=http://localhost
+GROUP_API_KEY=CHANGEME
+GROUP_API_ROLES=CHANGEME,CHANGEME,...
+GROUP_API_USER_ID=CHANGEME

.gitignore

@@ -55,4 +55,9 @@ yarn-error.log
 docker.conf
 
 /documentation_jitsi_admin/node_modules/
-/secretStorage/.Halite*
+/secretStorage/.Halite*
+###> phpstan/phpstan ###
+phpstan.neon
+###< phpstan/phpstan ###
+
+.php-version

README.md

@@ -1,4 +1,4 @@
-# Open-Datenschutzcenter 2.0
+# Open-Datenschutzcenter 3.0
 __Open Source Datenschutzmanagement System__
 
 [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-v2.0%20adopted-ff69b4.svg)](code_of_conduct.md)
@@ -10,6 +10,24 @@ Helfen Sie mit den Open Datenschutz Center noch besser zu machen. Wir suchen jed
 Übersetzungen werden über Crowdin organisiert und können dort einfach und unkompliziert Übersetzt werden.
 https://crowdin.com/project/open-datenschutz-center
 
+# Neue Funktionen in Version 3.0
+
+## Vererbung / Hierarchie
+
+Der ODC ermöglicht nun die hierarchische Verwaltung von Dokumenten. Basierend auf den Bedürfnissen einer bundesweiten Organisation mit untergeordneten Landes- und Kreisverbänden können alle Dokumente besser und zentraler verwaltet werden. Bundesweit geltende Regelungen werden auf Bundesebene verwaltet und gelten dann auch auf allen darunter liegenden Ebenen. Die Landes- oder Kreisverbände haben lesenden Zugriff auf die Bundesdokumente und gleichzeitig die Möglichkeit, individuell geltende Regelungen auf ihrer Ebene zu dokumentieren.
+
+## Anbindung der Hierarchie an Keycloak 
+
+Die beschriebene Struktur aus Bundes-, Landes- und Kreisverbänden lässt sich auch direkt mit dem Keycloak verbinden, so dass die Berechtigungen direkt von dort übernommen werden.  
+
+## Assistent 
+
+Ein Assistent unterstützt bei der Anlage von VVT und führt die Nutzenden durch die Formulare.
+
+## Neue Oberfläche 
+
+ODC wurde auf Symphony 6 umgesetllt und hat eine modernere Oberfläche 
+
 # Funktionen
 Folgende Funktionen sind bereits im Open Datenschutzcenter integriert:
 * Datenschutzakademie für interne Datenschutzschulungen zum Nachweis der kontinuierlichen Datenschutzweiterbildung der Beschäftigten.
@@ -77,6 +95,16 @@ In Kooperation mit der [Professur "Datenschutz und Compliance"](https://www.unib
 
 Durch die Mitarbeitenden von @verdigado wurde der VVT Assistent und die Vererbung implemntiert. 
 
+# Dev Setup
+
+1. Abhängigkeiten installieren mit `composer install` und `npm install`
+1. Starte docker container für Datenbank und Keycloak `docker compose -f docker-compose.dev.yml up -d`
+1. Mit Account `admin` und Passwort `admin` im Keycloak anmelden
+1. Unter `http://localhost:8080/admin/master/console/#/opendatenschutzcenter/users/add-user` Nutzer für open-datenschutzcenter realm anlegen
+1. Passwort für neuen Nutzer festlegen und die beiden opendatenschutzcenter client roles `uma_protection` und `odc-super-admin` zuweisen
+1. Führe Migrationen der Datenbank aus `symfony console doctrine:migrations:migrate`
+1. Starte den dev Server mit `symfony serve -d`
+
 # Lizenz
 Die aktuelle Version von Open Datenschutzcenter wird unter der AGPL-3.0 License bereitgestellt. Weitere Informationen finden Sie in der LICENSE Datei in diesem Repo.
 Copyright (c) 2020 H2 invent

RELEASE_NOTE.md

@@ -1,3 +1,11 @@
-# RELEASE NOTE
+# Release 4.0.0
 
-* Fix Downlaod of Documents
+## Neue Funktionen und Verbesserungen
+* In den TOM Formularen können jetzt die technischen und organisatorischen Maßnahmen mit einem WYSIWYG Editor beschrieben werden. (https://github.com/H2-invent/open-datenschutzcenter/pull/217)
+* Der neue Assistent unterstützt beim Erstellen von Verarbeitungen und allen notwendigen Datensätzen. Dieser Assistent erleichtert die Erfassung von neuen Verarbeitungen. (https://github.com/H2-invent/open-datenschutzcenter/pull/204)
+* Ab sofort können Datenschutzelemente von einem Team in Kinderteams vererbt werden. (https://github.com/H2-invent/open-datenschutzcenter/pull/205)
+
+## Bug fixes
+
+
+## Update Anleitung

assets/app.js

@@ -0,0 +1,32 @@
+import './bootstrap.js';
+import "trix";
+import './scripts/tailmater.js';
+import './scripts/datatables.js';
+
+import 'trix/dist/trix.css';
+import './styles/materialDesignIcons.css';
+import './styles/tailmater.css';
+import './styles/colors.css';
+import './styles/dataTablesTailwind.css';
+import './styles/dataTablesApp.css';
+import './styles/app.css';
+
+import $ from 'jquery';
+global.$ = global.jQuery = $;
+import {initFreeFields} from "./scripts/freeField";
+
+document.getElementById('snackbar-trigger')?.click();
+
+(function() {
+    addEventListener("trix-initialize", function(e) {
+        const file_tools = document.querySelector(".trix-button-group--file-tools");
+        file_tools?.remove();
+    })
+    addEventListener("trix-file-accept", function(e) {
+        e.preventDefault();
+    })
+})();
+
+$(document).ready(function() {
+    initFreeFields();
+});

assets/bootstrap.js

@@ -0,0 +1,10 @@
+import { startStimulusApp } from '@symfony/stimulus-bridge';
+
+// Registers Stimulus controllers from controllers.json and in the controllers/ directory
+export const app = startStimulusApp(require.context(
+    '@symfony/stimulus-bridge/lazy-controller-loader!./controllers',
+    true,
+    /\.[jt]sx?$/
+));
+// register any custom, 3rd party controllers here
+// app.register('some_controller_name', SomeImportedController);

assets/controllers.json

@@ -0,0 +1,4 @@
+{
+    "controllers": [],
+    "entrypoints": []
+}

assets/controllers/appUi_controller.js

@@ -0,0 +1,84 @@
+import { Controller } from '@hotwired/stimulus';
+
+export default class extends Controller {
+    connect() {
+        this.initTabs();
+        this.initClickListeners();
+        this.initDisabledForms();
+    }
+
+    initDisabledForms() {
+        Array.prototype.forEach.call(document.querySelectorAll('form[disabled]'), function (form) {
+            Array.prototype.forEach.call(form.querySelectorAll('input, textarea, select, button'), function (element) {
+                element.disabled = true;
+            });
+            Array.prototype.forEach.call(form.querySelectorAll('button[type=submit]'), function (button) {
+                button.remove();
+            });
+        });
+    }
+
+    initClickListeners() {
+        const selectorConfirm = '.text-danger, .btn-danger, .btw-warning, [data-click-confirm]';
+        Array.prototype.forEach.call(document.querySelectorAll(selectorConfirm), function (element) {
+            element.addEventListener('click', function(event) {
+                if (confirm(window.translations.confirmAction)) {
+                    return true;
+                }
+                event.preventDefault();
+                return false;
+            });
+        });
+    }
+
+    initTabs() {
+        self = this;
+        Array.prototype.forEach.call(document.querySelectorAll('[data-type="tabs"]'), function (element) {
+            element.addEventListener('click', function(event) {
+                event.preventDefault();
+                //window.location.hash = self.getAttributeFromElementOrParents(event.target, 'data-target');
+                history.replaceState(null, null, self.getAttributeFromElementOrParents(event.target, 'data-target'));
+            });
+        });
+        if (document.location.toString().match('#')) {
+            document.querySelector('[data-target="#' + document.location.toString().split('#')[1] + '"]')?.click();
+        }
+    }
+
+    loadContentModal(event) {
+        event.preventDefault();
+        const url = event.target.getAttribute('href');
+        const modal = document.getElementById('modal-remote-content');
+        const contentContainer = modal.querySelector('.modal-inner');
+        contentContainer.innerHTML = '<p class="p-10 italic">Loading ...</p>'
+
+        fetch(url)
+            .then(response => response.text())
+            .then(data => { contentContainer.innerHTML = data; })
+            .catch(error => console.error(error));
+    }
+
+    getAttributeFromElementOrParents(element, attribute, i = 1) {
+        if (5 == i) { // max 5 recursive calls
+            return null;
+        }
+
+        if (element.getAttribute(attribute)) {
+            return element.getAttribute(attribute);
+        } else if (element.parentNode) {
+            return this.getAttributeFromElementOrParents(element.parentNode, attribute, ++i);
+        }
+
+        return null;
+    }
+
+    toggle(event) {
+        event.preventDefault();
+        const containerShow = document.getElementById(this.getAttributeFromElementOrParents(event.target, 'data-show'));
+        const containerHide = document.getElementById(this.getAttributeFromElementOrParents(event.target, 'data-hide'));
+        const containerToggle = document.getElementById(this.getAttributeFromElementOrParents(event.target, 'data-toggle'));
+        containerShow?.classList.remove('hidden');
+        containerHide?.classList.add('hidden');
+        containerToggle?.classList.toggle('hidden');
+    }
+}

assets/controllers/questionnaire_controller.js

@@ -0,0 +1,21 @@
+import { Controller } from '@hotwired/stimulus';
+
+export default class extends Controller {
+    answer() {
+        const self = this;
+        let disabledButton = true;
+
+        Array.prototype.forEach.call(document.querySelectorAll('input[type=checkbox], input[type=radio]'), function (element) {
+            console.log(element.checked);
+            if (element.checked) {
+                disabledButton = false;
+            }
+        });
+
+        if (disabledButton) {
+            document.getElementById('dynamic_question_continue').setAttribute('disabled', 'disabled');
+        } else {
+            document.getElementById('dynamic_question_continue').removeAttribute('disabled');
+        }
+    }
+}