Asymmetrik/mean2-starter

View on GitHub
src/client/app/shared/constrained-query.component.html

Summary

Maintainability
Test Coverage
<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>