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

package/fesm2015/valtimo-dossier-management.js

@@ -3,579 +3,578 @@ import { EventEmitter, Component, Output, ViewChild, NgModule, Input } from '@an
 import { FormsModule } from '@angular/forms';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { MenuService, AlertService, WidgetModule, DropzoneModule, ListModule, ModalModule } from '@valtimo/components';
-import { ConfigModule, ExtensionComponent } from '@valtimo/config';
-import { DocumentService } from '@valtimo/document';
+import { ROLE_ADMIN, ConfigModule, ExtensionComponent } from '@valtimo/config';
+import { DocumentService, DocumentDefinitionCreateRequest } from '@valtimo/document';
 import { ProcessService } from '@valtimo/process';
 import { ToastrService } from 'ngx-toastr';
 import { Router, ActivatedRoute, RouterModule } from '@angular/router';
 import * as moment_ from 'moment';
 import { BehaviorSubject, Subject } from 'rxjs';
 import { AuthGuardService } from '@valtimo/security';
-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 }}\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 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\n        class=\"custom-control custom-checkbox custom-control-inline pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.processCreatesCaseTooltip' | translate }}\"\n      >\n        <input\n          class=\"custom-control-input\"\n          type=\"checkbox\"\n          [(ngModel)]=\"newDocumentProcessDefinitionInit\"\n        /><span class=\"custom-control-label custom-control-color\">{{\n          'processCaseConnection.processCreatesCase' | translate\n        }}</span>\n      </label>\n      <label\n        class=\"custom-control custom-checkbox custom-control-inline ml-2 pl-6 mb-0\"\n        placement=\"bottom\"\n        ngbTooltip=\"{{ 'processCaseConnection.startableWithinCaseTooltip' | 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          'processCaseConnection.startableWithinCase' | translate\n        }}</span>\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    <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 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\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.
+ */
+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\n                class=\"custom-control custom-checkbox custom-control-inline pl-6 mr-5\"\n                placement=\"bottom\"\n                ngbTooltip=\"{{ 'processCaseConnection.processCreatesCaseTooltip' | translate }}\"\n              >\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\">{{\n                  'processCaseConnection.processCreatesCase' | translate\n                }}</span>\n              </label>\n              <label\n                class=\"custom-control custom-checkbox custom-control-inline pl-6\"\n                placement=\"bottom\"\n                ngbTooltip=\"{{ 'processCaseConnection.startableWithinCaseTooltip' | translate }}\"\n              >\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                  'processCaseConnection.startableWithinCase' | translate\n                }}</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\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\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 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 };