inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-3102] added lazy loading for tab content to fix animations (#3418)

Browse Source
This commit is contained in:
Vito
2018-05-31 15:04:42 +01:00
committed by Eugenio Romano
parent fd90fe69c9
commit e5476ee97a
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
demo-shell/src/app/components/process-service/process-service.component.html
View File

@@ -1,6 +1,6 @@
<mat-tab-group [(selectedIndex)]="activeTab" (selectedTabChange)="onTabChange($event)" data-automation-id="navigation-bar">
<mat-tab id="tasks-header" href="#tasks" label="{{'PS-TAB.TASKS-TAB' | translate}}">
<div class="page-content">
<div class="page-content" *ngIf="showTaskTab">
<div class="adf-grid" fxLayout="row" fxLayout.lt-lg="column" fxLayoutAlign="stretch">
<div class="adf-grid-item adf-tasks-menu" fxFlex.gt-md="225px">
<div class="adf-list-buttons">
@@ -104,7 +104,7 @@
</mat-tab>
<mat-tab id="processes-header" href="#processes"
label="{{'PS-TAB.PROCESSES-TAB' | translate}}">
<div class="page-content">
<div class="page-content" *ngIf="showProcessTab">
<div class="adf-grid" fxLayout="row" fxLayout.lt-lg="column" fxLayoutAlign="stretch">
<div class="adf-grid-item adf-processes-menu" fxFlex.gt-md="225px">
<div class="adf-list-buttons">

5
demo-shell/src/app/components/process-service/process-service.component.ts
View File

@@ -145,6 +145,9 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
presetColoum = 'default';
showProcessPagination = false;
showTaskTab = true;
showProcessTab = false;
fieldValidators = [
...FORM_FIELD_VALIDATORS,
new DemoFieldValidator()
@@ -243,8 +246,10 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
const index = event.index;
this.showProcessPagination = index === PROCESS_ROUTE;
if (index === TASK_ROUTE) {
this.showTaskTab = event.index === this.tabs.tasks;
this.relocateLocationToTask();
} else if (index === PROCESS_ROUTE) {
this.showProcessTab = event.index === this.tabs.processes;
this.relocateLocationToProcess();
} else if (index === REPORT_ROUTE) {
this.relocateLocationToReport();