feat: support expand group

worktile · May 28, 2020 · e371cb0 · e371cb0
1 parent ac3d6ab
commit e371cb0
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 29 deletions.
diff --git a/packages/gantt/src/class/group.ts b/packages/gantt/src/class/group.ts
@@ -12,7 +12,7 @@ export class GanttGroupInternal {
     origin: GanttGroup;
     items: GanttItemInternal[];
     mergedItems: GanttItemInternal[][];
-    expand: boolean;
+    expand = true;
 
     constructor(group: GanttGroup) {
         this.id = group.id;

diff --git a/packages/gantt/src/gantt-ref.ts b/packages/gantt/src/gantt-ref.ts
@@ -8,6 +8,7 @@ export interface GanttRef {
     styles: GanttStyles;
     draggable?: boolean;
     linkable?: boolean;
+    detectChanges(): void;
 }
 
 export const GANTT_REF_TOKEN = new InjectionToken<GanttRef>('GANTT_REF_TOKEN');
diff --git a/packages/gantt/src/table/gantt-table.component.ts b/packages/gantt/src/table/gantt-table.component.ts
@@ -1,22 +1,4 @@
-import {
-    Component,
-    OnInit,
-    ElementRef,
-    ChangeDetectionStrategy,
-    Input,
-    EventEmitter,
-    Output,
-    ChangeDetectorRef,
-    NgZone,
-    OnChanges,
-    OnDestroy,
-    SimpleChanges,
-    HostBinding,
-    ContentChild,
-    TemplateRef,
-    ContentChildren,
-    QueryList
-} from '@angular/core';
+import { Component, HostBinding, TemplateRef, QueryList, Input } from '@angular/core';
 import { GanttItemInternal, GanttGroupInternal } from '../class';
 import { GanttTableColumnComponent } from './column/column.component';
 

diff --git a/packages/gantt/src/table/group/group.component.html b/packages/gantt/src/table/group/group.component.html
@@ -21,6 +21,6 @@
     </div>
   </ng-template>
 </div>
-<div [hidden]="isCollapse">
+<div [hidden]="!group.expand">
   <ng-content></ng-content>
 </div>
diff --git a/packages/gantt/src/table/group/group.component.ts b/packages/gantt/src/table/group/group.component.ts
@@ -1,26 +1,26 @@
-import { Component, OnInit, TemplateRef, Input, ViewChild, ElementRef, HostBinding } from '@angular/core';
-import { GanttGroup } from '../../class/group';
+import { Component, OnInit, TemplateRef, Input, ViewChild, ElementRef, HostBinding, Inject } from '@angular/core';
+import { GanttGroupInternal } from '../../class/group';
+import { GANTT_REF_TOKEN, GanttRef } from '../../gantt-ref';
 
 @Component({
     selector: 'gantt-table-group',
-    templateUrl: './group.component.html',
+    templateUrl: './group.component.html'
 })
 export class GanttTableGroupComponent implements OnInit {
-    @Input() group: GanttGroup;
+    @Input() group: GanttGroupInternal;
 
     @Input() groupHeader: TemplateRef<any>;
 
     @Input() groupHeaderTitle: TemplateRef<any>;
 
     @HostBinding('class.gantt-table-group') ganttTableGroupClass = true;
 
-    public isCollapse = false;
-
-    constructor(public elementRef: ElementRef<HTMLDivElement>) {}
+    constructor(public elementRef: ElementRef<HTMLDivElement>, @Inject(GANTT_REF_TOKEN) public ganttRef: GanttRef) {}
 
     ngOnInit() {}
 
     collapseGroup() {
-        this.isCollapse = !this.isCollapse;
+        this.group.expand = !this.group.expand;
+        this.ganttRef.detectChanges();
     }
 }