recordselect 3.10.4 → 3.10.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ecf26cbdaa2d60c795f70e52aacef02a47c1b2a79c354bd0c01535ea00148615
-  data.tar.gz: 553cdcca188b034d7821c32f7eeca222d6f55eeacb9bbaddf4b2ad473b4ffff5
+  metadata.gz: cbec8fe7307cc016095843fff9ff55706c5982a7773a590dc80be7a4b5f58271
+  data.tar.gz: e5d51be0faf92fc8241c59981eb94245deeacdb454d6092dd4dcd2f31993d7ef
 SHA512:
-  metadata.gz: 44e3c065ef8a06e293d917e245384b2eb16a23f2ef51ab1cb59de03d7293323f8d57b360cbabb0de6ba2e02e7fabbaa2f78c59eb68d45a782d06ab61379f1aa2
-  data.tar.gz: e4ca3f2130b36660e76803bd954b9926dc1a7da0454deed4bb59fb2d3d71e627c541a2ef07d8a0b27630827d294265c144c3294a8bb89a199e1da02964a8d0c3
+  metadata.gz: 76208f34d043176e2ca3bd0c8b5b701d0526f3fc4c9e668fd39db4a56ef8cd8c17583427d626fff4366e45923ff040201470adea1eb2a623d1dc17285ccd5e00
+  data.tar.gz: af24de9c32c0a8cfc1c78097d3548b3cfb5b26f7ebc83992d1d70894a1f5bad8f4020930d24b08861279f49d7ddff0b524e9f2d0ef6a988e6ab02b412d1a7e14

data/app/assets/javascripts/jquery/record_select.js

@@ -131,6 +131,18 @@ jQuery(document).ready(function() {
       rs.current_xhr = null;
     }
   });
+  jQuery(document).on('click', 'input.recordselect ~ .clear-input-button', function() {
+    var $clear_button = jQuery(event.target), $input = $clear_button.prevAll('input');
+    if (!$input.length) return;
+    $input.val('').removeClass('selected');
+    $clear_button.removeClass('enabled');
+  });
+  jQuery(document).on('input recordselect:change', 'input.recordselect', function(event) {
+    var $clear_button = jQuery(event.target).nextAll('.clear-input-button').first();
+    if (!$clear_button.length) return;
+    if (jQuery(event.target).val()) $clear_button.addClass('enabled');
+    else $clear_button.removeClass('enabled');
+  });
 });
 
 var RecordSelect = new Object();

data/app/assets/stylesheets/record_select.css.scss

@@ -148,3 +148,32 @@ iframe.record-select-mask {
   background-repeat: no-repeat;
   padding-right: 20px;
 }
+
+.recordselect + input[type=hidden] + button.clear-input-button {
+  /* button position */
+  position: relative;
+  right: 20px;
+  top: 3px;
+  /* button appearane */
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
+  background-color: transparent;
+  width: 16px;
+  height: 16px;
+  appearance: none;
+  border: none;
+  border-radius: 50%;
+  margin: 0;
+  cursor: pointer;
+  text-indent: 20px;
+  overflow: hidden;
+  display: none;
+  &.enabled {
+    display: inline-block;
+  }
+  &:hover {
+    background-color: lightgray;
+  }
+}
+.recordselect.selected + input[type=hidden] + button.clear-input-button {
+  right: 40px;
+}

data/lib/record_select/helpers/record_select_helper.rb

@@ -46,18 +46,22 @@ module RecordSelectHelper
     options[:id] ||= name.gsub(/[\[\]]/, '_')
     options[:class] ||= ''
     options[:class] << ' recordselect'
+    options[:clear_button] = true unless options.include? :clear_button
 
     controller = assert_controller_responds(options.delete(:controller))
     params = options.delete(:params)
     record_select_options = {id: record_select_id(controller.controller_path)}
     record_select_options[:field_name] = options.delete(:field_name) if options[:field_name]
+    clear_button_class = 'clear-input-button'
     if current and not current.new_record?
       record_select_options[:id] = current.id
       record_select_options[:label] = label_for_field(current, controller)
+      clear_button_class << ' enabled'
     end
     record_select_options.merge! options[:rs] if options[:rs]
 
     html = text_field_tag(name, nil, options.merge(:autocomplete => 'off', :onfocus => "this.focused=true", :onblur => "this.focused=false"))
+    html << button_tag('x', type: :reset, class: clear_button_class, aria_label: 'Clear input', title: 'Clear input') if options[:clear_button]
     url = url_for({:action => :browse, :controller => controller.controller_path}.merge(params))
     html << javascript_tag("new RecordSelect.Single(#{options[:id].to_json}, #{url.to_json}, #{record_select_options.to_json});")
 

data/lib/record_select/version.rb

@@ -2,7 +2,7 @@ module RecordSelect
   module Version
     MAJOR = 3
     MINOR = 10
-    PATCH = 4
+    PATCH = 5
 
     STRING = [MAJOR, MINOR, PATCH].compact.join('.')
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: recordselect
 version: !ruby/object:Gem::Version
-  version: 3.10.4
+  version: 3.10.5
 platform: ruby
 authors:
 - Sergio Cambra
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-07 00:00:00.000000000 Z
+date: 2024-02-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -99,7 +99,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.2.3
 signing_key:
 specification_version: 4
 summary: RecordSelect widget as a replacement for massive drop down lists