<!--
  ~ Copyright (C) 2017  Ľuboš Kozmon
  ~
  ~ This program is free software: you can redistribute it and/or modify
  ~ it under the terms of the GNU Affero General Public License as
  ~ published by the Free Software Foundation, either version 3 of the
  ~ License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful,
  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  ~ GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License
  ~ along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->

<!--suppress HtmlUnknownTag, HtmlUnknownAttribute, HtmlFormInputWithoutLabel -->
<md-input-container>
  <input
    mdInput
    mdTooltip="RegExp filter"
    mdTooltipPosition="below"
    #regexpFilter
    [value]="value"
    (change)="onChange(regexpFilter.value)"
    (keyup)="onChange(regexpFilter.value)"/>
  <span md-prefix><md-icon>search</md-icon></span>
</md-input-container>

<div *ngIf="error" class="zoo-filter-info bgc-red-400 tc-white-4">
  <md-icon class="md-18">error_outline</md-icon>
  {{error}}
</div>

<!--
  ~ Copyright (C) 2017  Ľuboš Kozmon
  ~
  ~ This program is free software: you can redistribute it and/or modify
  ~ it under the terms of the GNU Affero General Public License as
  ~ published by the Free Software Foundation, either version 3 of the
  ~ License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful,
  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  ~ GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License
  ~ along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->

<!--suppress HtmlUnknownTag, HtmlUnknownAttribute, HtmlFormInputWithoutLabel -->
<md-input-container>
  <input
    mdInput
    #regexpFilter
    placeholder="Regexp filter"
    [value]="value"
    (change)="onChange(regexpFilter.value)"
    (keyup)="onChange(regexpFilter.value)"/>
  <span md-prefix><md-icon>search</md-icon></span>
</md-input-container>

<div *ngIf="error" class="zoo-filter-info bgc-red-400 tc-white-4">
  <md-icon class="md-18">error_outline</md-icon>
  {{error}}
</div>

Enable user-select in regexp filter input
Enable user-select in regexp filter input

MdTooltip disabled user-select so I used placeholder instead.
