gp-crm-ui/components/crm-power-select-group-popup/crm-power-select-group-popup.component.html

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

<div class="popup"
	[style.width.px]="data.width">

	<div class="search">
		<input class="input"
			#searchBox
			type="text"
			(keyup)="onSearch(searchBox.value)">

		<svg class="icon"
			(click)="onSearch(null); searchBox.value=null;">
			<use xlink:href="#crm_ic_clear-input-text-16"></use>
		</svg>
	</div>

	<crm-loader [isLoaded]="isLoaded">
		<crm-scroll
			mode="vertical"
			type="thin-blue">
			<ul class="list">
				<li class="group"
					*ngFor="let group of data.items">
					<div class="item item--is-group-title">
						{{group.title}}
					</div>
					<ul class="list">
						<li class="item item--in-group"
							[ngClass]="{ 'item--selected' : item === data.selected }"
							*ngFor="let item of group.items"
							(click)="onSelect(item)">
							{{item.title}}
						</li>
					</ul>
				</li>
			</ul>
		</crm-scroll>
	</crm-loader>

	<button class="button"
		*ngIf="data.button"
		crm-button
		buttonType="power-select-add"
		(click)="onButtonClick()">
		{{data.button.title}}
	</button>
</div>