gp-crm-ui/components/crm-tree-node/crm-tree-node.component.html

Модуль компонентов UI Имя модуля: `gp-crm-ui`

<div class="header">
	<div class="header__line"
		*ngIf="node.childs && node.childs.length"
		(click)="isCollapsed = !isCollapsed">
	</div>
	<div class="header__toggle"
		*ngIf="node.childs && node.childs.length"
		(click)="isCollapsed = !isCollapsed">
		<div class="header__wrapper"
			[ngClass]="{'header__wrapper--collapsed': isCollapsed }">
			<svg class="header__icon">
				<use xlink:href="#crm_ic_select-arrow"></use>
			</svg>
		</div>
	</div>
	<div class="header__title"
		[ngClass]="{ 'header__title--selected': node === selected }"
		(click)="selectEventEmitter.emit(node)">
		<span class="header__text">{{node.title}}</span>
	</div>
</div>

<div class="body"
	*ngIf="!isCollapsed">
	<crm-tree-node
		*ngFor="let child of node.childs"
		[node]="child"
		[selected]="selected"
		[selectEventEmitter]="selectEventEmitter">
	</crm-tree-node>
</div>