energylink/panels/derivequeries/editor.html

<div>
  <div class="row-fluid">
    <div class="span1">
      <label class="small">Length</label>
      <input type="number" style="width:80%" ng-model="panel.size" ng-change="set_refresh(true)">
    </div>
    <div class="span3">
      <label class="small">Field</label>
      <input type="text" bs-typeahead="fields.list" style="width:80%" ng-change="set_refresh(true)" ng-model='panel.field'></select>
    </div>
    <div class="span3">
      <label class="small">Query Mode</label>
      <select style="width:80%" ng-change="set_refresh(true)" ng-model='panel.mode' ng-options="f for f in ['terms only','AND', 'OR']"></select>
    </div>
    <div class="span5">
      <label class="small">Exclude Terms(s) (comma seperated)</label>
      <input array-join type="text" style="width:90%" ng-change="set_refresh(true)" ng-model='panel.exclude'></input>
    </div>
  </div>
  <div class="row-fluid">    
    <div class="span12">
      The derive queries panel takes a query and a field, runs a terms facet, then creates queries based on them. For example, you might want to see a histogram of the top 5 requests that return a 404. <strong>You should be careful not to select a high cardinality field</strong> as Elasticsearch must load all of these values into memory.<p>
      Query Mode allows to optionally append original query to each term in the list.
    </div>
  </div>
</div>