<p>
    The syntax basically follows the format
    <code>
        <span class="txt-success">OPERAND</span>
        <span class="txt-danger">OPERATOR</span>
        <span class="txt-success">OPERAND</span></code
    >, where:
</p>
<ul>
    <li>
        <code class="txt-success">OPERAND</code> - could be any of the above field literal, string (single or double
        quoted), number, null, true, false
    </li>
    <li>
        <code class="txt-danger">OPERATOR</code> - is one of:
        <br />
        <ul>
            <li>
                <code class="filter-op">{"="}</code>
                <span class="txt-hint">Equal</span>
            </li>
            <li>
                <code class="filter-op">{"!="}</code>
                <span class="txt-hint">NOT equal</span>
            </li>
            <li>
                <code class="filter-op">{">"}</code>
                <span class="txt-hint">Greater than</span>
            </li>
            <li>
                <code class="filter-op">{">="}</code>
                <span class="txt-hint">Greater than or equal</span>
            </li>
            <li>
                <code class="filter-op">{"<"}</code>
                <span class="txt-hint">Less than or equal</span>
            </li>
            <li>
                <code class="filter-op">{"<="}</code>
                <span class="txt-hint">Less than or equal</span>
            </li>
            <li>
                <code class="filter-op">{"~"}</code>
                <span class="txt-hint">
                    Like/Contains (if not specified auto wraps the right string OPERAND in a "%" for wildcard
                    match)
                </span>
            </li>
            <li>
                <code class="filter-op">{"!~"}</code>
                <span class="txt-hint">
                    NOT Like/Contains (if not specified auto wraps the right string OPERAND in a "%" for
                    wildcard match)
                </span>
            </li>
        </ul>
    </li>
</ul>

<p>
    To group and combine several expressions you could use brackets
    <code>(...)</code>, <code>&&</code> (AND) and <code>||</code> (OR) tokens.
</p>

<style>
    .filter-op {
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
        width: 30px;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
</style>
