@netgrif/components-core 7.0.0-beta.1 → 7.0.0-beta.2

package/fesm2022/netgrif-components-core.mjs

@@ -1300,6 +1300,7 @@ var en = {
 		noNets: "No allowed Nets",
 		createCase: "Successful create new case",
 		defaultCaseName: "with default case name",
+		errorCreate: "Error while creating case ",
 		createCaseError: "A new case was created, but an error occurred while executing actions"
 	},
 	user: {
@@ -1837,6 +1838,7 @@ var sk = {
 		noNets: "Žiadne povolené siete",
 		createCase: "Úspešne vytvorený nový prípad",
 		defaultCaseName: "s prednastaveným názvom prípadu",
+		errorCreate: "Chyba pri vytváraní prípadu ",
 		createCaseError: "Nový prípad vytvorený, nastala však chyba pri vykonávaní akcií"
 	},
 	user: {
@@ -2374,6 +2376,7 @@ var de = {
 		noNets: "Es gibt keine erlaubte Netze",
 		createCase: "Neuen Fall würde erfolgreich erzeugt",
 		defaultCaseName: "mit einem Standardfallnamen",
+		errorCreate: "Fehler beim Erstellen des Falles ",
 		createCaseError: "Neuer Fall wurde erstellt, aber beim Ausführen von Aktionen ist ein Fehler aufgetreten"
 	},
 	user: {
@@ -3317,6 +3320,7 @@ class UserService {
     _subAuth;
     _subAnonym;
     _publicLoadCalled;
+    GLOBAL_ROLE_PREFIX = 'global_';
     constructor(_authService, _userResource, _userTransform, _log, _session, _anonymousService) {
         this._authService = _authService;
         this._userResource = _userResource;
@@ -3404,16 +3408,22 @@ class UserService {
         return user.roles.some(r => r.stringId === roleStringId);
     }
     /**
-     * Checks whether the user has role with the specified identifier in a process with the specified identifier (any version)
+     * Checks whether the user has a role with the specified identifier in a process with the specified identifier (any version),
+     * or if the role is global (with prefix 'global_').
      * @param roleIdentifier identifier (import ID) of the role we want to check
      * @param netIdentifier identifier (import ID) of the process the role is defined in
      */
     hasRoleByIdentifier(roleIdentifier, netIdentifier) {
         const user = this._user.getSelfOrImpersonated();
-        if (!roleIdentifier || !netIdentifier || !user.roles) {
+        if (!roleIdentifier || !user.roles) {
             return false;
         }
-        return user.roles.some(r => r.netImportId === netIdentifier && r.importId === roleIdentifier);
+        return user.roles.some(r => {
+            const matchesRole = r.importId === roleIdentifier;
+            const isGlobalRole = r.importId.startsWith(this.GLOBAL_ROLE_PREFIX);
+            const matchesNet = r.netImportId === netIdentifier;
+            return matchesRole && (isGlobalRole || matchesNet);
+        });
     }
     /**
      * Checks whether the user has role with the specified name in a process with the specified identifier (any version)
@@ -6462,12 +6472,12 @@ class AbstractEnumerationCaseRefComponent extends AbstractCaseRefBaseFieldCompon
         this._subComp.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AbstractEnumerationCaseRefComponent, deps: [{ token: i0.Injector }, { token: i0.Type }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AbstractEnumerationCaseRefComponent, selector: "ncc-abstract-case-ref-default", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AbstractEnumerationCaseRefComponent, selector: "ncc-abstract-enumeration-case-ref-default", usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AbstractEnumerationCaseRefComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ncc-abstract-case-ref-default',
+                    selector: 'ncc-abstract-enumeration-case-ref-default',
                     template: ''
                 }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.Type }, { type: undefined, decorators: [{
@@ -6693,6 +6703,14 @@ class AbstractFileFieldDefaultComponent extends AbstractBaseDataFieldComponent {
     resolveParentTaskId() {
         return !!this.dataField.parentTaskId ? this.dataField.parentTaskId : this.taskId;
     }
+    resolveMaxSizeMessage() {
+        if (this.dataField?.component?.properties?.maxSizeMessage) {
+            this._snackbar.openErrorSnackBar(this._translate.instant(this.dataField?.component?.properties?.maxSizeMessage));
+        }
+        else {
+            this._snackbar.openErrorSnackBar(this._translate.instant('dataField.snackBar.maxFilesSizeExceeded') + this.dataField.maxUploadSizeInBytes * 0.000001 + 'MB');
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AbstractFileFieldDefaultComponent, deps: [{ token: LoggerService }, { token: SnackBarService }, { token: i1$2.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AbstractFileFieldDefaultComponent, selector: "ncc-abstract-file-field-default-component", inputs: { taskId: "taskId" }, viewQueries: [{ propertyName: "fileUploadEl", first: true, predicate: ["fileUploadInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
@@ -8341,7 +8359,7 @@ class AbstractFileDefaultFieldComponent extends AbstractFileFieldDefaultComponen
         if (this.dataField.maxUploadSizeInBytes &&
             this.dataField.maxUploadSizeInBytes < this.fileUploadEl.nativeElement.files.item(0).size) {
             this._log.error('File cannot be uploaded. Maximum size of file exceeded.');
-            this._snackbar.openErrorSnackBar(this._translate.instant('dataField.snackBar.maxFilesSizeExceeded') + this.dataField.maxUploadSizeInBytes);
+            this.resolveMaxSizeMessage();
             this.fileUploadEl.nativeElement.value = '';
             return;
         }
@@ -8774,7 +8792,7 @@ class AbstractFileListDefaultFieldComponent extends AbstractFileFieldDefaultComp
         if (this.dataField.maxUploadSizeInBytes &&
             this.dataField.maxUploadSizeInBytes < sum) {
             this._log.error('Files cannot be uploaded. Maximum size of files exceeded.');
-            this._snackbar.openErrorSnackBar(this._translate.instant('dataField.snackBar.maxFilesSizeExceeded') + this.dataField.maxUploadSizeInBytes);
+            this.resolveMaxSizeMessage();
             this.fileUploadEl.nativeElement.value = '';
             return;
         }
@@ -16222,19 +16240,18 @@ class TaskContentService {
         if (!this._task || !this._task.dataGroups) {
             return;
         }
-        // todo actions owner zbytočný?
         const frontendActions = chFields.taskId === this.task.stringId && chFields[TaskContentService.FRONTEND_ACTIONS_KEY];
         Object.keys(chFields).forEach(changedField => {
-            if (this.isFieldInTask(chFields.taskId, changedField)) {
+            if (chFields.taskId === this._task.stringId && this.isFieldInTask(chFields.taskId, changedField)) {
                 this.updateField(chFields, this.taskFieldsIndex[chFields.taskId].fields[changedField], frontendActions);
             }
-            else if (!!this.getReferencedTaskId(changedField)) {
-                this.updateReferencedField(chFields, this.taskFieldsIndex[this.getReferencedTaskId(changedField)].fields[changedField], frontendActions);
+            else if (!!this.getReferencedTaskId(changedField, chFields)) {
+                this.updateField(chFields, this.taskFieldsIndex[this.getReferencedTaskId(changedField, chFields)].fields[changedField], frontendActions, true);
             }
         });
         this.$shouldCreate.next(this._task.dataGroups);
     }
-    updateField(chFields, field, frontendActions) {
+    updateField(chFields, field, frontendActions, referenced = false) {
         if (this._fieldConverterService.resolveType(field) === FieldTypeResource.TASK_REF) {
             this._taskDataReloadRequest$.next(frontendActions ? frontendActions : undefined);
             return;
@@ -16249,15 +16266,15 @@ class TaskContentService {
                     field.valueWithoutChange(this._fieldConverterService.formatValueFromBackend(field, updatedField[key]));
                     break;
                 case 'behavior':
-                    if (updatedField.behavior[this._task.transitionId]) {
-                        // TODO NGSD-489 fix behavior resolution
+                    if (!referenced && updatedField.behavior[this._task.transitionId]) {
                         field.behavior = updatedField.behavior[this._task.transitionId];
                     }
-                    else {
-                        const transitionId = this.getReferencedTransitionId(field.stringId);
+                    else if (referenced) {
+                        const taskId = this.getReferencedTaskId(field.stringId, chFields);
+                        const taskRef = this.findTaskRefId(taskId, this.taskFieldsIndex[this._task.stringId].fields);
+                        const transitionId = this.taskFieldsIndex[taskId].transitionId;
                         if (!!transitionId && transitionId !== '' && updatedField.behavior[transitionId])
-                            field.behavior = updatedField.behavior[transitionId];
-                        break;
+                            field.behavior = taskRef.behavior.editable ? updatedField.behavior[transitionId] : taskRef.behavior;
                     }
                     break;
                 case 'choices':
@@ -16295,49 +16312,16 @@ class TaskContentService {
             field.update();
         });
     }
-    updateReferencedField(chFields, field, frontendActions) {
-        if (this._fieldConverterService.resolveType(field) === FieldTypeResource.TASK_REF) {
-            this._taskDataReloadRequest$.next(frontendActions ? frontendActions : undefined);
-            return;
-        }
-        const updatedField = chFields[field.stringId];
-        Object.keys(updatedField).forEach(key => {
-            switch (key) {
-                case 'behavior': {
-                    const taskId = this.getReferencedTaskId(field.stringId);
-                    const taskRef = this.findTaskRefId(taskId, this.taskFieldsIndex[this._task.stringId].fields);
-                    const transitionId = this.taskFieldsIndex[taskId].transitionId;
-                    if (!!transitionId && transitionId !== '' && updatedField.behavior[transitionId])
-                        field.behavior = taskRef.behavior.editable ? updatedField.behavior[transitionId] : taskRef.behavior;
-                    break;
-                }
-                case 'value':
-                    field.valueWithoutChange(this._fieldConverterService.formatValueFromBackend(field, updatedField[key]));
-                    break;
-                default:
-                    field[key] = updatedField[key];
-            }
-            field.update();
-        });
-    }
     isFieldInTask(taskId, changedField) {
         return !!taskId
             && !!this.taskFieldsIndex[taskId]
             && !!this.taskFieldsIndex[taskId].fields
             && !!this.taskFieldsIndex[taskId].fields[changedField];
     }
-    getReferencedTaskId(changedField) {
+    getReferencedTaskId(changedField, chFields) {
         return !!this.taskFieldsIndex ?
-            Object.keys(this.taskFieldsIndex).find(taskId => taskId !== this.task.stringId && Object.keys(this.taskFieldsIndex[taskId].fields).includes(changedField)) : undefined;
-    }
-    getReferencedTransitionId(changedField) {
-        if (!!this.taskFieldsIndex) {
-            const taskFieldsIndexId = this.getReferencedTaskId(changedField);
-            if (!!this.taskFieldsIndex[taskFieldsIndexId]) {
-                return this.taskFieldsIndex[taskFieldsIndexId].transitionId;
-            }
-        }
-        return undefined;
+            (Object.keys(this.taskFieldsIndex).find(taskId => taskId !== this.task.stringId && taskId === chFields.taskId && Object.keys(this.taskFieldsIndex[taskId].fields).includes(changedField))
+                || Object.keys(this.taskFieldsIndex).find(taskId => taskId !== this.task.stringId && Object.keys(this.taskFieldsIndex[taskId].fields).includes(changedField))) : undefined;
     }
     findTaskRefId(taskId, fields) {
         let taskRefId = Object.values(fields).find(f => f instanceof TaskRefField && f.value.includes(taskId));
@@ -19645,6 +19629,7 @@ class CaseViewService extends AbstractSortableViewComponent {
     _endOfData;
     _pagination;
     _newCaseConfiguration;
+    _paginationView = false;
     constructor(_allowedNetsService, _dialog, _caseResourceService, _log, _snackBarService, _searchService, _translate, _user, _processService, resolver, _newCaseComponent, newCaseConfig, _permissionService) {
         super(resolver);
         this._allowedNetsService = _allowedNetsService;
@@ -19691,6 +19676,9 @@ class CaseViewService extends AbstractSortableViewComponent {
                 this._loading$.off(pageLoadResult.requestContext.filter);
             }
             Object.assign(this._pagination, pageLoadResult.requestContext.pagination);
+            if (this._paginationView) {
+                return pageLoadResult.cases;
+            }
             return { ...acc, ...pageLoadResult.cases };
         }, {}));
         this._cases$ = casesMap.pipe(map(v => Object.values(v)));
@@ -19715,6 +19703,9 @@ class CaseViewService extends AbstractSortableViewComponent {
     get activeFilter() {
         return this._searchService.activeFilter;
     }
+    set paginationView(value) {
+        this._paginationView = value;
+    }
     loadPage(requestContext) {
         if (requestContext === null || requestContext.pageNumber < 0) {
             return of({ cases: {}, requestContext });
@@ -19803,6 +19794,12 @@ class CaseViewService extends AbstractSortableViewComponent {
     }) {
         const myCase = new Subject();
         this.getNewCaseAllowedNets(newCaseCreationConfiguration.blockNets).subscribe((nets) => {
+            if (!nets || nets.length === 0) {
+                const errorMessage = this._translate.instant('side-menu.new-case.noNets');
+                this._snackBarService.openErrorSnackBar(errorMessage);
+                this._log.error('No nets available for case creation. Ensure the allowed nets configuration is correct.');
+                return;
+            }
             this._caseResourceService.createCase({
                 title: null,
                 color: 'panel-primary-icon',
@@ -19813,7 +19810,15 @@ class CaseViewService extends AbstractSortableViewComponent {
                 this.reload();
                 myCase.next(response.outcome.aCase);
                 myCase.complete();
-            }, error => this._snackBarService.openErrorSnackBar(error.message ? error.message : error));
+            }, error => {
+                const errorMessage = error.message ? error.message : this._translate.instant('side-menu.new-case.createCaseError');
+                this._snackBarService.openErrorSnackBar(errorMessage);
+                this._log.error('Error occurred during case creation: ' + errorMessage);
+            });
+        }, error => {
+            const errorMessage = error.message || this._translate.instant('side-menu.new-case.errorCreate');
+            this._log.error('Failed to fetch allowed nets. Error: ' + errorMessage);
+            this._snackBarService.openErrorSnackBar(errorMessage);
         });
         return myCase;
     }
@@ -24208,14 +24213,14 @@ class UriService {
         return this._rootLoading$;
     }
     isRoot(node) {
-        return node.id === this._rootNode.id && node.uriPath === this._rootNode.uriPath;
+        return node.path === this._rootNode.path;
     }
     get activeNode() {
         return this._activeNode$.getValue();
     }
     set activeNode(node) {
         if (node.parentId && !node.parent) {
-            if (node.parentId === this._rootNode.id) {
+            if (node.parentId === this._rootNode.path) {
                 node.parent = this._rootNode;
             }
             else {
@@ -24274,7 +24279,7 @@ class UriService {
     getChildNodes(node) {
         if (!node)
             node = this.activeNode;
-        return this._resourceService.getNodesByParent(node.id).pipe(map(nodes => {
+        return this._resourceService.getNodesByParent(node.path).pipe(map(nodes => {
             this.capitalizeNames(nodes);
             return nodes;
         }));
@@ -24290,7 +24295,7 @@ class UriService {
         if (!node)
             node = this.activeNode;
         const searchBody = {
-            uriNodeId: node.id,
+            uriNodeId: node.path,
         };
         if (!!processIdentifiers) {
             searchBody.process = processIdentifiers.map(id => ({ identifier: id }));
@@ -24316,7 +24321,7 @@ class UriService {
         }
         const searchBody = {
             data: {
-                [GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH]: node.uriPath
+                [GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH]: node.path
             },
             process: { identifier: "preference_item" }
         };
@@ -24346,7 +24351,7 @@ class UriService {
         if (level === 0)
             return of([this.root]);
         return this._resourceService.getByLevel(level).pipe(map(nodes => {
-            const ns = !!parent?.id ? nodes.filter(n => n.parentId === parent.id) : nodes;
+            const ns = !!parent?.path ? nodes.filter(n => n.parentId === parent.path) : nodes;
             this.capitalizeNames(ns);
             return ns;
         }));
@@ -24354,13 +24359,13 @@ class UriService {
     resolveParentPath(node) {
         if (!node)
             node = this.activeNode;
-        const lastDelimiter = node.uriPath.lastIndexOf('/');
+        const lastDelimiter = node.path.lastIndexOf('/');
         if (lastDelimiter === 0)
             return '/';
-        return node.uriPath.substring(0, lastDelimiter);
+        return node.path.substring(0, lastDelimiter);
     }
     splitNodePath(node) {
-        return node?.uriPath.split('/').filter(s => s !== UriService.ROOT);
+        return node?.path.split('/').filter(s => s !== UriService.ROOT);
     }
     capitalizeNames(nodes) {
         if (!(nodes instanceof Array))
@@ -24497,7 +24502,7 @@ class AbstractImportNetComponent {
     uploadFile(file) {
         const fileFormData = new FormData();
         fileFormData.append('file', file.data);
-        fileFormData.append('uriNodeId', this._uriService.activeNode.id);
+        fileFormData.append('uriNodeId', this._uriService.activeNode.path);
         fileFormData.append('meta', this.releaseTypeControl.value.toString().toUpperCase());
         file.inProgress = true;
         file.completed = false;
@@ -28092,7 +28097,7 @@ class PublicTaskResourceService extends TaskResourceService {
      * GET
      */
     downloadFile(taskId, params) {
-        const url = `task/${taskId}/file${params?.has("fileName") ? '/named' : ''}`;
+        const url = `public/task/${taskId}/file${params?.has("fileName") ? '/named' : ''}`;
         return this._resourceProvider.getBlob$(url, this.SERVER_URL, params).pipe(map(event => {
             switch (event.type) {
                 case HttpEventType.DownloadProgress:
@@ -29718,7 +29723,7 @@ class AbstractNavigationDoubleDrawerComponent {
             return;
         }
         if (node.parentId && !node.parent) {
-            if (node.parentId === this._uriService.root.id) {
+            if (this._uriService.isRoot(node)) {
                 node.parent = this._uriService.root;
             }
             else {
@@ -29747,7 +29752,7 @@ class AbstractNavigationDoubleDrawerComponent {
             this.loadRightSide();
         }
         else {
-            if (!this.leftItems.find(item => item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value === node.uriPath)) {
+            if (!this.leftItems.find(item => item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value === node.path)) {
                 this.loadLeftSide();
             }
             this.loadRightSide();
@@ -29852,7 +29857,7 @@ class AbstractNavigationDoubleDrawerComponent {
     onItemClick(item) {
         if (item.resource === undefined) {
             // custom view represented only in nae.json
-            if (item.processUri === this.currentNode.uriPath) {
+            if (item.processUri === this.currentNode.path) {
                 this._uriService.activeNode = this._currentNode;
             }
             else {
@@ -29868,7 +29873,7 @@ class AbstractNavigationDoubleDrawerComponent {
                     this._log.error(error);
                 });
             }
-            else if (!path.includes(this.currentNode.uriPath)) {
+            else if (!path.includes(this.currentNode.path)) {
                 this._uriService.activeNode = this._currentNode.parent;
             }
             else {
@@ -29880,7 +29885,7 @@ class AbstractNavigationDoubleDrawerComponent {
         return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_HAS_CHILDREN)?.value;
     }
     isItemAndNodeEqual(item, node) {
-        return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value === node.uriPath;
+        return item.resource?.immediateData.find(f => f.stringId === GroupNavigationConstants.ITEM_FIELD_ID_NODE_PATH)?.value === node.path;
     }
     loadLeftSide() {
         if (this._uriService.isRoot(this._currentNode)) {
@@ -29998,13 +30003,13 @@ class AbstractNavigationDoubleDrawerComponent {
         this.leftItems.sort((a, b) => multiplier * a?.navigation?.title.localeCompare(b?.navigation?.title));
     }
     resolveCustomViewsInRightSide() {
-        if (!!this._childCustomViews[this._currentNode.uriPath]) {
-            this.rightItems.push(...Object.values(this._childCustomViews[this._currentNode.uriPath]));
+        if (!!this._childCustomViews[this._currentNode.path]) {
+            this.rightItems.push(...Object.values(this._childCustomViews[this._currentNode.path]));
         }
     }
     resolveCustomViewsInLeftSide() {
-        if (!!this._childCustomViews[this._currentNode.parent.uriPath]) {
-            this.leftItems.push(...Object.values(this._childCustomViews[this._currentNode.parent.uriPath]));
+        if (!!this._childCustomViews[this._currentNode.parent.path]) {
+            this.leftItems.push(...Object.values(this._childCustomViews[this._currentNode.parent.path]));
         }
     }
     resolveItemCaseToNavigationItem(itemCase) {
@@ -30074,7 +30079,7 @@ class AbstractNavigationDoubleDrawerComponent {
         return this.rightItems === undefined || this.rightItems.length === 0;
     }
     uriNodeTrackBy(index, node) {
-        return node.id;
+        return node.path;
     }
     itemsTrackBy(index, item) {
         return item.id;
@@ -30381,7 +30386,7 @@ class AbstractBreadcrumbsComponent {
         this.nicePathSubscription = this.nicePath.subscribe(np => {
             if (!!np) {
                 const path = np;
-                if (path?.length > this.partsAfterDots + 1 && this._uriService.activeNode?.uriPath.length > this.lengthOfPath && !this._showPaths) {
+                if (path?.length > this.partsAfterDots + 1 && this._uriService.activeNode?.path.length > this.lengthOfPath && !this._showPaths) {
                     const newPath = [path[0], AbstractBreadcrumbsComponent.DOTS];
                     for (let i = path.length - this.partsAfterDots; i < path.length; i++) {
                         newPath.push(path[i]);
@@ -30397,7 +30402,7 @@ class AbstractBreadcrumbsComponent {
         if (!this.redirectOnClick) {
             return;
         }
-        this._router.navigate(this.redirectUrls.get(this._uriService.activeNode.uriPath)).then(r => { });
+        this._router.navigate(this.redirectUrls.get(this._uriService.activeNode.path)).then(r => { });
     }
     reset() {
         this.filterName = undefined;
@@ -30428,7 +30433,7 @@ class AbstractBreadcrumbsComponent {
         });
     }
     resultCounter(count, tmp) {
-        if (tmp?.length > this.partsAfterDots + 1 && this._uriService.activeNode?.uriPath.length > this.lengthOfPath && !this._showPaths) {
+        if (tmp?.length > this.partsAfterDots + 1 && this._uriService.activeNode?.path.length > this.lengthOfPath && !this._showPaths) {
             return tmp.length - this.partsAfterDots + (count - 2);
         }
         return count;
@@ -32584,6 +32589,8 @@ class AbstractCaseListPaginatorComponent extends AbstractDefaultCaseListComponen
         this._caseViewService = _caseViewService;
         this._log = _log;
         this.route = route;
+        this._caseViewService.nextPagePagination(this.pageSize, this.pageIndex);
+        this._caseViewService.paginationView = true;
         this.cases$ = this._caseViewService.cases$.pipe(tap(() => {
             this.length = this._caseViewService.pagination.totalElements;
             this.pageIndex = this._caseViewService.pagination.number;