Contents

(function(ko, $) {
  "use strict";

  ko.bindingHandlers.sherlock = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
      var $container  = $(element),
          options     = ko.unwrap(valueAccessor()),
          $providerSearchField,
          sherlockVm;
      
      sherlockVm = new app.sherlock.SherlockVm();
      sherlockVm.setup();
      
      sherlockVm.params.subscribe(function(params) {
        bindingContext.$data.sherlockParams(params);
      });
      
      ko.renderTemplate('sherlock-container-template', sherlockVm, {}, element);
      
      $container.addClass('sherlock-search-bar');
      
      $providerSearchField = $container.find('.provider-search-field > input');
      
      $providerSearchField.on('focus', function() {
        sherlockVm.providerSearchActive(true);
      });
      
      $providerSearchField.on('blur', function() {
        // if we do not delay this, it will fire before the 'click'
        // event on dropdown list entries, clearing the list
        setTimeout(function() {
          sherlockVm.providerSearchActive(false);
        }, 200);
      });
      
      $container.on('click', function() {
        $providerSearchField.focus();
      });
      
      return { controlsDescendantBindings: true };
    },
    update: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {

    }
  };

})(ko, $);

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
kea-rails-1.0.2	app/assets/javascripts/kea/bindings/sherlock.js
kea-rails-1.0.1	app/assets/javascripts/kea/bindings/sherlock.js
kea-rails-1.0.0	app/assets/javascripts/kea/bindings/sherlock.js