A search form component for Flight

search-form.js

define(function (require) {

  'use strict';

  /**
   * Module dependencies
   */

  var defineComponent = require('flight/lib/component');

  /**
   * Module exports
   */

  return defineComponent(searchForm);

  /**
   * Module function
   */

  function searchForm() {
    this.defaultAttrs({
      keywordInputSelector: '.js-keywords'
    });

    this.after('initialize', function () {
      this.on('submit', this.handleSubmit);
    });

    this.handleSubmit = function (event) {
      // prevent submit event from bubbling
      event.preventDefault();
      // get the value of .js-keywords
      var keywords = this.select('keywordInputSelector').val();
      // broadcast keywords
      this.trigger('ui-keywords', {
        keywords: keywords
      });
    }
  }
});