my-test123
Version:
A planner front-end for Fabric8.
42 lines (40 loc) • 1.34 kB
HTML
<header class="toolbar-header">
<pfng-toolbar
[config]="toolbarConfig"
[actionTemplate]="actionsTemplate"
[viewTemplate]="addTemplate"
(onFilterChange)="filterChange($event)"
(onFilterFieldSelect)="selectFilterType($event)"
(onFilterTypeAhead)="filterQueries($event)">
</pfng-toolbar>
</header>
<div class="active-filters-section">
<div *ngIf="activeFilters.length" class="active-filters-div">
<ul class="list-inline">
<li *ngFor="let filter of activeFilters">
<span class="active-filter label label-info">
{{filter.field}}: {{filter.displayValue}}
<span
class="margin-left-5 pficon pficon-close clickable"
(click)="removeFilter(filter)">
</span>
</span>
</li>
</ul>
<span *ngIf="activeFilters.length > 1" class="clickable">
<a (click)="removeAllFilters()">Clear all filters</a>
</span>
</div>
<span *ngIf="activeFilterFromSidePane !== ''">
<strong>14</strong> in {{activeFilterFromSidePanel}}
</span>
</div>
<ng-template #actionsTemplate>
</ng-template>
<ng-template #addTemplate>
<input type="checkbox"
[checked]="isShowTreeOn"
(change)="showTreeToggle($event)"
name="Show Tree" id="showTree">
<label class="show-tree__label" for="showTree"> Show Tree</label>
</ng-template>