src/client/app/shared/constrained-query.component.html
<div class="constrained-query">
<div [hidden]="readOnly">
<input type="text"
placeholder="{{ placeholder }}"
class="form-control input-sm"
[(ngModel)]="query"
[typeahead]="availableQueries"
(typeaheadOnSelect)='typeaheadOnSelect($event)'/>
</div>
<div>
<ul class="items inline">
<li *ngFor="let value of _selectedQueries">
<div class="item">
<div class="item-label hide-overflow">{{ value }}</div>
<div class="item-delete" [hidden]="readOnly"><a (click)="removeFromQuery(value)" class="no-href danger btn-icon btn-xs"><i class="fa fa-trash-o"></i></a></div>
<br style="clear:both;"/>
</div>
</li>
</ul>
<br style="clear:both;"/>
</div>
</div>