fat_free_crm 0.13.2 → 0.13.3

data/app/views/leads/reject.js.haml

@@ -2,8 +2,8 @@
 - @entity = instance_variable_get("@#{entity_name}")
 - id = dom_id(@entity)
 
-jQuery('##{id}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
-jQuery('##{id}').effect("highlight", { duration:1500 });
+$('##{id}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
+$('##{id}').effect("highlight", { duration:1500 });
 - if called_from_index_page?
   = refresh_sidebar(:index, :filters)
 - elsif called_from_landing_page?("campaigns")

data/app/views/leads/show.html.haml

@@ -11,7 +11,7 @@
   = render "comments/new", :commentable => @lead
   = render :partial => "shared/timeline", :collection => @timeline
 
-  = hook(:show_lead_bottom, self) do
+  = hook(:show_lead_bottom, self, {entity: @lead}) do
 
     = render :partial => "tasks/tasks", :locals => {:object => @lead}
 

data/app/views/leads/show.js.haml

@@ -1,5 +1,5 @@
 - entity_name = controller.controller_name.singularize.underscore #account
 - @entity = instance_variable_get("@#{entity_name}")
 
-jQuery('#main').html('#{ j (render :template => "#{entity_name.pluralize}/show.html", entity_name => @entity) }');
+$('#main').html('#{ j (render :template => "#{entity_name.pluralize}/show.html", entity_name => @entity) }');
 = raw generate_js_for_popups(@entity, :tasks)

data/app/views/leads/update.js.haml

@@ -8,19 +8,21 @@
     crm.set_title('edit_#{entity_name}', '#{h @entity.full_name}');
     = refresh_sidebar(:show, :summary)
   - else
-    jQuery('##{id}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
-    jQuery('##{id}').effect("highlight", { duration:1500 });
+    $('##{id}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
+    $('##{id}').effect("highlight", { duration:1500 });
     - if called_from_index_page?
       = refresh_sidebar(:index, :filters)
     - elsif called_from_landing_page?("campaigns")
       = refresh_sidebar_for(:campaigns, :show, :summary)
     - else
-      jQuery('#recently').replaceWith('#{ j render(:partial => "shared/recently") }');
+      $('#recently').replaceWith('#{ j render(:partial => "shared/recently") }');
 
 - else
-  jQuery('##{id}').html('#{ j render(:partial => "edit") }');
-  jQuery('##{id}').effect("shake", { duration:250, distance: 6 });
+  $('##{id}').html('#{ j render(:partial => "edit") }');
+  $('##{id}').effect("shake", { duration:250, distance: 6 });
   - if @entity.errors[:first_name].blank? and entity.errors[:last_name].present?
-    jQuery('#lead_last_name').focus();
+    $('#lead_last_name').focus();
   - else
-    jQuery('##{dom_id(@entity, :edit)} input[type!=hidden]').first().focus();
+    $('##{dom_id(@entity, :edit)} input[type!=hidden]').first().focus();
+
+= hook(:entity_update, self, {entity: @entity}) {}

data/app/views/lists/_lists.html.haml

@@ -0,0 +1,6 @@
+- @global_lists = List.where(:user_id => nil)
+- @personal_lists = List.where(:user_id => current_user.id)
+
+#lists
+  = render "lists/sidebar", lists: @global_lists
+  = render "lists/sidebar", lists: @personal_lists, personal: true

data/app/views/lists/_sidebar.html.haml

@@ -1,28 +1,29 @@
-- @global_lists = List.where(:user_id => nil)
-- @list = List.new
-.panel#lists
-  .caption #{t :global_lists}
+- personal ||= false
+- caption = personal ? :personal_lists : :global_lists
+
+.panel.lists
+  .caption #{t caption}
   %ul
-    - if @global_lists.none?
+    - if lists.none?
       %div #{t :no_saved_lists}
     - else
-      - @global_lists.sort.each_with_index do |list, i|
-        %li[list]{ :class => i < @global_lists.size - 1 ? "" : "last" }
-          %dt= link_to(truncate(list.name, :length => 25), h(list.url), :title => list.name)
+      - lists.sort.each_with_index do |item, i|
+        %li[item]{ :class => i < lists.size - 1 ? "" : "last" }
+          %dt= link_to(truncate(item.name, :length => 25), h(item.url), :title => item.name)
           %tt
-            = link_to(url_for(list), :method => :delete, :confirm => 'Are you sure?', :remote => true, :class => "list_icon delete_on_hover") do
-              %i.fa{:"data-controller" => list.controller, class: get_icon(list.controller)}
+            = link_to(url_for(item), :method => :delete, :confirm => t(:confirm_delete, value: 'list'), :remote => true, :class => "list_icon delete_on_hover") do
+              %i.fa{:"data-controller" => item.controller, class: get_icon(item.controller)}
 
-  .show_lists_save_form{ hidden_if(!params[:q]) }
+  .list_save{ hidden_if(!params[:q]) }
     = link_to(t(:make_current_view_list), '#')
 
-  .save_list{ hidden }
-    = simple_form_for(@list, :html => one_submit_only, :remote => true) do |f|
+  .list_form{ hidden }
+    = simple_form_for(List.new, :remote => true) do |f|
       = f.text_field :name, :size => 25
-      = image_tag("/assets/info_tiny.png", :title => t(:list_name_info), :class => "input_info")
+      = image_tag(asset_path('info_tiny.png'), :title => t(:list_name_info), class: "input_info")
       = f.hidden_field :url
-      %input{:type => "hidden", :name => "is_global", :value => 1}
+      %input{:type => "hidden", :name => "is_global", :value => (personal ? 0 : 1) }
       %div
-        = f.submit(t(:save), :id => "save_list", :style => "vertical-align: bottom;")
+        = f.submit( t(:save) )
         #{t :or}
-        = link_to(t(:cancel), '#', :class => "hide_lists_save_form")
+        = link_to(t(:cancel), '#', :class => "cancel")

data/app/views/lists/create.js.haml

@@ -1,10 +1,9 @@
 - if @list.valid?
-  jQuery('#lists').replaceWith('#{ j render(:partial => "lists/sidebar") }');
-  jQuery('.show_lists_save_form').show();
-  jQuery('#personal_lists').replaceWith('#{ j render(:partial => "lists/personal_sidebar") }');
-  jQuery('.show_personal_lists_save_form').show();
+  $('#lists').replaceWith('#{ j render(partial: "lists/lists") }');
+  $('.list_save').show();
 
 - else # Couldn't create the saved list -- validation failed.
-  jQuery('#new_list').effect("shake", { duration:250, distance: 6 });
-  jQuery('#list_name').focus();
-  jQuery('#save_list').enable();
+  $form = $('.lists .list_form:visible')
+  $form.effect("shake", { duration:250, distance: 6 });
+  $form.find("[name='list[name]']").focus();
+  $form.find("[type=submit]").prop('disabled', false);

data/app/views/lists/destroy.js.haml

@@ -1 +1 @@
-jQuery('##{dom_id(@list)}').css('background-color', '#ffe4e1').slideUp();
+$('##{dom_id(@list)}').css('background-color', '#ffe4e1').slideUp();

data/app/views/opportunities/_edit.html.haml

@@ -10,8 +10,9 @@
     = render "fields/edit_custom_field_group", :f => f, :edit => true
     = render "fields/groups",             :f => f, :edit => true
     = render "entities/permissions",      :f => f, :edit => true, :entity => @opportunity
+    = hook(:entity_form, self, {f: f, entity: @opportunity}) {}
 
     .buttonbar
-      = f.submit t(:save_opportunity), :onclick => %/$("account_assigned_to").value = $F("opportunity_assigned_to");/
+      = f.submit t(:save_opportunity), :onclick => %/$("#account_assigned_to").val($("#opportunity_assigned_to").val());/
       #{t :or}
       = link_to_cancel edit_opportunity_path(@opportunity)

data/app/views/opportunities/_index_brief.html.haml

@@ -26,4 +26,4 @@
       - else
         = t(:added_ago, :value => timeago(opportunity.created_at)).html_safe
 
-    = hook(:opportunity_bottom, self, :opportunity => opportunity)
+    = hook(:opportunity_bottom, self, :opportunity => opportunity) {}

data/app/views/opportunities/_index_long.html.haml

@@ -56,4 +56,4 @@
         %dt
           .tags= tags_for_index(opportunity)
 
-    = hook(:opportunity_bottom, self, :opportunity => opportunity)
+    = hook(:opportunity_bottom, self, :opportunity => opportunity) {}

data/app/views/opportunities/_new.html.haml

@@ -10,8 +10,9 @@
   = render "shared/add_comment",        :f => f
   = render "fields/groups",             :f => f
   = render "entities/permissions",      :f => f, :entity => @opportunity
+  = hook(:entity_form, self, {f: f, entity: @opportunity}) {}
 
   .buttonbar
-    = f.submit t(:create_opportunity), :onclick => %/$("account_assigned_to").value = $F("opportunity_assigned_to"); if ($("account_id").visible()) { $("account_id").enable(); }/
+    = f.submit t(:create_opportunity), :onclick => %/$("#account_assigned_to").val($("#opportunity_assigned_to").val()); if ($("#account_id").css('display') != 'none') { $("#account_id").enable(); }/
     #{t :or}
     = link_to_cancel new_opportunity_path

data/app/views/opportunities/_opportunities.html.haml

@@ -3,4 +3,4 @@
   - opportunities = object.opportunities.order('updated_at desc').paginate(:page => 1, :per_page => 20)
   = render :partial => "opportunities/opportunity", :collection => opportunities
 
-= will_paginate opportunities, :id => 'opportunities_pagination', :params => {:action => :opportunities}
+= paginate( collection: opportunities, id: 'opportunities_pagination', params: { action: 'opportunities' } )

data/app/views/opportunities/_sidebar_index.html.haml

@@ -17,4 +17,4 @@
     %div{:style => "float:right;"}
       %b= @opportunity_stage_total[:all]
     %b #{t :total_opportunities}
-  = hook(:index_opportunity_sidebar_bottom, self)
+  = hook(:index_opportunity_sidebar_bottom, self) {}

data/app/views/opportunities/_sidebar_show.html.haml

@@ -58,4 +58,4 @@
     %dt
       .tags= tags_for_index(@opportunity)
 
-  = hook(:show_opportunity_sidebar_bottom, self, :opportunity => @opportunity)
+  = hook(:show_opportunity_sidebar_bottom, self, :opportunity => @opportunity) {}

data/app/views/opportunities/_top_section.html.haml

@@ -46,7 +46,7 @@
         %tr
           %td
             .label #{t :campaign}:
-            = f.collection_select "campaign_id", Campaign.all, :id, :name, { :selected => (@campaign.try(:id) || 0), :include_blank => true }
+            = opportunity_campaign_select( selected: (@campaign.try(:id) || @opportunity.campaign_id), include_blank: true )
 
         - if Setting.background_info && Setting.background_info.include?(:opportunity)
           %tr
@@ -56,4 +56,4 @@
 
         = render :partial => "/shared/tags", :locals => {:f => f, :span => 3}
 
-        = hook(:opportunity_top_section_bottom, self, :f => f)
+        = hook(:opportunity_top_section_bottom, self, :f => f) {}

data/app/views/opportunities/contacts.js.haml

@@ -1,3 +1,3 @@
 - @contacts = @opportunity.contacts.paginate(:page => params[:page], :per_page => 20)
-jQuery('#contacts').html('#{ j render(:partial => 'contacts/contact', :collection => @contacts) }');
-jQuery('#contacts_pagination').replaceWith('#{ j will_paginate(@contacts, :id => :contacts_pagination, :params => {:action => :contacts}) }');
+$('#contacts').html('#{ j render(:partial => 'contacts/contact', :collection => @contacts) }');
+$('#contacts_pagination').replaceWith('#{ j paginate(collection: @contacts, id: 'contacts_pagination', params: { action: 'contacts' } ) }');

data/app/views/opportunities/create.js.haml

@@ -3,15 +3,15 @@
 - create_id = "create_#{entity_name}"
 
 - if @entity.valid?
-  jQuery('##{create_id}_arrow').html(crm.COLLAPSED);
-  jQuery('##{create_id}_title').html('#{ j t(entity_name.pluralize) }');
-  jQuery('##{create_id}').slideUp(250);
-  jQuery('##{entity_name.pluralize}').prepend('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
-  jQuery('##{dom_id(@entity)}').effect("highlight", { duration:1500 });
+  $('##{create_id}_arrow').html(crm.COLLAPSED);
+  $('##{create_id}_title').html('#{ j t(entity_name.pluralize) }');
+  $('##{create_id}').slideUp(250);
+  $('##{entity_name.pluralize}').prepend('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
+  $('##{dom_id(@entity)}').effect("highlight", { duration:1500 });
 
   - if called_from_index_page?
     = refresh_sidebar(:index, :filters)
-    jQuery('#paginate').html('#{ j render(:partial => "shared/paginate_with_per_page") }');
+    $('#paginate').html('#{ j render(:partial => "shared/paginate_with_per_page") }');
   - elsif called_from_landing_page?("accounts") # Opportunity created on Account landing page: refresh Account summary.
     - @account.reload
     = refresh_sidebar_for(:accounts, :show, :summary)
@@ -19,11 +19,11 @@
     - @campaign.reload
     = refresh_sidebar_for(:campaigns, :show, :summary)
   - else # Opportunity created on Contact landing page: refresh recent items list.
-    jQuery('#recently').html('#{ j render(:partial => "shared/recently") }');
+    $('#recently').replaceWith('#{ j render(:partial => "shared/recently") }');
   crm.flick('empty', 'remove');
 
 - else
-  jQuery('##{create_id}').html('#{ j render(:partial => "new") }');
+  $('##{create_id}').html('#{ j render(:partial => "new") }');
   crm.create_or_select_account(#{ request.referer =~ /\/accounts\// || @account.id.blank? });
-  jQuery('##{create_id}').effect("shake", { duration:250, distance: 6 });
-  jQuery('#new_#{entity_name} input[type!=hidden]').first().focus();
+  $('##{create_id}').effect("shake", { duration:250, distance: 6 });
+  $('#new_#{entity_name} input[type!=hidden]').first().focus();

data/app/views/opportunities/destroy.js.haml

@@ -1,13 +1,13 @@
 - entity_name = controller.controller_name.singularize.underscore
 - @entity = instance_variable_get("@#{entity_name}")
 
-jQuery('##{dom_id(@entity)}').css('background-color', '#ffe4e1').slideUp(250);
+$('##{dom_id(@entity)}').css('background-color', '#ffe4e1').slideUp(250);
 - if called_from_index_page?
   = refresh_sidebar(:index, :filters)
-  jQuery('#paginate').html('#{ j render(:partial => "shared/paginate_with_per_page") }');
+  $('#paginate').html('#{ j render(:partial => "shared/paginate_with_per_page") }');
 - elsif called_from_landing_page?("accounts")
   = refresh_sidebar_for(:accounts, :show, :summary)
 - elsif called_from_landing_page?("campaigns")
   = refresh_sidebar_for(:campaigns, :show, :summary)
 - else
-  jQuery('#recently').replaceWith('#{ j render(:partial => "shared/recently") }');
+  $('#recently').replaceWith('#{ j render(:partial => "shared/recently") }');

data/app/views/opportunities/edit.js.haml

@@ -8,14 +8,14 @@
     crm.flip_form('edit_#{entity_name}');
     crm.set_title('edit_#{entity_name}', '#{h @entity.name}');
   - else                                            # Called from index page...
-    jQuery('##{id}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
+    $('##{id}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
 
 - else # <----------------------------------------- Show requested [Edit Opportunity] form.
 
   - if params[:cancel].blank?                       # Called from opportunities list item...
     - if @previous                                  # Hide open [Edit Opportunity] form if any.
       - if @previous.is_a?(Opportunity)
-        jQuery('##{dom_id(@previous)}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @previous ]) }');
+        $('##{dom_id(@previous)}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @previous ]) }');
       - else
         crm.flick('#{entity_name}_#{@previous}', 'remove');
 
@@ -24,12 +24,12 @@
     -# Hide [Create] form if any.
     crm.hide_form('create_#{entity_name}');
     -# Show [Edit] form.
-    jQuery('##{id}').html('#{ j render(:partial => "edit") }');
+    $('##{id}').html('#{ j render(:partial => "edit") }');
 
   - elsif params[:cancel].false?                    # Called from title of the opportunity landing page...
-    jQuery('#edit_#{entity_name}').html('#{ j render(:partial => "edit") }');
+    $('#edit_#{entity_name}').html('#{ j render(:partial => "edit") }');
     crm.flip_form('edit_#{entity_name}');
     crm.set_title('edit_#{entity_name}', "#{t :edit} #{h @opportunity.name}");
 
   crm.create_or_select_account(#{ request.referer =~ /\/accounts\// || @account.id.blank? });
-  jQuery('#new_#{entity_name} input[type!=hidden]').first().focus();
+  $('#new_#{entity_name} input[type!=hidden]').first().focus();

data/app/views/opportunities/index.html.haml

@@ -17,4 +17,4 @@
 #paginate= render "shared/paginate_with_per_page"
 #export= render "shared/export"
 
-= hook(:opportunity_index_after, self)
+= hook(:opportunity_index_after, self) {}

data/app/views/opportunities/index.js.haml

@@ -2,10 +2,10 @@
 - @entities = instance_variable_get("@#{entities}")
 
 - if @entities.any?
-  jQuery('##{entities}').html('#{ j render(@entities) }');
+  $('##{entities}').html('#{ j render(@entities) }');
 - else
-  jQuery('##{entities}').html('#{ j render(:partial => "shared/empty") }');
+  $('##{entities}').html('#{ j render(:partial => "shared/empty") }');
 
-jQuery('#paginate').html('#{ j render(:partial => "shared/paginate_with_per_page") }');
-jQuery('#export').html('#{ j render(:partial => "shared/export") }');
-jQuery('#search_results_count').html('#{ j render(:text => t('search_results_count', :count => @search_results_count)) }');
+$('#paginate').html('#{ j render(:partial => "shared/paginate_with_per_page") }');
+$('#export').html('#{ j render(:partial => "shared/export") }');
+$('#search_results_count').html('#{ j render(:text => t('search_results_count', :count => @search_results_count)) }');

data/app/views/opportunities/new.js.haml

@@ -5,7 +5,7 @@ crm.flick('empty', 'toggle');
 crm.flip_form('#{create_id}');
 
 - unless params[:cancel].true?
-  jQuery('##{create_id}').html('#{ j render(:partial => "new") }');
+  $('##{create_id}').html('#{ j render(:partial => "new") }');
   crm.set_title('#{create_id}', '#{ j t(create_id) }');
   -# this function call is the only difference to normal new.js.haml
   crm.create_or_select_account(#{ request.referer =~ /\/accounts\// || @account.id.blank? });

data/app/views/opportunities/show.html.haml

@@ -11,7 +11,7 @@
   = render "comments/new", :commentable => @opportunity
   = render :partial => "shared/timeline", :collection => @timeline
 
-  = hook(:show_opportunity_bottom, self) do
+  = hook(:show_opportunity_bottom, self, {entity: @opportunity}) do
 
     = render "tasks/tasks", :object => @opportunity
 

data/app/views/opportunities/show.js.haml

@@ -1,5 +1,5 @@
 - entity_name = controller.controller_name.singularize.underscore #account
 - @entity = instance_variable_get("@#{entity_name}")
 
-jQuery('#main').html('#{ j (render :template => "#{entity_name.pluralize}/show.html", entity_name => @entity) }');
+$('#main').html('#{ j (render :template => "#{entity_name.pluralize}/show.html", entity_name => @entity) }');
 = raw generate_js_for_popups(@entity, :tasks, :contacts)

data/app/views/opportunities/update.js.haml

@@ -8,8 +8,8 @@
     crm.set_title('edit_#{entity_name}', '#{h @entity.name}');
     = refresh_sidebar(:show, :summary)
   - else
-    jQuery('##{id}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
-    jQuery('##{id}').effect("highlight", { duration:1500 });
+    $('##{id}').replaceWith('#{ j render(:partial => entity_name, :collection => [ @entity ]) }');
+    $('##{id}').effect("highlight", { duration:1500 });
     - if called_from_index_page?
       = refresh_sidebar(:index, :filters)
     - elsif called_from_landing_page?(:accounts)
@@ -17,9 +17,11 @@
     - elsif called_from_landing_page?(:campaigns)
       = refresh_sidebar_for(:campaigns, :show, :summary)
     - else
-      jQuery('#recently').replaceWith('#{ j render(:partial => "shared/recently") }');
+      $('#recently').replaceWith('#{ j render(:partial => "shared/recently") }');
 - else
-  jQuery('##{id}').html('#{ j render(:partial => "edit") }');
+  $('##{id}').html('#{ j render(:partial => "edit") }');
   crm.create_or_select_account(#{ request.referer =~ /\/accounts\// || @account.id.blank? });
-  jQuery('##{id}').effect("shake", { duration:250, distance: 6 });
-  jQuery('##{dom_id(@entity, :edit)} input[type!=hidden]').first().focus();
+  $('##{id}').effect("shake", { duration:250, distance: 6 });
+  $('##{dom_id(@entity, :edit)} input[type!=hidden]').first().focus();
+
+= hook(:entity_update, self, {entity: @entity}) {}

data/app/views/shared/_address.html.haml

@@ -41,4 +41,4 @@
           = address_field(a, address, :zipcode, "width:80px;")
         %td= spacer
         %td
-          = a.country_select(:country, priority_countries, { :include_blank => "" }, {:"data-placeholder" => t(:select_a_country), :style => "width:150px; margin-top:6px"})
+          = a.country_select(:country, priority_countries, { :include_blank => "" }, {:"data-placeholder" => t(:select_a_country), :style => "width:150px; margin-top:6px", :class => 'select2'})

data/app/views/shared/_inline_styles.html.haml

@@ -27,5 +27,5 @@
     li.user .active    { background: lightgreen; }
     li.user .signed_up { background: lightsalmon; }
 
-  = hook(:inline_styles, self, local_assigns)
+  = hook(:inline_styles, self, local_assigns) {}
 

data/app/views/shared/_naming.html.haml

@@ -2,8 +2,8 @@
 
 :plain
   new crm.Menu({
-    trigger   : "naming",
-    fade      : 0.5,
-    appear    : 0.5,
+    trigger   : "#naming",
+    fade      : 500,
+    appear    : 500,
     menu_items: [ #{naming_menu_items.join(",")} ]
   });

data/app/views/shared/_paginate.haml

@@ -1 +1,2 @@
-= will_paginate :params => {:action => :index}
+= image_tag("loading.gif", size: 'thumb', class: "spinner", style: "display: none;")
+= paginate

data/app/views/shared/_paginate_with_per_page.html.haml

@@ -1,14 +1,12 @@
+= image_tag("loading.gif", size: 'thumb', class: "spinner", style: "display: none;")
+= paginate
 
-= will_paginate :params => {:action => :index}
+.per_page_options
+  %span.per_page_label
+    = t('entities_per_page', :entity => t(controller_name))
 
-- entities = instance_variable_get("@#{controller_name}")
-- if entities.count > @per_page.to_i
-  .per_page_options
-    %span.per_page_label
-      = t('entities_per_page', :entity => t(controller_name))
-
-    - [ 10, 20, 30, 50 ].each do |count|
-      - if count == @per_page.to_i
-        %em.current= count
-      - else
-        = link_to count, send("redraw_#{controller.controller_name}_path", :per_page => count, :query => params[:query], :q => params[:q])
+  - [ 10, 20, 30, 50 ].each do |count|
+    - if count == @per_page.to_i
+      %em.current= count
+    - else
+      = link_to count, send("redraw_#{controller.controller_name}_path", per_page: count, query: params[:query], q: params[:q]), remote: true

data/app/views/shared/_search.html.haml

@@ -4,8 +4,12 @@
 %h4 #{t(:search_assets, t(controller.controller_name + "_small"))}
 %div{ :style => "margin: 0px 0px 6px 0px" }
   = text_field_tag('query', @current_query, :size => 23)
-  
+
 :javascript
-  new Form.Element.Observer('query', 1.5, function(element, value) {
-    crm.search(value, '#{path}')
+  var searchTimeout;
+
+  $('#query').on('keydown', function(event) {
+    $el = $(event.target)
+    if (searchTimeout) clearTimeout(searchTimeout);
+    searchTimeout = setTimeout(function () { crm.search($el.val(), '#{path}'); }, 500);
   });