Allow to define groupScale at node level

dabeng · Nov 6, 2021 · 56a2a30 · 56a2a30
1 parent b7a14e0
commit 56a2a30
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 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,6 @@
 		(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]="datasource.groupScale || groupScale" [select]="select" (nodeClick)="onNodeClick($event)"></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
@@ -1,4 +1,5 @@
 import { Component, OnInit, Input, Output, EventEmitter, TemplateRef } from '@angular/core';
+import { Node } from '../shared/models/node.model';
 import { NodeSelectService } from '../shared/services/node-select.service';
 
 @Component({
@@ -8,7 +9,7 @@ import { NodeSelectService } from '../shared/services/node-select.service';
 })
 export class ChartContainerComponent implements OnInit {
 
-  @Input() datasource;
+  @Input() datasource: Node;
   @Input() nodeHeading = 'name';
   @Input() nodeContent = 'title';
   @Input() nodeTemplate: TemplateRef<any>;

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,7 @@
 			<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]="datasource.children[i + j].groupScale || groupScale" [select]="select" (nodeClick)="onNodeClick($event)">
 				</orgchart-node>
 			</ng-container>
 		</div>

diff --git a/projects/ng-orgchart/src/lib/components/orgchart/shared/models/node.model.ts b/projects/ng-orgchart/src/lib/components/orgchart/shared/models/node.model.ts
@@ -3,4 +3,5 @@ export class Node {
   name: string;
   title: string;
   children?: Node[];
+  groupScale?: number;
 }