@valtimo/dossier 4.15.2 → 4.15.3-next-main.14

package/bundles/valtimo-dossier.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@ngx-translate/core'), require('@valtimo/document'), require('moment'), require('rxjs'), require('@valtimo/config'), require('@valtimo/contract'), require('@angular/common'), require('@valtimo/process'), require('@valtimo/task'), require('@valtimo/form'), require('@valtimo/security'), require('ngx-spinner'), require('ngx-toastr'), require('@valtimo/resource'), require('rxjs/operators'), require('@valtimo/components'), require('@ng-bootstrap/ng-bootstrap'), require('@valtimo/form-link'), require('ngx-logger'), require('@angular/forms'), require('@angular/common/http')) :
-    typeof define === 'function' && define.amd ? define('@valtimo/dossier', ['exports', '@angular/core', '@angular/router', '@ngx-translate/core', '@valtimo/document', 'moment', 'rxjs', '@valtimo/config', '@valtimo/contract', '@angular/common', '@valtimo/process', '@valtimo/task', '@valtimo/form', '@valtimo/security', 'ngx-spinner', 'ngx-toastr', '@valtimo/resource', 'rxjs/operators', '@valtimo/components', '@ng-bootstrap/ng-bootstrap', '@valtimo/form-link', 'ngx-logger', '@angular/forms', '@angular/common/http'], factory) :
-    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.dossier = {}), global.ng.core, global.ng.router, global.core$1, global.document, global.moment, global.rxjs, global.config, global.contract, global.ng.common, global.process, global.task, global.form, global.security, global.ngxSpinner, global.ngxToastr, global.resource, global.rxjs.operators, global.components, global.ngBootstrap, global.formLink, global.ngxLogger, global.ng.forms, global.ng.common.http));
-}(this, (function (exports, i0, router, core, document, moment_, rxjs, i1, contract, common, process, task, form, security, ngxSpinner, ngxToastr, resource, operators, components, ngBootstrap, formLink, ngxLogger, forms, http) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@ngx-translate/core'), require('@valtimo/document'), require('moment'), require('rxjs'), require('@valtimo/config'), require('@valtimo/contract'), require('@angular/common'), require('@valtimo/process'), require('@valtimo/task'), require('@valtimo/form'), require('@valtimo/security'), require('ngx-spinner'), require('ngx-toastr'), require('@valtimo/resource'), require('rxjs/operators'), require('@valtimo/contact-moment'), require('@valtimo/components'), require('@ng-bootstrap/ng-bootstrap'), require('@valtimo/form-link'), require('ngx-logger'), require('@angular/forms'), require('@angular/common/http')) :
+    typeof define === 'function' && define.amd ? define('@valtimo/dossier', ['exports', '@angular/core', '@angular/router', '@ngx-translate/core', '@valtimo/document', 'moment', 'rxjs', '@valtimo/config', '@valtimo/contract', '@angular/common', '@valtimo/process', '@valtimo/task', '@valtimo/form', '@valtimo/security', 'ngx-spinner', 'ngx-toastr', '@valtimo/resource', 'rxjs/operators', '@valtimo/contact-moment', '@valtimo/components', '@ng-bootstrap/ng-bootstrap', '@valtimo/form-link', 'ngx-logger', '@angular/forms', '@angular/common/http'], factory) :
+    (global = global || self, factory((global.valtimo = global.valtimo || {}, global.valtimo.dossier = {}), global.ng.core, global.ng.router, global.core$1, global.document, global.moment, global.rxjs, global.config, global.contract, global.ng.common, global.process, global.task, global.form, global.security, global.ngxSpinner, global.ngxToastr, global.resource, global.rxjs.operators, global.contactMoment, global.components, global.ngBootstrap, global.formLink, global.ngxLogger, global.ng.forms, global.ng.common.http));
+}(this, (function (exports, i0, router, core, document, moment_, rxjs, i1, contract, common, process, task, form, security, ngxSpinner, ngxToastr, resource, operators, contactMoment, components, ngBootstrap, formLink, ngxLogger, forms, http) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -325,6 +325,7 @@
         DefaultTabs["progress"] = "progress";
         DefaultTabs["audit"] = "audit";
         DefaultTabs["documents"] = "documents";
+        DefaultTabs["contactMoments"] = "contact-moments";
     })(exports.DefaultTabs || (exports.DefaultTabs = {}));
 
     /*
@@ -766,6 +767,8 @@
             this.route = route;
             this.documentService = documentService;
             this.spinnerService = spinnerService;
+            this.paginationClicked = new i0.EventEmitter();
+            this.defaultAuditPage = 0;
             this.spinnerService.show('auditSpinner');
             var snapshot = this.route.snapshot.paramMap;
             this.documentId = snapshot.get('documentId') || '';
@@ -776,8 +779,11 @@
             return 'events.' + eventName;
         };
         DossierDetailTabAuditComponent.prototype.ngOnInit = function () {
+            this.loadAuditPage(this.defaultAuditPage);
+        };
+        DossierDetailTabAuditComponent.prototype.loadAuditPage = function (pageNumber) {
             var _this = this;
-            this.documentService.getAuditLog(this.documentId).subscribe(function (page) {
+            this.documentService.getAuditLog(this.documentId, pageNumber).subscribe(function (page) {
                 var timelineItems = [];
                 page.content.forEach(function (auditRecord) {
                     var occurredOn = moment$2(auditRecord.metaData.occurredOn);
@@ -786,15 +792,22 @@
                 });
                 _this.timelineItems = timelineItems;
                 _this.spinnerService.hide('auditSpinner');
+                _this.pagination = page;
+                _this.pagination.number += 1;
             });
         };
+        DossierDetailTabAuditComponent.prototype.onChangePagination = function (page) {
+            this.paginationClicked.emit(page);
+            this.currentAuditPage = page - 1;
+            this.loadAuditPage(this.currentAuditPage);
+        };
         return DossierDetailTabAuditComponent;
     }());
     DossierDetailTabAuditComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-dossier-detail-tab-audit',
-                    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 *ngIf=\"timelineItems\">\n  <valtimo-timeline [items]=\"timelineItems\"></valtimo-timeline>\n</div>\n<valtimo-spinner\n  [useBootstrapSpinner]=\"false\"\n  name=\"auditSpinner\"\n  bdColor=\"rgba(125, 125, 125, 0.35)\"\n  color=\"#264251\"\n  type=\"square-jelly-box\"\n>\n</valtimo-spinner>\n",
-                    styles: [""]
+                    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 *ngIf=\"timelineItems\">\n  <valtimo-timeline [items]=\"timelineItems\"></valtimo-timeline>\n</div>\n<valtimo-spinner\n  [useBootstrapSpinner]=\"false\"\n  name=\"auditSpinner\"\n  bdColor=\"rgba(125, 125, 125, 0.35)\"\n  color=\"#264251\"\n  type=\"square-jelly-box\"\n>\n</valtimo-spinner>\n<div\n        class=\"pagination-holder audit-pagination bg-light px-4 pt-4 pb-2 overflow-auto row mr-0 ml-0\"\n        *ngIf=\"pagination && pagination.totalElements > pagination.size\"\n>\n  <div class=\"float-left page-count col-4\">\n    <strong>{{ 'list.currentPage' | translate: {current: pagination.number, total: pagination.totalPages} }}</strong>\n    <br />\n    {{\n    pagination.totalElements === 1\n            ? ('list.showingResult' | translate: {number: pagination.content.length})\n            : ('list.showingResults'\n                    | translate: {number: pagination.content.length, total: pagination.totalElements})\n    }}\n  </div>\n  <div class=\"col-8\">\n    <ngb-pagination\n            *ngIf=\"pagination.totalElements > pagination.size\"\n            class=\"float-right\"\n            [collectionSize]=\"pagination.totalElements\"\n            [(page)]=\"pagination.number\"\n            [pageSize]=\"pagination.size\"\n            [maxSize]=\"pagination.size\"\n            [rotate]=\"true\"\n            (pageChange)=\"onChangePagination(pagination.number)\"></ngb-pagination>\n  </div>\n</div>\n",
+                    styles: [".audit-pagination{border-top:1px solid #dee2e6;margin:0 -1.923rem -1.923rem!important}"]
                 },] }
     ];
     DossierDetailTabAuditComponent.ctorParameters = function () { return [
@@ -802,6 +815,9 @@
         { type: document.DocumentService },
         { type: ngxSpinner.NgxSpinnerService }
     ]; };
+    DossierDetailTabAuditComponent.propDecorators = {
+        paginationClicked: [{ type: i0.Output }]
+    };
 
     /*
      * Copyright 2015-2020 Ritense BV, the Netherlands.
@@ -1029,7 +1045,7 @@
     DossierDetailComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'valtimo-dossier-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\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div class=\"card-header bg-light card-header-divider pb-5\">\n          {{ documentDefinitionNameTitle }}\n          <div class=\"float-right\">\n            <div class=\"dropdown\">\n              <button class=\"btn btn-primary dropdown-toggle\" type=\"button\"\n                      id=\"startProcessDropdown\" placement=\"bottom\"\n                      [ngbTooltip]=\"processDocumentDefinitions.length === 0 ? 'No action' : null\"\n                      [disabled]=\"processDocumentDefinitions.length === 0\"\n                      data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                <span>Start</span>\n                <i class=\"pl-2 fas fa-caret-down\"></i>\n              </button>\n              <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"startProcessDropdown\">\n                <button *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\" class=\"dropdown-item p\"\n                        href=\"#\"\n                        (click)=\"startProcess(processDocumentDefinition)\">{{processDocumentDefinition.processName}}</button>\n              </div>\n            </div>\n          </div>\n        </div>\n        <ul class=\"nav nav-tabs\">\n          <li class=\"nav-item\" *ngFor=\"let tab of tabLoader.tabs\">\n            <a id=\"{{ tab.name }}-tab\" class=\"nav-link clickable\"\n               [ngClass]=\"{'active' : tab.isActive()}\"\n               data-toggle=\"tab\"\n               (click)=\"tabLoader.load(tab)\">\n              {{ tabLoader.translateTabName(tab) }}\n            </a>\n          </li>\n        </ul>\n        <div class=\"card-body bg-white p-5 position-relative tab-container\">\n          <ng-template #tabContainer>Loading...</ng-template>\n          <div class=\"clearfix\"></div>\n        </div>\n      </valtimo-widget>\n    </div>\n    <valtimo-dossier-supporting-process-start-modal (formSubmit)=\"tabLoader.refreshView()\"\n            #supportingProcessStartModal></valtimo-dossier-supporting-process-start-modal>\n  </div>\n</div>\n",
+                    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\">\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <valtimo-widget>\n        <div class=\"card-header bg-light card-header-divider pb-5\">\n          {{ documentDefinitionNameTitle }}\n          <div class=\"btn-group mt-m3px mb-3 float-right\">\n            <valtimo-extension\n              module=\"dossier\"\n              page=\"dossier-detail\"\n              section=\"card-header\"\n            ></valtimo-extension>\n            <div class=\"dropdown\">\n              <button class=\"btn btn-primary dropdown-toggle\" type=\"button\"\n                      id=\"startProcessDropdown\" placement=\"bottom\"\n                      [ngbTooltip]=\"processDocumentDefinitions.length === 0 ? 'No action' : null\"\n                      [disabled]=\"processDocumentDefinitions.length === 0\"\n                      data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                <span>Start</span>\n                <i class=\"pl-2 fas fa-caret-down\"></i>\n              </button>\n              <div class=\"dropdown-menu dropdown-menu-right\" aria-labelledby=\"startProcessDropdown\">\n                <button *ngFor=\"let processDocumentDefinition of processDocumentDefinitions\" class=\"dropdown-item p\"\n                        href=\"#\"\n                        (click)=\"startProcess(processDocumentDefinition)\">{{processDocumentDefinition.processName}}</button>\n              </div>\n            </div>\n          </div>\n        </div>\n        <ul class=\"nav nav-tabs\">\n          <li class=\"nav-item\" *ngFor=\"let tab of tabLoader.tabs\">\n            <a id=\"{{ tab.name }}-tab\" class=\"nav-link clickable\"\n               [ngClass]=\"{'active' : tab.isActive()}\"\n               data-toggle=\"tab\"\n               (click)=\"tabLoader.load(tab)\">\n              {{ tabLoader.translateTabName(tab) }}\n            </a>\n          </li>\n        </ul>\n        <div class=\"card-body bg-white p-5 position-relative tab-container\">\n          <ng-template #tabContainer>Loading...</ng-template>\n          <div class=\"clearfix\"></div>\n        </div>\n      </valtimo-widget>\n    </div>\n    <valtimo-dossier-supporting-process-start-modal (formSubmit)=\"tabLoader.refreshView()\"\n            #supportingProcessStartModal></valtimo-dossier-supporting-process-start-modal>\n  </div>\n</div>\n",
                     styles: [".tab-container{min-height:300px}"]
                 },] }
     ];
@@ -1049,7 +1065,7 @@
     };
 
     /*
-     * Copyright 2015-2020 Ritense BV, the Netherlands.
+     * Copyright 2015-2021 Ritense BV, the Netherlands.
      *
      * Licensed under EUPL, Version 1.2 (the "License");
      * you may not use this file except in compliance with the License.
@@ -1065,6 +1081,54 @@
      */
     var moment$3 = moment_;
     moment$3.locale(localStorage.getItem('langKey') || '');
+    var DossierDetailTabContactMomentsComponent = /** @class */ (function () {
+        function DossierDetailTabContactMomentsComponent(contactMomentService) {
+            this.contactMomentService = contactMomentService;
+            this.contactMoments = [];
+        }
+        DossierDetailTabContactMomentsComponent.prototype.ngOnInit = function () {
+            this.loadContactMoments();
+        };
+        DossierDetailTabContactMomentsComponent.prototype.loadContactMoments = function () {
+            var _this = this;
+            this.contactMomentService.getContactMoments().subscribe(function (contactMoments) { return _this.handleContactMomentsResult(contactMoments); });
+        };
+        DossierDetailTabContactMomentsComponent.prototype.handleContactMomentsResult = function (contactMoments) {
+            this.contactMoments = contactMoments.map(function (contactMoment) {
+                var registratieDatum = moment$3(contactMoment.registratiedatum);
+                return new contract.TimelineItemImpl(registratieDatum.format('DD MMM YYYY'), registratieDatum.format('HH:mm'), contactMoment.medewerkerIdentificatie.achternaam, contactMoment.kanaal, contactMoment.tekst, null);
+            });
+        };
+        return DossierDetailTabContactMomentsComponent;
+    }());
+    DossierDetailTabContactMomentsComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'valtimo-dossier-detail-tab-contact-moments',
+                    template: "<!--\n  ~ Copyright 2015-2021 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 *ngIf=\"contactMoments\">\n  <valtimo-timeline [items]=\"contactMoments\"></valtimo-timeline>\n</div>\n\n",
+                    styles: ["/*!\n * Copyright 2015-2021 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 */"]
+                },] }
+    ];
+    DossierDetailTabContactMomentsComponent.ctorParameters = function () { return [
+        { type: contactMoment.ContactMomentService }
+    ]; };
+
+    /*
+     * 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.
+     */
+    var moment$4 = moment_;
+    moment$4.locale(localStorage.getItem('langKey') || '');
     var DossierUpdateComponent = /** @class */ (function () {
         function DossierUpdateComponent(taskService, documentService, route, toastr, location, dossierService) {
             this.taskService = taskService;
@@ -1103,10 +1167,10 @@
             var _this = this;
             this.taskService.getTask(id).subscribe(function (task) {
                 _this.task = task;
-                _this.task.task.created = moment$3(_this.task.task.created).format('DD MMM YYYY HH:mm');
+                _this.task.task.created = moment$4(_this.task.task.created).format('DD MMM YYYY HH:mm');
                 _this.page = {
                     title: _this.task.task.name,
-                    subtitle: "Created " + moment$3(_this.task.task.created).fromNow()
+                    subtitle: "Created " + moment$4(_this.task.task.created).fromNow()
                 };
             });
         };
@@ -1502,6 +1566,7 @@
                         DossierDetailTabProgressComponent,
                         DossierDetailTabAuditComponent,
                         DossierDetailTabDocumentsComponent,
+                        DossierDetailTabContactMomentsComponent,
                         DossierUpdateComponent,
                         DossierProcessStartModalComponent,
                         DossierSupportingProcessStartModalComponent
@@ -1534,7 +1599,9 @@
                         components.ModalModule,
                         ngBootstrap.NgbTooltipModule,
                         components.UploaderModule,
-                        components.DropzoneModule
+                        components.DropzoneModule,
+                        ngBootstrap.NgbPaginationModule,
+                        i1.ConfigModule
                     ],
                     exports: [
                         DossierListComponent,
@@ -1544,7 +1611,8 @@
                         DossierDetailTabSummaryComponent,
                         DossierDetailTabProgressComponent,
                         DossierDetailTabAuditComponent,
-                        DossierDetailTabDocumentsComponent
+                        DossierDetailTabDocumentsComponent,
+                        DossierDetailTabContactMomentsComponent
                     ]
                 },] }
     ];
@@ -1572,6 +1640,7 @@
     exports.DEFAULT_TABS = DEFAULT_TABS;
     exports.DossierDetailComponent = DossierDetailComponent;
     exports.DossierDetailTabAuditComponent = DossierDetailTabAuditComponent;
+    exports.DossierDetailTabContactMomentsComponent = DossierDetailTabContactMomentsComponent;
     exports.DossierDetailTabDocumentsComponent = DossierDetailTabDocumentsComponent;
     exports.DossierDetailTabProgressComponent = DossierDetailTabProgressComponent;
     exports.DossierDetailTabSummaryComponent = DossierDetailTabSummaryComponent;