system/controls/formcontrolfacet.php

<?php

namespace Habari;

class FormControlFacet extends FormControl
{
  static $outpre;

  public function _extend()
  {
    Stack::add('template_header_javascript', 'visualsearch' );
    Stack::add('template_stylesheet', 'visualsearch-css');
    Stack::add('template_stylesheet', 'visualsearch-datauri-css');


    $config = new \stdClass();
    $config->facets = array('type', 'status', 'author', 'from', 'to', 'tag');
    $config->values = array(
      'type' => array(
        'entry',
        'page',
      ),
      'status' => array(
        'draft',
        'published',
        'scheduled',
      ),
      'author' => array(
        'admin'
      ),
      'tag' => array(
        'habari',
        'exploding',
        'sausages'
      ));
    $this->properties['data-facet-config'] = $config;
    $this->add_template_class('div', 'facet_ui');
  }

  public function pre_out()
  {
    $out = '';
    if ( !self::$outpre ) {
      self::$outpre = true;
      $out = <<<  CUSTOM_AUTOCOMPLETE_JS
        <script type="text/javascript">
controls.init(function(){
  $('.facet_ui').each(function(){
    var self = $(this);
    var target = $('#' + self.data('target'));
    var facet_config = target.data('facet-config');
    self.data('visualsearch', VS.init({
      container: self,
      query: '',
      showFacets: false,
      callbacks: {
        search: function(query, searchCollection) {
          console.log(query, searchCollection);
        },
        facetMatches: function(callback) {
          if(facet_config.facetsURL != undefined) {
            $.post(
              facet_config.facetsURL,
              {},
              function(response) {
                callback(response);
              }
            )
          }
          else {
            callback(facet_config.facets)
          }
        },
        valueMatches: function(facet, searchTerm, callback) {
          if(facet_config.valuesURL != undefined) {
            $.post(
              facet_config.valuesURL,
              {
                facet: facet,
                q: searchTerm
              },
              function(response) {
                callback(response);
              }
            )
          }
          else {
            if(facet_config.values[facet]!=undefined){
              callback(facet_config.values[facet]);
            }
          }
        }
      }
    }));
    self.closest('form').on('submit', function(){
      target.val(self.data('visualsearch').searchBox.value());
    });
  });

});
        </script>
CUSTOM_AUTOCOMPLETE_JS;
    }
    return $this->controls_js($out);
  }

  public function set_ajax($url, $ishtml = false) {
    $this->set_settings(
      array(
        'ajax_url' => $url,
        'ajax_ishtml' => $ishtml,
      ),
      false
    );
    return $this;
  }


  public function get(Theme $theme)
  {
    $this->properties['type'] = 'hidden';
    $this->properties['data-facet-config'] = json_encode($this->properties['data-facet-config'] );
    $this->set_template_properties('div', array(
      'id' => $this->get_visualizer(),
      'data-target' => $this->get_id(),
    ));
    return parent::get($theme);
  }

  public function get_visualizer() {
    return $this->get_id() . '_visualizer';
  }

  public function parse() {
    preg_match_all('/(\w+):\s*"([^"]+)"|(\w+):\s*([\S]+)|"([\w\s]+(?!:))"|([\S]+(?!:))/im', $this->value, $matches, PREG_SET_ORDER);
    $results = array();
    foreach($matches as $match) {
      if(!empty($match[1])) {
        $results[$match[1]][] = trim($match[2], '"');
      }
      if(!empty($match[3])) {
        $results[$match[3]][] = trim($match[4], '"');
      }
      if(!empty($match[5])) {
        $results['text'][] = trim($match[5], '"');
      }
      if(!empty($match[6])) {
        $results['text'][] = trim($match[6], '"');
      }
    }
    return $results;
  }
}

?>