discerner 1.1.18

data/app/assets/javascripts/discerner/nested_attributes.js

@@ -0,0 +1,69 @@
+NestedAttributes = function (config) {
+  var that = this,
+    defaultConfig = {
+      removeStyle: 'hide',
+      undeleteOnChange: false,
+      add: true,
+      remove: true
+    };
+  this.config = $.extend(defaultConfig, config);
+
+  if (this.config.undeleteOnChange) {
+    $(this.config.container).find("input, select, textarea").change(function () {
+      $(that.config.container).find('.delete_' + that.config.association).prev("input[type=hidden]").val("0");
+    });
+  }
+
+  $(this.config.container).find("input, select, textarea").focus(function () {
+    $(this).select();
+  });
+
+  if (this.config.remove) {
+    var link = $(this.config.container).find('.delete_' + this.config.association)
+    $(document).off('click', link.selector)
+    $(document).on('click', link.selector, function() {
+      that.remove_fields(this, that.config.removeStyle);
+
+      if (that.config.removeHandler) {
+        that.config.removeHandler.call(that.config.caller);
+      }
+    });
+  }
+
+  if (this.config.add) {
+    var link = $(this.config.container).find('.add_' + this.config.association)
+    $(document).off('click', link.selector)
+    $(document).on('click', link.selector, function() {
+      that.add_fields(this, that.config.association, that.config.content);
+
+      if (that.config.addHandler) {
+        that.config.addHandler.call(that.config.caller);
+      }
+    });
+  }
+};
+
+NestedAttributes.prototype = {
+  remove_fields: function (link, removeStyle) {
+    $(link).prev("input[type=hidden]").val("1");
+    if (removeStyle === 'hide' ) {
+      $(link).closest(".fields").hide();
+      $(link).closest(".fields").prev('.error').hide();
+    }
+    else if (removeStyle === 'clear' ) {
+      $(link).closest(".fields").find('input').clearFields();
+      $(link).closest(".fields").find('select').clearFields();
+      $(link).closest(".fields").find('textarea').clearFields();
+    }
+  },
+
+  add_fields: function(link, association, content) {
+    var new_id = new Date().getTime(),
+      regexp1 = new RegExp("new_" + association, "g"),
+      regexp2 = new RegExp("new_nested_record", "g");
+
+    content = content.replace(regexp1, new_id);
+    content = content.replace(regexp2, 'new_nested_record_' + new_id);
+    $(link).closest("." + association).find('.nested_records_' + association).append(content);
+  }
+};

data/app/assets/javascripts/discerner/search_combinations.js

@@ -0,0 +1,49 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+
+Discerner.SearchCombination.UI = function (config) {
+  var dictionarySelector = $('.discerner_search_dictionary select#search_dictionary_id'),
+  selectedDictionaryOption = $(dictionarySelector).find('option:selected:last'),
+
+  setupCombinedSearches = function () {
+    var search_combinations = $('.search_combinations').find('.nested_records_search_combinations tr.search_combination'),
+    display_orders = search_combinations.find('input[name$="[display_order]"]'),
+    i = 0;
+
+    // set up predicate for selected searches
+    search_combinations.filter(':visible:not(:first)').find('.combined_search_operator span').html('and');
+
+    // get max display order
+    $.each(display_orders, function(){
+      var val = parseInt($(this).val());
+      if (val >= i) { i = val }
+    });
+
+    // assign display order to combined searches without it
+    $.each(display_orders, function(){
+      if ($(this).val().length == 0) {
+        i = i + 1
+        $(this).val(i);
+      }
+    })
+
+    // hide combined searches options that do not belong to selected dictionary
+    if (dictionarySelector.length > 0){
+      dictionary_class = $(dictionarySelector).find('option:selected:last').attr('class')
+      $('.search_combinations_combobox_autocompleter').find('option:not(.' + dictionary_class +'):not([value=""])').detach();
+    };
+
+    // setup autocompleters for newly added row
+    $(".search_combinations_combobox_autocompleter").combobox({watermark:'an existing search'});
+  };
+
+  searchCombinationNestedAttributesForm = new NestedAttributes({
+    container: $('.search_combinations'),
+    association: 'search_combinations',
+    content: config.searchCombinationsTemplate,
+    addHandler: setupCombinedSearches,
+    caller: this
+  });
+
+  setupCombinedSearches();
+}

data/app/assets/javascripts/discerner/search_parameter.js

@@ -0,0 +1,131 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+
+Discerner.SearchParameter.UI = function (config) {
+  var parametersUrl = new Discerner.Url(config.parametersUrl),
+  dictionarySelector = $('.discerner_search_dictionary select#search_dictionary_id'),
+  selectedDictionaryOption = $(dictionarySelector).find('option:selected:last'),
+
+  setupParameters = function () {
+    var search_parameters = $('.search_parameters').find('.nested_records_search_parameters tr.search_parameter'),
+    display_orders = search_parameters.find('input:not([name*="search_parameter_values_attributes"])[name$="[display_order]"]'),
+    i = 0;
+
+    search_parameters.filter(':visible:not(:first)').find('.parameter_boolean_operator span').html('and');
+
+    // remove parameter options that do not belong to selected dictionary
+    if (dictionarySelector.length > 0){
+      dictionary_class = $(dictionarySelector).find('option:selected:last').attr('class');
+      $.each($('div.parameter_category'), function(){
+        if (!$(this).hasClass(dictionary_class)) {
+          $(this).remove();
+        }
+      });
+      $.each($('select.parameters_combobox_autocompleter option'), function(){
+        if (!($(this).hasClass(dictionary_class) || $(this).val() == '')) {
+          $(this).remove();
+        }
+      });
+    };
+    $(".parameters_combobox_autocompleter").combobox({watermark:'a criteria'});
+
+    // get max display order
+    $.each(display_orders, function(){
+      var val = parseInt($(this).val());
+      if (val >= i) { i = val }
+    });
+
+    // assign display order to search predicates without it
+    $.each(display_orders, function(){
+      if ($(this).val().length == 0) {
+        i = i + 1
+        $(this).val(i);
+      }
+    })
+  },
+  searchParametersNestedAttributesForm = new NestedAttributes({
+    container: $('.search_parameters'),
+    association: 'search_parameters',
+    content: config.searchParametersTemplate,
+    addHandler: setupParameters,
+    caller: this
+  });
+
+  // handle criteria autocompleter button click
+  $(document).on('click', '.parameter .categorized_autocompleter_link', function () {
+    var popup = $(this).siblings('.div-category-popup'),
+        select = $(this).siblings('select').first(),
+        // get all the "sibling" dropdowns
+        sibling_selects = $('select.' + select.attr('class')).filter(function(){
+          return $(this).closest('tr').find('td.remove input[name$="[_destroy]"]:not([name*="[search_parameter_values_attributes]"])').filter(function() { return this.value === '1'; }).length == 0 // exclude rows marked for destroy
+        }),
+        // get all selected parameter options from sibling selects
+        matching_selected_options = sibling_selects.find('option.exclusive:selected');
+    // match selected options from sibling selects with the source select options
+    // (they will have different base ids for each set but same value)
+    popup.find('.criteria a.categorized_autocompleter_item_link').removeClass('selection_disabled');
+    $.each(matching_selected_options, function(){
+      option = select.find('option[value=' + $(this).val() + ']');
+      popup.find('.parameter_category .criteria a.categorized_autocompleter_item_link[rel="' + $(option).attr('id') + '"]').addClass('selection_disabled');
+    })
+    toggleCategorizedAutocompleterPopup(this);
+    toggleCategorizedAutocompleterPopup($(this).closest('.search_parameter').find('.parameter_value a.expanded_categorized_autocompleter_link'));
+  });
+
+  // handle criteria popup list link click
+  $(document).on('click', '.parameter .categorized_autocompleter_item_link:not(.selection_disabled)', function () {
+    var autocompleter = $(this).parents('.categorized_autocompleter').find('select.parameters_combobox_autocompleter'),
+        categorizedItemEl = document.getElementById($(this).attr('rel'));
+        categorizedAutocompleterLink = $(this).parents('.categorized_autocompleter').find('.categorized_autocompleter_link');
+    autocompleter.combobox('setValue', categorizedItemEl.text);
+    autocompleter.change();
+    toggleCategorizedAutocompleterPopup(categorizedAutocompleterLink);
+  });
+
+  // toggle criteria popup
+  var toggleCategorizedAutocompleterPopup = function (link) {
+    var popup = $(link).parents('.categorized_autocompleter').find('.div-category-popup');
+    if ($(link).hasClass('collapsed_categorized_autocompleter_link')) {
+      popup.show();
+      $(link).removeClass('collapsed_categorized_autocompleter_link');
+      $(link).addClass('expanded_categorized_autocompleter_link');
+    }
+    else {
+      popup.hide();
+      $(link).removeClass('expanded_categorized_autocompleter_link');
+      $(link).addClass('collapsed_categorized_autocompleter_link');
+    }
+  };
+
+  // handle changing selections for criteria autocompleter
+  $(document).on('change', '.parameter select.parameters_combobox_autocompleter', function () {
+    var that = this,
+      predicate = $(that).closest('.search_parameter'),
+      selected_option = $(that).find('option:selected:last'),
+      add_button = $(predicate).find('a.add_search_parameter_values');
+
+    $(predicate).find('.nested_records_search_parameter_values .search_parameter_value .delete_search_parameter_values').click();
+    if ($(selected_option).length == 0 || $(selected_option).val() == ''){
+      $(add_button).hide();
+    }
+    else if ($(selected_option).hasClass('list')){
+      $($(predicate).find('.tmp_link')).remove();
+      console.log(parametersUrl.sub({ question_id: this.value }))
+      $.get(parametersUrl.sub({ question_id: this.value }), function (data) {
+        $.each(data.parameter_values, function() {
+          $(add_button).click();
+          var row = $(predicate).find('.nested_records_search_parameter_values .search_parameter_value').filter(':last');
+          row.find('.parameter_value span').text(this.name);
+          row.find('.parameter_value_id').val(this.parameter_value_id);
+          $(add_button).hide();
+        });
+     });
+    } else {
+      $(add_button).show();
+      $(add_button).click();
+    }
+  });
+
+  setupParameters();
+};
+

data/app/assets/javascripts/discerner/search_parameter_value.js

@@ -0,0 +1,172 @@
+Discerner.SearchParameterValue.UI = function (config) {
+  var that = this,
+    parametersUrl = new Discerner.Url(config.parametersUrl),
+    hideValue = function(e){
+      if (!$(e).hasClass('invisible')){
+        $(e).addClass('invisible');
+      }
+    };
+    showValue = function(e){
+      if ($(e).hasClass('invisible')){
+        $(e).removeClass('invisible');
+      }
+    };
+    setupOperator = function(o){
+      var row = $(o).closest('tr');
+      option = $(o).find('option:selected');
+      if (option.hasClass('range')){
+        showValue($(row).find('.additional_value'));
+      } else {
+        hideValue($(row).find('.additional_value'));
+      }
+      if (option.hasClass('presence')){
+        hideValue($(row).find('.value'));
+      } else {
+        showValue($(row).find('.value'));
+      }
+    },
+    setupParameterValues = function(){
+      var row = $(config.container).find('.nested_records_search_parameter_values .search_parameter_value').last(),
+        selectedParameter = $(config.container).find('select.parameters_combobox_autocompleter option:selected:last');
+
+      row.find('td').hide();
+      hideValue($(row).find('.additional_value').show());
+      row.find('.parameter_values_boolean_operator').show();
+
+      if ($(selectedParameter).hasClass('list')) {                                     // list parameters
+        row.find('.chosen, .parameter_value').show();
+        $(config.container).find('a.add_search_parameter_values').hide();
+        $(config.container).find('.additional_value').hide();
+      } else if ($(selectedParameter).hasClass('combobox')) {                         // combobox parameters
+        var input = $(row).find('input.parameter_value_id');
+        $(config.container).find('.additional_value').hide();
+        if (input.length > 0) {
+            $.get( parametersUrl.sub({ question_id: selectedParameter.val(), search_parameter_value_id: input.closest('tr.search_parameter_value').attr('id') }), function( data ) {
+              container = $(input).closest('td');
+              $(input).detach();
+              container.append( data );
+              container.find('select').attr('id', input.attr('id')).attr('name', input.attr('name')).combobox({ watermark:'a value'});
+              handleParameterValuelPopupListClick(row);
+              handleParameterValueAutocompleterButtonLink(row);
+            });
+          }
+        $(config.container).find('.parameter_value, .remove').show();
+        $(config.container).find('a.add_search_parameter_values').show();
+      } else {                                                                        // date, text and numeric parameters
+        var parameter_classes = ['date', 'numeric', 'text', 'string'];
+        for (var i in parameter_classes) {
+          if ($(selectedParameter).hasClass(parameter_classes[i])) {
+            row.find('.operator option:not(.' + parameter_classes[i] +')').detach();
+            row.find('.operator, .value, .remove').show();
+            $(config.container).find('a.add_search_parameter_values').show();
+            if (parameter_classes[i] == 'date') {
+              row.find('.value input, .additional_value input').addClass('datepicker');
+            }
+          }
+        }
+      }
+      $(config.container).find('.nested_records_search_parameter_values tr.search_parameter_value:visible:not(:first)')
+        .find('.parameter_values_boolean_operator span').html('or');
+
+      var i = 0,
+          display_orders = config.container.find('input[name*="search_parameter_values_attributes"][name$="[display_order]"]');
+
+      // get max display order
+      $.each(display_orders, function(){
+        var val = parseInt($(this).val());
+        if (val >= i) { i = val }
+      });
+      // assign display order to search predicates without it
+      $.each(display_orders, function(){
+        if ($(this).val().length == 0) {
+          i = i + 1
+          $(this).val(i);
+        }
+      });
+      $(config.container).find(".parameter_values_combobox_autocompleter").combobox({watermark:'a value'});
+    },
+    searchParameterValuesNestedAttributesForm = new NestedAttributes({
+      container: config.container,
+      association: 'search_parameter_values',
+      content: config.searchParameterValuesTemplate,
+      addHandler: setupParameterValues,
+      caller: this
+  });
+
+  // toggle parameter value popup
+  var toggleCategorizedAutocompleterPopup = function (link) {
+    var popup = $(link).parents('.categorized_autocompleter').find('.div-category-popup');
+    if ($(link).hasClass('collapsed_categorized_autocompleter_link')) {
+      popup.show();
+      $(link).removeClass('collapsed_categorized_autocompleter_link');
+      $(link).addClass('expanded_categorized_autocompleter_link');
+    }
+    else {
+      popup.hide();
+      $(link).removeClass('expanded_categorized_autocompleter_link');
+      $(link).addClass('collapsed_categorized_autocompleter_link');
+    }
+  };
+
+  // handle parameter value autocompleter button click
+  var handleParameterValueAutocompleterButtonLink = function(container){
+    $(container).find('.parameter_value .categorized_autocompleter_link').on('click', function(){
+      var popup = $(this).siblings('.div-category-popup'),
+          select = $(this).siblings('select').first(),
+          // get all the "sibling" dropdowns
+          sibling_selects = $('select.' + select.attr('class')).filter(function(){
+            return $(this).closest('tr').find('td.remove input[name$="[_destroy]"]:not([name*="[search_parameter_values_attributes]"])').filter(function() { return this.value === '1'; }).length == 0 // exclude rows marked for destroy
+          }),
+          // get all selected parameter options from sibling selects
+          matching_selected_options = sibling_selects.find('option.exclusive:selected');
+      // match selected options from sibling selects with the source select options
+      // (they will have different base ids for each set but same value)
+      popup.find('.parameter value a.categorized_autocompleter_item_link').removeClass('selection_disabled');
+      $.each(matching_selected_options, function(){
+        option = select.find('option[value=' + $(this).val() + ']');
+        popup.find('.search_parameter .parameter value a.categorized_autocompleter_item_link[rel="' + $(option).attr('id') + '"]').addClass('selection_disabled');
+      })
+      toggleCategorizedAutocompleterPopup(this);
+      toggleCategorizedAutocompleterPopup($(this).closest('.search_parameter').find('.parameter a.expanded_categorized_autocompleter_link'));
+    });
+  }
+
+  // handle parameter value popup list link click
+  var handleParameterValuelPopupListClick = function(container) {
+    $(container).find('.parameter_value .categorized_autocompleter_item_link:not(.selection_disabled)').on('click', function(e){
+      e.preventDefault();
+      var autocompleter = $(this).parents('.categorized_autocompleter').find('select.parameter_values_combobox_autocompleter'),
+          categorizedItemEl = document.getElementById($(this).attr('rel'));
+          categorizedAutocompleterLink = $(this).parents('.categorized_autocompleter').find('.categorized_autocompleter_link');
+      autocompleter.combobox('setValue', categorizedItemEl.text);
+      autocompleter.change();
+      toggleCategorizedAutocompleterPopup(categorizedAutocompleterLink);
+    });
+  }
+
+  setupParameterValues();
+  handleParameterValuelPopupListClick(config.container);
+  handleParameterValueAutocompleterButtonLink(config.container);
+
+  $.each($('.operator'), function() { setupOperator(this); });
+
+  $(document).on('change', '.operator select', function(){
+    setupOperator(this);
+  });
+
+  $(document).on('click', '.show-category-items', function(e) {
+    e.preventDefault();
+    $(this).closest('.categorized-parameter-values, .uncategorized-parameter-values').find('.category-items').show();
+    $(this).addClass('hide-category-items');
+    $(this).removeClass('show-category-items');
+    $(this).html('less')
+  });
+
+  $(document).on('click', '.hide-category-items', function(e) {
+    e.preventDefault();
+    $(this).closest('.categorized-parameter-values, .uncategorized-parameter-values').find('.category-items').hide();
+    $(this).addClass('show-category-items');
+    $(this).removeClass('hide-category-items');
+    $(this).html('more')
+  });
+};

data/app/assets/javascripts/discerner/searches.js

@@ -0,0 +1,93 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.
+
+Discerner.Search.UI = function (config) {
+  var dictionarySelector = $('.discerner_search_dictionary select#search_dictionary_id'),
+      dictionaryContainer = $('.discerner_search_dictionary span'),
+      selectedDictionaryOption = $(dictionarySelector).find('option:selected:last');
+
+  var toggleControls = function() {
+    selectedDictionaryOption = $(dictionarySelector).find('option:selected:last');
+    if (dictionarySelector.length > 0 && selectedDictionaryOption.length == 0 || selectedDictionaryOption.val() == '') {
+      $('.search_parameters').hide();
+      $('.search_combinations').hide();
+      $('.discerner_dictionary_required_message').show();
+    } else {
+      $('.search_parameters').show();
+      $('.search_combinations').show();
+      $('.discerner_dictionary_required_message').hide();
+    }
+  }
+
+  // handle dictionary selection change
+  $(dictionarySelector).bind('change', function(){
+    $('a.delete_search_parameters').trigger('click');
+    $('a.delete_search_combinations').trigger('click');
+    toggleControls();
+    $('a.add_search_parameters').trigger('click');
+    $('a.add_search_combinations').trigger('click');
+  });
+
+  // block UI on form submit
+  $('#discerner_search_form form, #results form').bind('submit', function(){
+    $.blockUI({
+        title:    'Loading ... ',
+        message:  '<p>Please be patient</p>',
+        fadeIn: 0,
+        timeout: 20000000,
+        showOverlay: true,
+        centerY: true,
+        theme: true
+    });
+  });
+
+  $(document).on('mouseover', '.datepicker', function() {
+    $(this).datepicker({
+      altFormat: 'yy-mm-dd',
+      dateFormat: 'yy-mm-dd',
+      changeMonth: true,
+      changeYear: true,
+      yearRange: config.yearRange
+      });
+  });
+
+  // handle search name editing
+  $('#discerner_search_form .discerner_search_name_edit a').bind('click', function(){
+    $(this).closest('span.discerner_search_name_edit').hide();
+    $(this).closest('span.discerner_search_name_edit').siblings('span.discerner_search_name').hide();
+    $(this).closest('div').append($('<span>').load(config.renameUrl + ' form').addClass('discerner_search_name_edit_dialog'));
+    return false;
+  });
+
+  // handle search name editing (submit the form)
+  $(document).on('click','#discerner_search_form .discerner_search_name_edit_dialog input[type="submit"]', function(){
+    var form = $(this).closest('form');
+    $.ajax({
+      type: form.attr('method'),
+      url:  form.attr('action'),
+      data: form.serializeArray(),
+      dataType: 'script'
+    });
+
+    return false;
+  })
+
+  // handle cancel on search name editing
+  $(document).on('click', '#discerner_search_form .discerner_search_name_edit_dialog a.cancel', function() {
+    $('span.discerner_search_name_edit_dialog').siblings('span.discerner_search_name').show();
+    $('span.discerner_search_name_edit_dialog').siblings('span.discerner_search_name_edit').show();
+    $('span.discerner_search_name_edit_dialog').remove();
+    $("#messages").html('');
+    return false;
+  });
+
+  $(document).ready(function(){
+    if ((dictionarySelector.length == 0 || selectedDictionaryOption.length != 0) && ($('tr.search_parameter:visible').length == 0)){
+      $('a.add_search_parameters').trigger('click');
+      $('a.add_search_combinations').trigger('click');
+    }
+  });
+
+  toggleControls();
+};
+

data/app/assets/javascripts/discerner/url.js

@@ -0,0 +1,42 @@
+Discerner.Url = function (url) {
+  this.url = url;
+};
+
+Discerner.Url.prototype = {
+  sub: function (params) {
+    var url = this.url,
+        newUrl = this.url,
+        queryString = [],
+        encodedArg = undefined,
+        encodeParam = undefined,
+        param = undefined;
+
+    for (param in params) {
+      if (params.hasOwnProperty(param)) {
+        encodedParam = encodeURIComponent(param);
+        encodedArg = encodeURIComponent(params[param]);
+        newUrl = url.replace(':' + param, encodedArg);
+        if (url == newUrl) {
+          queryString.push(encodedParam + '=' + encodedArg);
+        }
+        url = newUrl;
+      }
+    }
+
+    if (queryString.length > 0) {
+      if (url.indexOf('?') > 0) {
+        return url + queryString.join('&');
+      } else {
+        return url + '?' + queryString.join('&');
+      }
+    } else {
+      return url;
+    }
+  },
+
+  parameters: function () {
+    return $.map(this.url.match(/:\w+/g) || [], function (o, i) {
+      return o.substring(1);
+    });
+  }
+};

data/app/assets/stylesheets/discerner/application.css

@@ -0,0 +1,16 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require jquery.ui.autocomplete
+ *= require jquery.ui.datepicker
+ *= require jquery.ui.button
+ *= require_tree .
+ */

data/app/assets/stylesheets/discerner/buttons.sass

@@ -0,0 +1,13 @@
+#discerner_searches, #discerner_search
+  div.discerner-buttons
+    :margin 1em 0
+
+  a.discerner-button-negative, button.discerner-button-negative, input.discerner-button-negative
+    :color #800000
+    :font-weight bold
+
+  a.discerner-button-positive, button.discerner-button-positive, input.discerner-button-positive
+    :color #529214
+    :font-weight bold
+
+

data/app/assets/stylesheets/discerner/categorized_autocompleter.sass

@@ -0,0 +1,53 @@
+#discerner_searches, #discerner_search
+  .categorized_autocompleter_link, .categorized_autocompleter_link:hover
+    :padding 2px 20px 2px 2px
+    :text-decoration none !important
+
+  .collapsed_categorized_autocompleter_link, .collapsed_categorized_autocompleter_link:hover
+    :background url(bullet_arrow_down.png) 48px 2px no-repeat
+  .expanded_categorized_autocompleter_link, .expanded_categorized_autocompleter_link:hover
+    :background url(bullet_arrow_up.png) 48px 2px no-repeat
+
+  .div-category-popup
+    :position absolute
+    :z-index 1000
+    :background white
+
+    .div-category-list
+      :overflow auto
+
+      .category
+        :padding-bottom 5px
+        :padding-left 5px
+        :padding-right 5px
+        :padding-top 15px
+        :clear both
+
+        .category-name
+          :font-weight bold
+          :margin-bottom 0
+          :margin-left 0
+          :margin-right 0
+          :margin-top 0
+          :padding-bottom 0
+          :padding-left 0
+          :padding-right 0
+          :padding-top 0
+
+        .column
+          :float left
+          :margin-right 5px
+          :width 225px
+
+          .criteria
+            :margin-bottom 3px
+            :margin-left 0
+            :margin-right 0
+            :margin-top 3px
+
+  .categorized_autocompleter
+    :position relative
+
+    button.ui-button
+      :display none
+