salix/front/core/components/searchbar/searchbar.html

44 lines
1.3 KiB
HTML

<form ng-submit="$ctrl.onSubmit()">
<vn-textfield
class="dense standout"
placeholder="{{::$ctrl.placeholder | translate}}"
ng-model="$ctrl.searchString">
<prepend>
<vn-icon
icon="search"
ng-click="$ctrl.onSubmit()"
pointer>
</vn-icon>
<div class="search-params">
<span
ng-repeat="param in $ctrl.params"
class="search-param"
title="{{param.chip}}">
<vn-icon
icon="close"
ng-click="$ctrl.removeParam($index)">
</vn-icon>
{{param.chip}}
</span>
</div>
</prepend>
<append>
<vn-icon
ng-if="$ctrl.info"
icon="info_outline"
vn-tooltip="{{$ctrl.info}}"
pointer>
</vn-icon>
<vn-icon
ng-if="$ctrl.panel"
ng-click="$ctrl.openPanel($event)"
icon="arrow_drop_down"
pointer>
</vn-icon>
</append>
</vn-textfield>
</form>
<vn-popover
vn-id="popover"
on-close="$ctrl.onPopoverClose()">
</vn-popover>