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

package/bundles/valtimo-dossier.umd.js

@@ -767,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') || '';
@@ -777,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);
@@ -787,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 [
@@ -803,6 +815,9 @@
         { type: document.DocumentService },
         { type: ngxSpinner.NgxSpinnerService }
     ]; };
+    DossierDetailTabAuditComponent.propDecorators = {
+        paginationClicked: [{ type: i0.Output }]
+    };
 
     /*
      * Copyright 2015-2020 Ritense BV, the Netherlands.
@@ -1030,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}"]
                 },] }
     ];
@@ -1584,7 +1599,9 @@
                         components.ModalModule,
                         ngBootstrap.NgbTooltipModule,
                         components.UploaderModule,
-                        components.DropzoneModule
+                        components.DropzoneModule,
+                        ngBootstrap.NgbPaginationModule,
+                        i1.ConfigModule
                     ],
                     exports: [
                         DossierListComponent,