Extending Assets Search

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="https://sling.apache.org/jcr/sling/1.0"
 xmlns:cq="https://www.day.com/jcr/cq/1.0"
 xmlns:jcr="https://www.jcp.org/jcr/1.0"
    jcr:primaryType="cq:Component"
    jcr:title="Title Predicate"
    sling:resourceSuperType="foundation/components/parbase"
    allowedParents="[*/parsys]"
    componentGroup="Search"/>

<%--
  Sample title predicate component

--%><%@ page import="java.util.Calendar" %><%
%><%@include file="/libs/foundation/global.jsp"%><%

    // A unique id is necessary in case this predicate is inserted multiple times on the same page
    String elemId = "cq-predicate-" +  Long.toString(Calendar.getInstance().getTimeInMillis());

%><div class="predicatebox">

    <div class="title">Title</div>

    <%-- The wrapper for the form elements. All items will be append to this wrapper. --%>
    <div id="<%= elemId %>" class="content"></div>

</div><script type="text/javascript">

    CQ.Ext.onLoad(function() {

        var predicateName = "property";
        var propertyName = "jcr:content/metadata/dc:title";
        var elemId = "<%= elemId %>";

        // Get the page wide available QueryBuilder.
        var qb = CQ.search.Util.getQueryBuilder();

        // createId adds a counter to the predicate name - useful in case this predicate
        // is inserted multiple times on the same page.
        var id = qb.createId(predicateName);

        // Hidden field that defines the property to search for; in our case this
        // is the "dc:title" metadata. The name "property" (or "1_property", "2_property" etc.)
        // indicates the server to use the property predicate
        // (com.day.cq.search.eval.JcrPropertyPredicateEvaluator).
        qb.addField({
            "xtype": "hidden",
            "renderTo": elemId,
            "name": id,
            "value": propertyName
        });

        // The visible text field. The name has to be like the one of the hidden field above
        // plus the ".value" suffix.
        qb.addField({
            "xtype": "textfield",
            "renderTo": elemId,
            "name": id + ".value"
        });

        // Depending on the predicate additional parameters allow to configure the
        // predicate. Here we add an operation parameter to create a "like" query.
        // Again note the name set to the id and a suffix.
        qb.addField({
            "xtype": "hidden",
            "renderTo": elemId,
            "name": id + ".operation",
            "value": "like"
        });

    });

</script>

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:sling="https://sling.apache.org/jcr/sling/1.0"
 xmlns:cq="https://www.day.com/jcr/cq/1.0"
 xmlns:jcr="https://www.jcp.org/jcr/1.0"
    jcr:primaryType="cq:Component"
    jcr:title="Image Formats"
    sling:resourceSuperType="foundation/components/parbase"
    allowedParents="[*/parsys]"
    componentGroup="Search"/>