npm - @valtimo/dossier-management - Versions diffs - 4.15.2-next-main.15 → 4.15.3-next-main.16 - Mend

@valtimo/dossier-management 4.15.2-next-main.15 → 4.15.3-next-main.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/fesm2015/valtimo-dossier-management.js CHANGED Viewed

@@ -15,564 +15,567 @@ import { ROLE_ADMIN, DocumentDefinitionCreateRequest } from '@valtimo/contract';
 import { switchMap, tap, take } from 'rxjs/operators';
 import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class DossierManagementConnectModalComponent {
-    constructor(processService, documentService, toasterService) {
-        this.processService = processService;
-        this.documentService = documentService;
-        this.toasterService = toasterService;
-        this.documentDefinition = null;
-        this.newDocumentProcessDefinition = null;
-        this.newDocumentProcessDefinitionInit = true;
-        this.newDocumentProcessDefinitionStartableByUser = false;
-        this.processDocumentDefinitionExists = {};
-        this.reloadProcessDocumentDefinitions = new EventEmitter();
-    }
-    loadProcessDocumentDefinitions() {
-        this.processDocumentDefinitionExists = {};
-        this.documentService.findProcessDocumentDefinitions(this.documentDefinition.id.name).subscribe((processDocumentDefinitions) => {
-            processDocumentDefinitions.forEach((processDocumentDefinition) => {
-                this.processDocumentDefinitionExists[processDocumentDefinition.id.processDefinitionKey] = true;
-            });
-        });
-    }
-    loadProcessDefinitions() {
-        this.processService.getProcessDefinitions().subscribe((processDefinitions) => {
-            this.processDefinitions = processDefinitions;
-        });
-    }
-    ngOnInit() {
-        this.loadProcessDefinitions();
-    }
-    openModal(dossier) {
-        this.documentDefinition = dossier;
-        this.newDocumentProcessDefinition = null;
-        this.newDocumentProcessDefinitionInit = true;
-        this.newDocumentProcessDefinitionStartableByUser = false;
-        this.loadProcessDocumentDefinitions();
-        this.modal.show();
-    }
-    submit() {
-        const request = {
-            canInitializeDocument: this.newDocumentProcessDefinitionInit,
-            startableByUser: this.newDocumentProcessDefinitionStartableByUser,
-            documentDefinitionName: this.documentDefinition.id.name,
-            processDefinitionKey: this.newDocumentProcessDefinition.key
-        };
-        this.documentService.createProcessDocumentDefinition(request).subscribe(() => {
-            this.toasterService.success('Successfully added new process document definition');
-            this.reloadProcessDocumentDefinitions.emit();
-        }, err => {
-            this.toasterService.error('Failed to add new process document definition');
-        });
-    }
-}
-DossierManagementConnectModalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-dossier-management-connect-modal',
-                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n        #dossierConnectModal\n        elementId=\"dossierConnectModal\"\n        [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n        subtitle=\"Connect document definition to process definition\"\n        showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <p>\n      {{ 'Select process definition for document definition' | translate }} <strong>{{documentDefinition.id.name}} *</strong>\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <select class=\"form-control\" [(ngModel)]=\"newDocumentProcessDefinition\">\n        <option [ngValue]=\"null\">Select process definition</option>\n        <option *ngFor=\"let processDefinition of processDefinitions\"\n                [disabled]=\"processDocumentDefinitionExists[processDefinition.key]\"\n                [ngValue]=\"processDefinition\">{{processDefinition.name}} ({{processDefinition.key}})\n        </option>\n      </select>\n    </div>\n    <p>\n      {{ 'Select options for the selected process' | translate }}\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <label class=\"custom-control custom-checkbox custom-control-inline pl-6 mb-0\">\n        <input class=\"custom-control-input\" type=\"checkbox\" [(ngModel)]=\"newDocumentProcessDefinitionInit\"><span\n              class=\"custom-control-label custom-control-color\">Init document?</span>\n      </label>\n      <label class=\"custom-control custom-checkbox custom-control-inline ml-2 pl-6 mb-0\" placement=\"right\"\n             ngbTooltip=\"{{ 'Startable by user tooltip' | translate }}\">\n        <input class=\"custom-control-input\" type=\"checkbox\" [(ngModel)]=\"newDocumentProcessDefinitionStartableByUser\"><span\n              class=\"custom-control-label custom-control-color\">{{ 'Startable by user' | translate }}?</span>\n      </label>\n    </div>\n  </div>\n  <div footer>\n    <button (click)=\"submit()\" class=\"btn btn-primary\" data-dismiss=\"modal\"\n            [disabled]=\"!newDocumentProcessDefinition\"> {{ 'Save' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n",
-                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
-            },] }
-];
-DossierManagementConnectModalComponent.ctorParameters = () => [
-    { type: ProcessService },
-    { type: DocumentService },
-    { type: ToastrService }
-];
-DossierManagementConnectModalComponent.propDecorators = {
-    reloadProcessDocumentDefinitions: [{ type: Output }],
-    modal: [{ type: ViewChild, args: ['dossierConnectModal',] }]
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierManagementConnectModalComponent {
+    constructor(processService, documentService, toasterService) {
+        this.processService = processService;
+        this.documentService = documentService;
+        this.toasterService = toasterService;
+        this.documentDefinition = null;
+        this.newDocumentProcessDefinition = null;
+        this.newDocumentProcessDefinitionInit = true;
+        this.newDocumentProcessDefinitionStartableByUser = false;
+        this.processDocumentDefinitionExists = {};
+        this.reloadProcessDocumentDefinitions = new EventEmitter();
+    }
+    loadProcessDocumentDefinitions() {
+        this.processDocumentDefinitionExists = {};
+        this.documentService
+            .findProcessDocumentDefinitions(this.documentDefinition.id.name)
+            .subscribe((processDocumentDefinitions) => {
+            processDocumentDefinitions.forEach((processDocumentDefinition) => {
+                this.processDocumentDefinitionExists[processDocumentDefinition.id.processDefinitionKey] = true;
+            });
+        });
+    }
+    loadProcessDefinitions() {
+        this.processService
+            .getProcessDefinitions()
+            .subscribe((processDefinitions) => {
+            this.processDefinitions = processDefinitions;
+        });
+    }
+    ngOnInit() {
+        this.loadProcessDefinitions();
+    }
+    openModal(dossier) {
+        this.documentDefinition = dossier;
+        this.newDocumentProcessDefinition = null;
+        this.newDocumentProcessDefinitionInit = true;
+        this.newDocumentProcessDefinitionStartableByUser = false;
+        this.loadProcessDocumentDefinitions();
+        this.modal.show();
+    }
+    submit() {
+        const request = {
+            canInitializeDocument: this.newDocumentProcessDefinitionInit,
+            startableByUser: this.newDocumentProcessDefinitionStartableByUser,
+            documentDefinitionName: this.documentDefinition.id.name,
+            processDefinitionKey: this.newDocumentProcessDefinition.key,
+        };
+        this.documentService.createProcessDocumentDefinition(request).subscribe(() => {
+            this.toasterService.success('Successfully added new process document definition');
+            this.reloadProcessDocumentDefinitions.emit();
+        }, err => {
+            this.toasterService.error('Failed to add new process document definition');
+        });
+    }
+}
+DossierManagementConnectModalComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-dossier-management-connect-modal',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n  #dossierConnectModal\n  elementId=\"dossierConnectModal\"\n  [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n  subtitle=\"Connect document definition to process definition\"\n  showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <p>\n      {{ 'Select process definition for document definition' | translate }}\n      <strong>{{ documentDefinition.id.name }} *</strong>\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <select class=\"form-control\" [(ngModel)]=\"newDocumentProcessDefinition\">\n        <option [ngValue]=\"null\">Select process definition</option>\n        <option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [disabled]=\"processDocumentDefinitionExists[processDefinition.key]\"\n          [ngValue]=\"processDefinition\"\n        >\n          {{ processDefinition.name }} ({{ processDefinition.key }})\n        </option>\n      </select>\n    </div>\n    <p>\n      {{ 'Select options for the selected process' | translate }}\n    </p>\n    <div class=\"input-group mb-3 align-items-center\">\n      <label class=\"custom-control custom-checkbox custom-control-inline pl-6 mb-0\">\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionInit\"\n        /><span class=\"custom-control-label custom-control-color\">Init document?</span>\n      </label>\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline ml-2 pl-6 mb-0\"\n        placement=\"right\"\n        ngbTooltip=\"{{ 'Startable by user tooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionStartableByUser\"\n        /><span class=\"custom-control-label custom-control-color\"\n          >{{ 'Startable by user' | translate }}?</span\n        >\n      </label>\n    </div>\n  </div>\n  <div footer>\n    <button\n      (click)=\"submit()\"\n      class=\"btn btn-primary\"\n      data-dismiss=\"modal\"\n      [disabled]=\"!newDocumentProcessDefinition\"\n    >\n      {{ 'Save' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n",
+                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
+            },] }
+];
+DossierManagementConnectModalComponent.ctorParameters = () => [
+    { type: ProcessService },
+    { type: DocumentService },
+    { type: ToastrService }
+];
+DossierManagementConnectModalComponent.propDecorators = {
+    reloadProcessDocumentDefinitions: [{ type: Output }],
+    modal: [{ type: ViewChild, args: ['dossierConnectModal',] }]
 };
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class DossierManagementRemoveModalComponent {
-    constructor(documentService, toasterService, router, translateService, menuService) {
-        this.documentService = documentService;
-        this.toasterService = toasterService;
-        this.router = router;
-        this.translateService = translateService;
-        this.menuService = menuService;
-        this.documentDefinition = null;
-        this.errors = [];
-    }
-    openModal(documentDefinition) {
-        this.documentDefinition = documentDefinition;
-        this.modal.show();
-    }
-    removeDocumentDefinition() {
-        this.documentService.removeDocumentDefinition(this.documentDefinition.id.name).subscribe(() => {
-            this.menuService.reload();
-            this.router.navigate(['/dossier-management']);
-            this.toasterService.success(this.translateService.instant('remove-document-definition-success'));
-        }, (result) => {
-            this.errors = result.errors;
-        });
-    }
-}
-DossierManagementRemoveModalComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-dossier-management-remove-modal',
-                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n        #documentDefinitionRemoveModal\n        elementId=\"documentDefinitionRemoveModal\"\n        [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n        subtitle=\"{{ 'Remove document definition' | translate }}\"\n        showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n\n    <div class=\"alert alert-contrast alert-danger mt-2\" role=\"alert\">\n      <div class=\"icon\"><span class=\"mdi mdi-alert-triangle\"></span></div>\n      <div class=\"message\" [innerHTML]=\"'remove-document-definition-confirmation' | translate\">\n      </div>\n    </div>\n    <div *ngIf=\"errors.length > 0\" class=\"alert alert-danger pt-5 pb-5 mb-2\">\n      <ol>\n        <li *ngFor=\"let error of errors\">\n          {{error}}\n        </li>\n      </ol>\n    </div>\n  </div>\n  <div footer>\n    <button (click)=\"removeDocumentDefinition()\" class=\"btn btn-primary\" data-dismiss=\"modal\">\n      {{ 'remove-document-definition-confirmation-button' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n",
-                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
-            },] }
-];
-DossierManagementRemoveModalComponent.ctorParameters = () => [
-    { type: DocumentService },
-    { type: ToastrService },
-    { type: Router },
-    { type: TranslateService },
-    { type: MenuService }
-];
-DossierManagementRemoveModalComponent.propDecorators = {
-    modal: [{ type: ViewChild, args: ['documentDefinitionRemoveModal',] }]
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierManagementRemoveModalComponent {
+    constructor(documentService, toasterService, router, translateService, menuService) {
+        this.documentService = documentService;
+        this.toasterService = toasterService;
+        this.router = router;
+        this.translateService = translateService;
+        this.menuService = menuService;
+        this.documentDefinition = null;
+        this.errors = [];
+    }
+    openModal(documentDefinition) {
+        this.documentDefinition = documentDefinition;
+        this.modal.show();
+    }
+    removeDocumentDefinition() {
+        this.documentService.removeDocumentDefinition(this.documentDefinition.id.name).subscribe(() => {
+            this.menuService.reload();
+            this.router.navigate(['/dossier-management']);
+            this.toasterService.success(this.translateService.instant('remove-document-definition-success'));
+        }, (result) => {
+            this.errors = result.errors;
+        });
+    }
+}
+DossierManagementRemoveModalComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-dossier-management-remove-modal',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-modal\n  #documentDefinitionRemoveModal\n  elementId=\"documentDefinitionRemoveModal\"\n  [title]=\"documentDefinition ? documentDefinition.schema.title : 'Document definition'\"\n  subtitle=\"{{ 'Remove document definition' | translate }}\"\n  showFooter=\"true\"\n>\n  <div body *ngIf=\"documentDefinition\">\n    <div class=\"alert alert-contrast alert-danger mt-2\" role=\"alert\">\n      <div class=\"icon\"><span class=\"mdi mdi-alert-triangle\"></span></div>\n      <div\n        class=\"message\"\n        [innerHTML]=\"'remove-document-definition-confirmation' | translate\"\n      ></div>\n    </div>\n    <div *ngIf=\"errors.length > 0\" class=\"alert alert-danger pt-5 pb-5 mb-2\">\n      <ol>\n        <li *ngFor=\"let error of errors\">\n          {{ error }}\n        </li>\n      </ol>\n    </div>\n  </div>\n  <div footer>\n    <button (click)=\"removeDocumentDefinition()\" class=\"btn btn-primary\" data-dismiss=\"modal\">\n      {{ 'remove-document-definition-confirmation-button' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n",
+                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
+            },] }
+];
+DossierManagementRemoveModalComponent.ctorParameters = () => [
+    { type: DocumentService },
+    { type: ToastrService },
+    { type: Router },
+    { type: TranslateService },
+    { type: MenuService }
+];
+DossierManagementRemoveModalComponent.propDecorators = {
+    modal: [{ type: ViewChild, args: ['documentDefinitionRemoveModal',] }]
 };
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class DossierManagementDetailComponent {
-    constructor(documentService, route, alertService) {
-        this.documentService = documentService;
-        this.route = route;
-        this.alertService = alertService;
-        this.documentDefinitionName = null;
-        this.documentDefinition = null;
-        this.processDocumentDefinitions = [];
-        this.documentDefinitionName = this.route.snapshot.paramMap.get('name');
-    }
-    ngOnInit() {
-        this.loadDocumentDefinition();
-        this.loadProcessDocumentDefinitions();
-    }
-    loadProcessDocumentDefinitions() {
-        this.documentService
-            .findProcessDocumentDefinitions(this.documentDefinitionName)
-            .subscribe((processDocumentDefinitions) => {
-            this.processDocumentDefinitions = processDocumentDefinitions;
-        });
-    }
-    loadDocumentDefinition() {
-        this.documentService
-            .getDocumentDefinition(this.documentDefinitionName)
-            .subscribe((documentDefinition) => {
-            this.documentDefinition = documentDefinition;
-        });
-    }
-    openDossierConnectModal() {
-        this.dossierConnectModal.openModal(this.documentDefinition);
-    }
-    openDossierRemoveModal() {
-        this.dossierRemoveModal.openModal(this.documentDefinition);
-    }
-    deleteProcessDocumentDefinition(processDocumentDefinition) {
-        this.documentService
-            .deleteProcessDocumentDefinition({
-            documentDefinitionName: processDocumentDefinition.id.documentDefinitionId.name,
-            processDefinitionKey: processDocumentDefinition.id.processDefinitionKey,
-            canInitializeDocument: processDocumentDefinition.canInitializeDocument,
-            startableByUser: processDocumentDefinition.startableByUser
-        })
-            .subscribe(() => {
-            this.alertService.success('Successfully deleted process document definition');
-            this.loadProcessDocumentDefinitions();
-        }, () => {
-            this.alertService.error('Failed to delete process document definition');
-        });
-    }
-    downloadDefinition() {
-        const definition = this.documentDefinition;
-        const dataString = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(definition.schema, null, 2));
-        const downloadAnchorElement = document.getElementById('downloadAnchorElement');
-        downloadAnchorElement.setAttribute('href', dataString);
-        downloadAnchorElement.setAttribute('download', `${definition.id.name}-v${definition.id.version}.json`);
-        downloadAnchorElement.click();
-    }
-}
-DossierManagementDetailComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-dossier-management-detail',
-                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div *ngIf=\"documentDefinition\" class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-primary btn-space\" (click)=\"downloadDefinition()\">\n        <i class=\"icon mdi mdi-download\"></i>&nbsp;\n        {{ 'Download document definition' | translate }}\n      </button>\n      <a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n      <button *ngIf=\"!this.documentDefinition.readOnly\" class=\"btn btn-secondary btn-space mr-0\"\n              (click)=\"openDossierRemoveModal()\">\n        <i class=\"icon mdi mdi-delete\"></i>&nbsp;\n        {{ 'Remove document definition' | translate }}\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <valtimo-widget *ngIf=\"documentDefinition\">\n      <div class=\"bg-light dossier-header\">\n        <h3 class=\"dossier-title\">{{ documentDefinition.schema.title }}\n          <div *ngIf=\"documentDefinition.readOnly\" class=\"pull-right\">\n            <span class=\"badge badge-pill badge-info increase-size\">Read-only</span>\n          </div>\n        </h3>\n      </div>\n      <div class=\"row bg-white mt-5 mb-2 pl-2 pr-2\">\n        <div class=\"col-5\">\n          <h2>{{ 'document definition' | translate }}</h2>\n        </div>\n        <div class=\"col-5 offset-2\">\n          <h2>Connected processes</h2>\n        </div>\n      </div>\n      <div class=\"row bg-white mb-5 pb-4 pl-2 pr-2\">\n        <div class=\"col-5 bg-red\">\n          <textarea class=\"w-100 dossier-schema\" rows=\"25\" disabled>{{ documentDefinition | json }}\n          </textarea>\n        </div>\n        <div class=\"col-5 offset-2 bg-blue\">\n          <div class=\"input-group mb-5\"\n               *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\">\n            <div class=\"input-group-prepend w-75\">\n              <button class=\"btn btn-danger\" (click)=\"deleteProcessDocumentDefinition(processDocumentDefinition)\"\n                      data-toggle=\"tooltip\" data-placement=\"left\" title=\"Delete this connected process\">\n                <i class=\"fa fa-trash\"></i>\n              </button>\n              <input class=\"form-control\"\n                     [value]=\"processDocumentDefinition.processName ? processDocumentDefinition.processName\n                    : '' + ' (' + processDocumentDefinition.id.processDefinitionKey + ')'\"\n                     type=\"text\"\n                     disabled\n              />\n            </div>\n            <div class=\"row mb-2 mt-2\">\n              <label class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\">\n                <input\n                        class=\"custom-control-input\"\n                        type=\"checkbox\"\n                        [checked]=\"processDocumentDefinition.canInitializeDocument\"\n                        disabled\n                /><span class=\"custom-control-label custom-control-color\">Init document?</span>\n              </label>\n              <label class=\"custom-control custom-checkbox custom-control-inline pl-6\">\n                <input\n                        class=\"custom-control-input\"\n                        type=\"checkbox\"\n                        [checked]=\"processDocumentDefinition.startableByUser\"\n                        disabled\n                /><span class=\"custom-control-label custom-control-color\">{{ 'Startable by user' | translate }}?</span>\n              </label>\n            </div>\n          </div>\n          <div class=\"text-right mt-5 mb-5\">\n            <button class=\"btn btn-primary\" (click)=\"openDossierConnectModal()\">\n              <i class=\"icon mdi mdi-plus\"></i> &nbsp; Connect process\n            </button>\n          </div>\n          <valtimo-extension\n                  module=\"dossier-management\"\n                  page=\"dossier\"\n                  section=\"right-panel\"\n          ></valtimo-extension>\n        </div>\n      </div>\n    </valtimo-widget>\n\n    <valtimo-dossier-management-connect-modal\n            #dossierConnectModal\n            (reloadProcessDocumentDefinitions)=\"loadProcessDocumentDefinitions()\"\n    ></valtimo-dossier-management-connect-modal>\n    <valtimo-dossier-management-remove-modal #dossierRemoveModal></valtimo-dossier-management-remove-modal>\n  </div>\n\n</div>\n",
-                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.dossier-header{border-bottom:1px solid #dee2e6;height:80px;padding-left:18px;padding-right:18px;padding-top:21px}.dossier-title{margin-bottom:7px;margin-top:0}.row{margin:0}.dossier-schema{resize:none}"]
-            },] }
-];
-DossierManagementDetailComponent.ctorParameters = () => [
-    { type: DocumentService },
-    { type: ActivatedRoute },
-    { type: AlertService }
-];
-DossierManagementDetailComponent.propDecorators = {
-    dossierConnectModal: [{ type: ViewChild, args: ['dossierConnectModal',] }],
-    dossierRemoveModal: [{ type: ViewChild, args: ['dossierRemoveModal',] }]
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierManagementDetailComponent {
+    constructor(documentService, route, alertService) {
+        this.documentService = documentService;
+        this.route = route;
+        this.alertService = alertService;
+        this.documentDefinitionName = null;
+        this.documentDefinition = null;
+        this.processDocumentDefinitions = [];
+        this.documentDefinitionName = this.route.snapshot.paramMap.get('name');
+    }
+    ngOnInit() {
+        this.loadDocumentDefinition();
+        this.loadProcessDocumentDefinitions();
+    }
+    loadProcessDocumentDefinitions() {
+        this.documentService
+            .findProcessDocumentDefinitions(this.documentDefinitionName)
+            .subscribe((processDocumentDefinitions) => {
+            this.processDocumentDefinitions = processDocumentDefinitions;
+        });
+    }
+    loadDocumentDefinition() {
+        this.documentService
+            .getDocumentDefinition(this.documentDefinitionName)
+            .subscribe((documentDefinition) => {
+            this.documentDefinition = documentDefinition;
+        });
+    }
+    openDossierConnectModal() {
+        this.dossierConnectModal.openModal(this.documentDefinition);
+    }
+    openDossierRemoveModal() {
+        this.dossierRemoveModal.openModal(this.documentDefinition);
+    }
+    deleteProcessDocumentDefinition(processDocumentDefinition) {
+        this.documentService
+            .deleteProcessDocumentDefinition({
+            documentDefinitionName: processDocumentDefinition.id.documentDefinitionId.name,
+            processDefinitionKey: processDocumentDefinition.id.processDefinitionKey,
+            canInitializeDocument: processDocumentDefinition.canInitializeDocument,
+            startableByUser: processDocumentDefinition.startableByUser,
+        })
+            .subscribe(() => {
+            this.alertService.success('Successfully deleted process document definition');
+            this.loadProcessDocumentDefinitions();
+        }, () => {
+            this.alertService.error('Failed to delete process document definition');
+        });
+    }
+    downloadDefinition() {
+        const definition = this.documentDefinition;
+        const dataString = 'data:text/json;charset=utf-8,' +
+            encodeURIComponent(JSON.stringify(definition.schema, null, 2));
+        const downloadAnchorElement = document.getElementById('downloadAnchorElement');
+        downloadAnchorElement.setAttribute('href', dataString);
+        downloadAnchorElement.setAttribute('download', `${definition.id.name}-v${definition.id.version}.json`);
+        downloadAnchorElement.click();
+    }
+}
+DossierManagementDetailComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-dossier-management-detail',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div *ngIf=\"documentDefinition\" class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-primary btn-space\" (click)=\"downloadDefinition()\">\n        <i class=\"icon mdi mdi-download\"></i>&nbsp;\n        {{ 'Download document definition' | translate }}\n      </button>\n      <a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n      <button\n        *ngIf=\"!this.documentDefinition.readOnly\"\n        class=\"btn btn-secondary btn-space mr-0\"\n        (click)=\"openDossierRemoveModal()\"\n      >\n        <i class=\"icon mdi mdi-delete\"></i>&nbsp;\n        {{ 'Remove document definition' | translate }}\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <valtimo-widget *ngIf=\"documentDefinition\">\n      <div class=\"bg-light dossier-header\">\n        <h3 class=\"dossier-title\">\n          {{ documentDefinition.schema.title }}\n          <div *ngIf=\"documentDefinition.readOnly\" class=\"pull-right\">\n            <span class=\"badge badge-pill badge-info increase-size\">Read-only</span>\n          </div>\n        </h3>\n      </div>\n      <div class=\"row bg-white mt-5 mb-2 pl-2 pr-2\">\n        <div class=\"col-5\">\n          <h2>{{ 'document definition' | translate }}</h2>\n        </div>\n        <div class=\"col-5 offset-2\">\n          <h2>Connected processes</h2>\n        </div>\n      </div>\n      <div class=\"row bg-white mb-5 pb-4 pl-2 pr-2\">\n        <div class=\"col-5 bg-red\">\n          <textarea class=\"w-100 dossier-schema\" rows=\"25\" disabled\n            >{{ documentDefinition | json }}\n          </textarea>\n        </div>\n        <div class=\"col-5 offset-2 bg-blue\">\n          <div\n            class=\"input-group mb-5\"\n            *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\"\n          >\n            <div class=\"input-group-prepend w-75\">\n              <button\n                class=\"btn btn-danger\"\n                (click)=\"deleteProcessDocumentDefinition(processDocumentDefinition)\"\n                data-toggle=\"tooltip\"\n                data-placement=\"left\"\n                title=\"Delete this connected process\"\n              >\n                <i class=\"fa fa-trash\"></i>\n              </button>\n              <input\n                class=\"form-control\"\n                [value]=\"\n                  processDocumentDefinition.processName\n                    ? processDocumentDefinition.processName\n                    : '' + ' (' + processDocumentDefinition.id.processDefinitionKey + ')'\n                \"\n                type=\"text\"\n                disabled\n              />\n            </div>\n            <div class=\"row mb-2 mt-2\">\n              <label class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\">\n                <input\n                  class=\"custom-control-input\"\n                  type=\"checkbox\"\n                  [checked]=\"processDocumentDefinition.canInitializeDocument\"\n                  disabled\n                /><span class=\"custom-control-label custom-control-color\">Init document?</span>\n              </label>\n              <label class=\"custom-control custom-checkbox custom-control-inline pl-6\">\n                <input\n                  class=\"custom-control-input\"\n                  type=\"checkbox\"\n                  [checked]=\"processDocumentDefinition.startableByUser\"\n                  disabled\n                /><span class=\"custom-control-label custom-control-color\"\n                  >{{ 'Startable by user' | translate }}?</span\n                >\n              </label>\n            </div>\n          </div>\n          <div class=\"text-right mt-5 mb-5\">\n            <button class=\"btn btn-primary\" (click)=\"openDossierConnectModal()\">\n              <i class=\"icon mdi mdi-plus\"></i> &nbsp; Connect process\n            </button>\n          </div>\n          <valtimo-extension\n            module=\"dossier-management\"\n            page=\"dossier\"\n            section=\"right-panel\"\n          ></valtimo-extension>\n        </div>\n      </div>\n    </valtimo-widget>\n\n    <valtimo-dossier-management-connect-modal\n      #dossierConnectModal\n      (reloadProcessDocumentDefinitions)=\"loadProcessDocumentDefinitions()\"\n    ></valtimo-dossier-management-connect-modal>\n    <valtimo-dossier-management-remove-modal\n      #dossierRemoveModal\n    ></valtimo-dossier-management-remove-modal>\n  </div>\n</div>\n",
+                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.dossier-header{border-bottom:1px solid #dee2e6;height:80px;padding-left:18px;padding-right:18px;padding-top:21px}.dossier-title{margin-bottom:7px;margin-top:0}.row{margin:0}.dossier-schema{resize:none}"]
+            },] }
+];
+DossierManagementDetailComponent.ctorParameters = () => [
+    { type: DocumentService },
+    { type: ActivatedRoute },
+    { type: AlertService }
+];
+DossierManagementDetailComponent.propDecorators = {
+    dossierConnectModal: [{ type: ViewChild, args: ['dossierConnectModal',] }],
+    dossierRemoveModal: [{ type: ViewChild, args: ['dossierRemoveModal',] }]
 };
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const moment = moment_;
-moment.locale(localStorage.getItem('langKey') || '');
-class DossierManagementListComponent {
-    constructor(documentService, router) {
-        this.documentService = documentService;
-        this.router = router;
-        this.dossiers = [];
-        this.pagination = {
-            collectionSize: 0,
-            page: 1,
-            size: 10,
-            maxPaginationItemSize: 5
-        };
-        this.pageParam = 0;
-        this.dossierFields = [
-            { key: 'schema.title', label: 'Title' },
-            { key: 'createdOn', label: 'Created On' },
-            { key: 'readOnly', label: 'Read-only' }
-        ];
-        this.showModal$ = new BehaviorSubject(false);
-    }
-    paginationClicked(page) {
-        this.pageParam = page - 1;
-        this.getDocumentDefinitions();
-    }
-    paginationSet() {
-        this.getDocumentDefinitions();
-    }
-    redirectToDetails(documentDefinition) {
-        this.router.navigate(['/dossier-management/dossier', documentDefinition.id.name]);
-    }
-    getDocumentDefinitions() {
-        this.documentService
-            .queryDefinitions({ page: this.pageParam, size: this.pagination.size })
-            .subscribe((documentDefinitionPage) => {
-            this.pagination.collectionSize = documentDefinitionPage.totalElements;
-            this.dossiers = documentDefinitionPage.content;
-            this.dossiers.map((dossier) => {
-                dossier.createdOn = moment(dossier.createdOn).format('DD MMM YYYY HH:mm');
-            });
-        });
-    }
-    showModal() {
-        this.showModal$.next(true);
-    }
-}
-DossierManagementListComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-dossier-management-list',
-                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-secondary btn-space mr-0\" (click)=\"showModal()\">\n        <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n        {{ 'Upload document definition' | translate }}\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <valtimo-widget>\n      <valtimo-list\n        [items]=\"dossiers\"\n        [fields]=\"dossierFields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\n        [isSearchable]=\"true\"\n        [pagination]=\"pagination\"\n        paginationIdentifier=\"dossierManagementList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet()\"\n        (rowClicked)=\"redirectToDetails($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'Dossiers' | translate }}</h3>\n          <h5 class=\"list-header-description\">{{ 'Overview of all Dossiers' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-dossier-management-upload\n  [show$]=\"showModal$\"\n  (definitionUploaded)=\"paginationSet()\"\n></valtimo-dossier-management-upload>\n",
-                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
-            },] }
-];
-DossierManagementListComponent.ctorParameters = () => [
-    { type: DocumentService },
-    { type: Router }
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const moment = moment_;
+moment.locale(localStorage.getItem('langKey') || '');
+class DossierManagementListComponent {
+    constructor(documentService, router) {
+        this.documentService = documentService;
+        this.router = router;
+        this.dossiers = [];
+        this.pagination = {
+            collectionSize: 0,
+            page: 1,
+            size: 10,
+            maxPaginationItemSize: 5,
+        };
+        this.pageParam = 0;
+        this.dossierFields = [
+            { key: 'schema.title', label: 'Title' },
+            { key: 'createdOn', label: 'Created On' },
+            { key: 'readOnly', label: 'Read-only' },
+        ];
+        this.showModal$ = new BehaviorSubject(false);
+    }
+    paginationClicked(page) {
+        this.pageParam = page - 1;
+        this.getDocumentDefinitions();
+    }
+    paginationSet() {
+        this.getDocumentDefinitions();
+    }
+    redirectToDetails(documentDefinition) {
+        this.router.navigate(['/dossier-management/dossier', documentDefinition.id.name]);
+    }
+    getDocumentDefinitions() {
+        this.documentService
+            .queryDefinitions({ page: this.pageParam, size: this.pagination.size })
+            .subscribe((documentDefinitionPage) => {
+            this.pagination.collectionSize = documentDefinitionPage.totalElements;
+            this.dossiers = documentDefinitionPage.content;
+            this.dossiers.map((dossier) => {
+                dossier.createdOn = moment(dossier.createdOn).format('DD MMM YYYY HH:mm');
+            });
+        });
+    }
+    showModal() {
+        this.showModal$.next(true);
+    }
+}
+DossierManagementListComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-dossier-management-list',
+                template: "<!--\n  ~ Copyright 2015-2020 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content pt-0\">\n  <div class=\"container-fluid\">\n    <div class=\"btn-group mt-m3px mb-3 float-right\">\n      <button class=\"btn btn-secondary btn-space mr-0\" (click)=\"showModal()\">\n        <i class=\"icon mdi mdi-upload\"></i>&nbsp;\n        {{ 'Upload document definition' | translate }}\n      </button>\n    </div>\n    <div class=\"clearfix\"></div>\n    <valtimo-widget>\n      <valtimo-list\n        [items]=\"dossiers\"\n        [fields]=\"dossierFields\"\n        [header]=\"true\"\n        [viewMode]=\"true\"\n        [isSearchable]=\"true\"\n        [pagination]=\"pagination\"\n        paginationIdentifier=\"dossierManagementList\"\n        (paginationClicked)=\"paginationClicked($event)\"\n        (paginationSet)=\"paginationSet()\"\n        (rowClicked)=\"redirectToDetails($event)\"\n      >\n        <div header>\n          <h3 class=\"list-header-title\">{{ 'Dossiers' | translate }}</h3>\n          <h5 class=\"list-header-description\">{{ 'Overview of all Dossiers' | translate }}</h5>\n        </div>\n      </valtimo-list>\n    </valtimo-widget>\n  </div>\n</div>\n\n<valtimo-dossier-management-upload\n  [show$]=\"showModal$\"\n  (definitionUploaded)=\"paginationSet()\"\n></valtimo-dossier-management-upload>\n",
+                styles: ["/*!\n * Copyright 2015-2020 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */"]
+            },] }
+];
+DossierManagementListComponent.ctorParameters = () => [
+    { type: DocumentService },
+    { type: Router }
 ];
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const ɵ0 = { title: 'Dossiers', roles: [ROLE_ADMIN] }, ɵ1 = { title: 'Dossier details', roles: [ROLE_ADMIN] };
-const routes = [
-    {
-        path: 'dossier-management',
-        component: DossierManagementListComponent,
-        canActivate: [AuthGuardService],
-        data: ɵ0
-    },
-    {
-        path: 'dossier-management/dossier/:name',
-        component: DossierManagementDetailComponent,
-        canActivate: [AuthGuardService],
-        data: ɵ1
-    }
-];
-class DossierManagementRoutingModule {
-}
-DossierManagementRoutingModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    RouterModule.forRoot(routes)
-                ],
-                exports: [
-                    RouterModule
-                ],
-                declarations: []
-            },] }
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const ɵ0 = { title: 'Dossiers', roles: [ROLE_ADMIN] }, ɵ1 = { title: 'Dossier details', roles: [ROLE_ADMIN] };
+const routes = [
+    {
+        path: 'dossier-management',
+        component: DossierManagementListComponent,
+        canActivate: [AuthGuardService],
+        data: ɵ0,
+    },
+    {
+        path: 'dossier-management/dossier/:name',
+        component: DossierManagementDetailComponent,
+        canActivate: [AuthGuardService],
+        data: ɵ1,
+    },
+];
+class DossierManagementRoutingModule {
+}
+DossierManagementRoutingModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [RouterModule.forRoot(routes)],
+                exports: [RouterModule],
+                declarations: [],
+            },] }
 ];
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class DossierManagementUploadComponent {
-    constructor(documentService, translateService, menuService) {
-        this.documentService = documentService;
-        this.translateService = translateService;
-        this.menuService = menuService;
-        this.definitionUploaded = new EventEmitter();
-        this.clear$ = new Subject();
-        this.jsonString$ = new BehaviorSubject('');
-        this.error$ = new BehaviorSubject('');
-        this.disabled$ = new BehaviorSubject(false);
-        this.file$ = new BehaviorSubject(undefined);
-    }
-    ngAfterViewInit() {
-        this.openShowSubscription();
-        this.openFileSubscription();
-    }
-    ngOnDestroy() {
-        this.showSubscription.unsubscribe();
-        this.fileSubscription.unsubscribe();
-        this.closeErrorSubscription();
-    }
-    setFile(file) {
-        this.clearError();
-        this.file$.next(file);
-    }
-    uploadDefinition() {
-        this.disable();
-        this.jsonString$
-            .pipe(switchMap(jsonString => this.documentService.createDocumentDefinition(new DocumentDefinitionCreateRequest(jsonString)).pipe(tap(
-        // success
-        () => {
-            this.closeErrorSubscription();
-            this.clearError();
-            this.enable();
-            this.hideModal();
-            this.menuService.reload();
-            this.definitionUploaded.emit();
-        },
-        // error
-        () => {
-            this.openErrorSubscription('dropzone.error.invalidDocDef');
-            this.enable();
-        }))), take(1))
-            .subscribe();
-    }
-    openErrorSubscription(errorCode) {
-        this.closeErrorSubscription();
-        this.errorSubscription = this.translateService.stream(errorCode).subscribe(error => {
-            this.error$.next(error);
-        });
-    }
-    closeErrorSubscription() {
-        if (this.errorSubscription) {
-            this.errorSubscription.unsubscribe();
-        }
-    }
-    clearError() {
-        this.error$.next('');
-    }
-    openFileSubscription() {
-        this.fileSubscription = this.file$.subscribe(file => {
-            if (file) {
-                const reader = new FileReader();
-                reader.onloadend = () => {
-                    const result = reader.result.toString();
-                    if (this.stringIsValidJson(result)) {
-                        this.jsonString$.next(result);
-                    }
-                };
-                reader.readAsText(file);
-            }
-            else {
-                this.clearJsonString();
-            }
-        });
-    }
-    openShowSubscription() {
-        this.showSubscription = this.show$.subscribe(show => {
-            if (show) {
-                this.showModal();
-            }
-            else {
-                this.hideModal();
-            }
-            this.clearJsonString();
-            this.clearError();
-            this.clearDropzone();
-        });
-    }
-    clearJsonString() {
-        this.jsonString$.next('');
-    }
-    clearDropzone() {
-        this.clear$.next();
-    }
-    showModal() {
-        this.modal.show();
-    }
-    hideModal() {
-        this.modal.hide();
-    }
-    stringIsValidJson(string) {
-        try {
-            JSON.parse(string);
-        }
-        catch (e) {
-            return false;
-        }
-        return true;
-    }
-    disable() {
-        this.disabled$.next(true);
-    }
-    enable() {
-        this.disabled$.next(false);
-    }
-}
-DossierManagementUploadComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'valtimo-dossier-management-upload',
-                template: "<valtimo-modal #uploadDefinitionModal [title]=\"'Upload document definition' | translate\" showFooter=\"true\">\n  <div class=\"mt-2\" body>\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.jsonDocDef' | translate\"\n      [externalError$]=\"error$\"\n    ></valtimo-dropzone>\n  </div>\n  <div footer>\n    <ng-container *ngIf=\"(jsonString$ | async) && !(error$ | async); else pleaseSelect\">\n      <button [disabled]=\"disabled$ | async\" class=\"btn btn-primary\" (click)=\"uploadDefinition()\">\n        {{ 'Upload' | translate }}\n      </button>\n    </ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #pleaseSelect>\n  <button class=\"btn btn-primary\" [disabled]=\"true\">\n    {{ 'Select a document definition' | translate }}\n  </button>\n</ng-template>\n",
-                styles: [""]
-            },] }
-];
-DossierManagementUploadComponent.ctorParameters = () => [
-    { type: DocumentService },
-    { type: TranslateService },
-    { type: MenuService }
-];
-DossierManagementUploadComponent.propDecorators = {
-    show$: [{ type: Input }],
-    definitionUploaded: [{ type: Output }],
-    modal: [{ type: ViewChild, args: ['uploadDefinitionModal',] }]
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierManagementUploadComponent {
+    constructor(documentService, translateService, menuService) {
+        this.documentService = documentService;
+        this.translateService = translateService;
+        this.menuService = menuService;
+        this.definitionUploaded = new EventEmitter();
+        this.clear$ = new Subject();
+        this.jsonString$ = new BehaviorSubject('');
+        this.error$ = new BehaviorSubject('');
+        this.disabled$ = new BehaviorSubject(false);
+        this.file$ = new BehaviorSubject(undefined);
+    }
+    ngAfterViewInit() {
+        this.openShowSubscription();
+        this.openFileSubscription();
+    }
+    ngOnDestroy() {
+        this.showSubscription.unsubscribe();
+        this.fileSubscription.unsubscribe();
+        this.closeErrorSubscription();
+    }
+    setFile(file) {
+        this.clearError();
+        this.file$.next(file);
+    }
+    uploadDefinition() {
+        this.disable();
+        this.jsonString$
+            .pipe(switchMap(jsonString => this.documentService
+            .createDocumentDefinition(new DocumentDefinitionCreateRequest(jsonString))
+            .pipe(tap(
+        // success
+        () => {
+            this.closeErrorSubscription();
+            this.clearError();
+            this.enable();
+            this.hideModal();
+            this.menuService.reload();
+            this.definitionUploaded.emit();
+        },
+        // error
+        () => {
+            this.openErrorSubscription('dropzone.error.invalidDocDef');
+            this.enable();
+        }))), take(1))
+            .subscribe();
+    }
+    openErrorSubscription(errorCode) {
+        this.closeErrorSubscription();
+        this.errorSubscription = this.translateService.stream(errorCode).subscribe(error => {
+            this.error$.next(error);
+        });
+    }
+    closeErrorSubscription() {
+        if (this.errorSubscription) {
+            this.errorSubscription.unsubscribe();
+        }
+    }
+    clearError() {
+        this.error$.next('');
+    }
+    openFileSubscription() {
+        this.fileSubscription = this.file$.subscribe(file => {
+            if (file) {
+                const reader = new FileReader();
+                reader.onloadend = () => {
+                    const result = reader.result.toString();
+                    if (this.stringIsValidJson(result)) {
+                        this.jsonString$.next(result);
+                    }
+                };
+                reader.readAsText(file);
+            }
+            else {
+                this.clearJsonString();
+            }
+        });
+    }
+    openShowSubscription() {
+        this.showSubscription = this.show$.subscribe(show => {
+            if (show) {
+                this.showModal();
+            }
+            else {
+                this.hideModal();
+            }
+            this.clearJsonString();
+            this.clearError();
+            this.clearDropzone();
+        });
+    }
+    clearJsonString() {
+        this.jsonString$.next('');
+    }
+    clearDropzone() {
+        this.clear$.next();
+    }
+    showModal() {
+        this.modal.show();
+    }
+    hideModal() {
+        this.modal.hide();
+    }
+    stringIsValidJson(string) {
+        try {
+            JSON.parse(string);
+        }
+        catch (e) {
+            return false;
+        }
+        return true;
+    }
+    disable() {
+        this.disabled$.next(true);
+    }
+    enable() {
+        this.disabled$.next(false);
+    }
+}
+DossierManagementUploadComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'valtimo-dossier-management-upload',
+                template: "<valtimo-modal\n  #uploadDefinitionModal\n  [title]=\"'Upload document definition' | translate\"\n  showFooter=\"true\"\n>\n  <div class=\"mt-2\" body>\n    <valtimo-dropzone\n      [clear$]=\"clear$\"\n      (fileSelected)=\"setFile($event)\"\n      [disabled]=\"disabled$ | async\"\n      [subtitle]=\"'dropzone.jsonDocDef' | translate\"\n      [externalError$]=\"error$\"\n    ></valtimo-dropzone>\n  </div>\n  <div footer>\n    <ng-container *ngIf=\"(jsonString$ | async) && !(error$ | async); else pleaseSelect\">\n      <button [disabled]=\"disabled$ | async\" class=\"btn btn-primary\" (click)=\"uploadDefinition()\">\n        {{ 'Upload' | translate }}\n      </button>\n    </ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #pleaseSelect>\n  <button class=\"btn btn-primary\" [disabled]=\"true\">\n    {{ 'Select a document definition' | translate }}\n  </button>\n</ng-template>\n",
+                styles: [""]
+            },] }
+];
+DossierManagementUploadComponent.ctorParameters = () => [
+    { type: DocumentService },
+    { type: TranslateService },
+    { type: MenuService }
+];
+DossierManagementUploadComponent.propDecorators = {
+    show$: [{ type: Input }],
+    definitionUploaded: [{ type: Output }],
+    modal: [{ type: ViewChild, args: ['uploadDefinitionModal',] }]
 };
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class DossierManagementModule {
-}
-DossierManagementModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    DossierManagementListComponent,
-                    DossierManagementDetailComponent,
-                    DossierManagementConnectModalComponent,
-                    DossierManagementRemoveModalComponent,
-                    DossierManagementUploadComponent
-                ],
-                imports: [
-                    CommonModule,
-                    WidgetModule,
-                    DropzoneModule,
-                    ListModule,
-                    DossierManagementRoutingModule,
-                    FormsModule,
-                    TranslateModule,
-                    ModalModule,
-                    ConfigModule,
-                    NgbTooltipModule
-                ],
-                exports: [],
-                entryComponents: [ExtensionComponent]
-            },] }
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierManagementModule {
+}
+DossierManagementModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    DossierManagementListComponent,
+                    DossierManagementDetailComponent,
+                    DossierManagementConnectModalComponent,
+                    DossierManagementRemoveModalComponent,
+                    DossierManagementUploadComponent,
+                ],
+                imports: [
+                    CommonModule,
+                    WidgetModule,
+                    DropzoneModule,
+                    ListModule,
+                    DossierManagementRoutingModule,
+                    FormsModule,
+                    TranslateModule,
+                    ModalModule,
+                    ConfigModule,
+                    NgbTooltipModule,
+                ],
+                exports: [],
+                entryComponents: [ExtensionComponent],
+            },] }
 ];
-/*
- * Copyright 2015-2020 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+/*
+ * Copyright 2015-2020 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
  */
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 export { DossierManagementListComponent, DossierManagementModule, DossierManagementDetailComponent as ɵa, DossierManagementConnectModalComponent as ɵb, DossierManagementRemoveModalComponent as ɵc, DossierManagementUploadComponent as ɵd, DossierManagementRoutingModule as ɵe };