splitterSettings/Done

frontend/src/ntt-gantt/ntt-gantt.component.html

@@ -26,8 +26,8 @@
   <!-- <p>Selected range: {{range.value | json}}</p> -->
   <div class="toggleContainer">
     <mat-slide-toggle color="primary" [(ngModel)]="showDetails" [checked]="showDetails" (change)="renderDetails()">{{lMap.get('detailButton')}}</mat-slide-toggle>
-    <mat-slide-toggle [disabled]="filters == null" (change)="refreshData()" color="primary" [(ngModel)]="filterEnabled" [checked]="filterEnabled" (change)="applyFilter()">Filter anwenden</mat-slide-toggle>
+    <mat-slide-toggle [disabled]="filters == null" (change)="refreshData()" color="primary" [(ngModel)]="filterEnabled" [checked]="filterEnabled" (change)="applyFilter()">{{lMap.get('filterButton')}}</mat-slide-toggle>
-    <mat-slide-toggle  color="primary" [(ngModel)]="sortEnabled" [checked]="sortEnabled" >Sortieren</mat-slide-toggle>
+    <mat-slide-toggle  color="primary" [(ngModel)]="sortEnabled" [checked]="sortEnabled" >{{lMap.get('sortButton')}}</mat-slide-toggle>
   </div>
 
 
@@ -82,6 +82,7 @@
     [timelineSettings]="timelineSettings"
     [selectionSettings]="selectionSettings"
     [tooltipSettings]="tooltipSettings"
+    [splitterSettings] = "splitterSettings"
     gridLines="Both"
 
     (actionBegin)="actionBegin($event)"
@@ -96,6 +97,7 @@
     (onIntlChange)="onChange($event)"
     (queryTaskbarInfo) = "queryTaskbarInfo($event)"
     (expanding)="onExpand($event)"
+    (splitterResized)="onResizing($event)"
   >
   <ng-template #tooltipSettingsTaskbar let-data>
     <div>

frontend/src/ntt-gantt/ntt-gantt.component.ts

@@ -64,6 +64,7 @@ export class NttGanttComponent implements OnInit {
   public sliceStart: number;
   public sliceEnd: number;
   public filterSettings: object;
+  public splitterSettings : object;
   public renderGantt: boolean;
   public firstLoad: boolean;
   public selectedScalar: string;
@@ -139,6 +140,10 @@ export class NttGanttComponent implements OnInit {
   constructor(public dataService: DataService, public matDialog : MatDialog, private _snackBar: MatSnackBar ) {
     this.deMap.set('detailButton', 'Details anzeigen');
     this.enMap.set('detailButton', 'Show Details');
+    this.deMap.set('filterButton', 'Filter anwenden');
+    this.enMap.set('filterButton', 'Apply Filters');
+    this.deMap.set('sortButton', 'Sortierung anwenden');
+    this.enMap.set('sortButton', 'Apply Sort');
     this.deMap.set('field1', 'Kurzbeschreibung');
     this.enMap.set('field1', 'Summary');
     this.deMap.set('dateRangeLabel', 'Datumsbereich auswählen');
@@ -312,6 +317,10 @@ export class NttGanttComponent implements OnInit {
     this.tooltipSettings = {
       showTooltip: true,
       }
+    this.splitterSettings = {
+      columnIndex:3
+    };
+
 
      this.projectStartDate = this.range.controls.start.value;
      this.projectEndDate = this.range.controls.end.value;
@@ -752,6 +761,7 @@ export class NttGanttComponent implements OnInit {
   }
 
   refreshData(){
+    //console.log(this.ganttDefault.splitterModule);
     this.renderGantt = false;
     this.dataService.fetchChanges(this.mapRequestJSON()).then((res: any[])=>{
       this.allResources = res;
@@ -895,6 +905,12 @@ private oldFilters:{};
     this.filters = filter;
     this.refreshData();
   }
+  public onResizing(args){
+    let width ='' + args.paneSize[0]+'px';
+    this.splitterSettings = {
+      position: width
+    };
+  }
   public actionBegin(args: any) {
      //console.log(args); //custom Action
     if(args.requestType=='sorting'){