Ref dabeng#16 - Visible depth

ben12 · Nov 1, 2021 · edb541c · edb541c
1 parent b7a14e0
commit edb541c
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/...ts/ng-orgchart/src/lib/components/orgchart/chart-container/chart-container.component.html b/...ts/ng-orgchart/src/lib/components/orgchart/chart-container/chart-container.component.html
@@ -4,6 +4,7 @@
 		(mousedown)="pan ? panStartHandler($event) : true" (mousemove)="pan && panning ? panHandler($event) : true"
 		(click)="onClickChart($event)">
 		<orgchart-node [datasource]="datasource" [nodeHeading]="nodeHeading" [nodeContent]="nodeContent"
-			[nodeTemplate]="nodeTemplate" [groupScale]="groupScale" [select]="select" (nodeClick)="onNodeClick($event)"></orgchart-node>
+			[nodeTemplate]="nodeTemplate" [groupScale]="groupScale" [select]="select" (nodeClick)="onNodeClick($event)"
+			[depth]="1" [visibleDepth]="visibleDepth"></orgchart-node>
 	</div>
 </div>
diff --git a/...ects/ng-orgchart/src/lib/components/orgchart/chart-container/chart-container.component.ts b/...ects/ng-orgchart/src/lib/components/orgchart/chart-container/chart-container.component.ts
@@ -20,6 +20,7 @@ export class ChartContainerComponent implements OnInit {
   @Input() containerClass = '';
   @Input() chartClass = '';
   @Input() select = 'single';
+  @Input() visibleDepth = 0;
 
   @Output() nodeClick = new EventEmitter<any>();
   @Output() chartClick = new EventEmitter();

diff --git a/projects/ng-orgchart/src/lib/components/orgchart/chart-node/chart-node.component.html b/projects/ng-orgchart/src/lib/components/orgchart/chart-node/chart-node.component.html
@@ -12,7 +12,8 @@
 			<ng-container *ngFor="let temp of Arr(groupScale);let j=index;">
 				<orgchart-node *ngIf="i + j < datasource.children.length" [datasource]="datasource.children[i + j]"
 					[nodeHeading]="nodeHeading" [nodeContent]="nodeContent" [nodeTemplate]="nodeTemplate"
-					[groupScale]="groupScale" [select]="select" (nodeClick)="onNodeClick($event)">
+					[groupScale]="groupScale" [select]="select" (nodeClick)="onNodeClick($event)"
+					[depth]="depth + 1" [visibleDepth]="visibleDepth">
 				</orgchart-node>
 			</ng-container>
 		</div>

diff --git a/projects/ng-orgchart/src/lib/components/orgchart/chart-node/chart-node.component.ts b/projects/ng-orgchart/src/lib/components/orgchart/chart-node/chart-node.component.ts
@@ -43,6 +43,8 @@ export class ChartNodeComponent implements OnInit {
   @Input() nodeTemplate: TemplateRef<any>;
   @Input() groupScale: number;
   @Input() select: string;
+  @Input() depth: number;
+  @Input() visibleDepth: number;
 
   @Output() nodeClick = new EventEmitter<any>();
 
@@ -69,6 +71,13 @@ export class ChartNodeComponent implements OnInit {
   }
 
   ngOnInit() {
+    this.resetVisibility();
+  }
+
+  resetVisibility() {
+    if (this.visibleDepth && this.depth >= this.visibleDepth) {
+      this.isCollapsed = true;
+    }
   }
 
   toggleChildren() {