activeadmin_slimselect 1.0.0

data/app/javascript/activeadmin_slimselect/slimselect_input.mjs

@@ -0,0 +1,101 @@
+import SlimSelect from 'slim-select'
+
+// --- functions ------------------------------------------------------------
+function initSlimSelectInputs() {
+  document.querySelectorAll('[data-slimselect-input]').forEach(function (el) {
+    // Skip if already initialized
+    if (el.slim) return
+
+    var remote = el.getAttribute('data-opt-remote') || ''
+    var fieldText = el.getAttribute('data-opt-text') || 'text'
+    var fieldValue = el.getAttribute('data-opt-value') || 'value'
+
+    // Build settings object
+    var settings = {
+      closeOnSelect: true,
+      allowDeselect: true,
+      placeholderText: el.getAttribute('placeholder') || 'Select...'
+    }
+
+    // Parse data-opts JSON if present (overrides individual data-opt-* attributes)
+    var optsJson = el.getAttribute('data-opts')
+    if (optsJson) {
+      try {
+        var customOpts = JSON.parse(optsJson)
+        Object.assign(settings, customOpts)
+      } catch (e) {
+        console.error('SlimSelect: Invalid JSON in data-opts', e)
+      }
+    } else {
+      // Parse individual data-opt-* attributes
+      Array.from(el.attributes).forEach(function (attr) {
+        if (attr.name.startsWith('data-opt-') && attr.name !== 'data-opt-remote' && attr.name !== 'data-opt-text' && attr.name !== 'data-opt-value') {
+          var name = attr.name.substring(9) // Remove 'data-opt-' prefix
+          // Convert kebab-case to camelCase
+          name = name.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase() })
+          // Convert string booleans
+          var value = attr.value
+          if (value === 'true') value = true
+          else if (value === 'false') value = false
+          settings[name] = value
+        }
+      })
+    }
+
+    // Build config object
+    var config = {
+      select: el,
+      settings: settings
+    }
+
+    // Add remote search if configured
+    if (remote) {
+      config.events = {
+        search: function (search, currentData) {
+          return new Promise(function (resolve, reject) {
+            if (search.length === 0) {
+              return resolve(currentData)
+            }
+
+            var url = remote + '?q[' + fieldText + '_contains]=' + encodeURIComponent(search)
+
+            fetch(url)
+              .then(function (response) {
+                return response.json()
+              })
+              .then(function (data) {
+                var options = data.slice(0, 10).map(function (item) {
+                  return {
+                    text: item[fieldText],
+                    value: String(item[fieldValue])
+                  }
+                })
+                resolve(options)
+              })
+              .catch(function (error) {
+                console.error('SlimSelect fetch error:', error)
+                reject(error)
+              })
+          })
+        }
+      }
+    }
+
+    // Initialize SlimSelect
+    new SlimSelect(config)
+  })
+}
+
+export { initSlimSelectInputs }
+
+// --- events ---------------------------------------------------------------
+document.addEventListener('DOMContentLoaded', initSlimSelectInputs)
+
+// ActiveAdmin has_many support
+document.addEventListener('has_many_add:after', initSlimSelectInputs)
+
+// Turbolinks support
+document.addEventListener('turbolinks:load', initSlimSelectInputs)
+
+// Turbo support
+document.addEventListener('turbo:load', initSlimSelectInputs)

data/lib/activeadmin/inputs/filters/slimselect_input.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module ActiveAdmin
+  module Inputs
+    module Filters
+      # SlimSelect filter input for ActiveAdmin
+      class SlimselectInput < ::ActiveAdmin::Inputs::Filters::SelectInput
+        def input_html_options
+          super.merge("data-slimselect-input": "1")
+        end
+      end
+    end
+  end
+end

data/lib/activeadmin/slimselect/engine.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+require "active_admin"
+
+module ActiveAdmin
+  module SlimSelect
+    # Rails engine for activeadmin_slimselect
+    class Engine < ::Rails::Engine
+      engine_name "activeadmin_slimselect"
+
+      # Register assets with ActiveAdmin for Propshaft (no Sprockets directive processing).
+      # With Sprockets, users include assets via //= require and @import directives.
+      initializer "activeadmin_slimselect.assets" do
+        unless defined?(Sprockets)
+          ActiveAdmin.application.register_javascript "active_admin/activeadmin_slimselect.js"
+          ActiveAdmin.application.register_stylesheet "active_admin/activeadmin_slimselect.css"
+        end
+      end
+    end
+  end
+end

data/lib/activeadmin/slimselect/version.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module ActiveAdmin
+  module SlimSelect
+    VERSION = "1.0.0"
+  end
+end

data/lib/activeadmin/slimselect.rb

@@ -0,0 +1,3 @@
+# frozen_string_literal: true
+
+require "activeadmin/slimselect/engine"

data/lib/activeadmin_slimselect.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+require "activeadmin/slimselect"
+
+require "formtastic/inputs/slimselect_input"
+require "activeadmin/inputs/filters/slimselect_input"

data/lib/formtastic/inputs/slimselect_input.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module Formtastic
+  module Inputs
+    # SlimSelect input for Formtastic forms
+    class SlimselectInput < Formtastic::Inputs::SelectInput
+      include Formtastic::Inputs::Base
+
+      def input_html_options
+        super.merge("data-slimselect-input": "1")
+      end
+    end
+  end
+end

metadata

@@ -0,0 +1,63 @@
+--- !ruby/object:Gem::Specification
+name: activeadmin_slimselect
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- Piers Chambers
+bindir: bin
+cert_chain: []
+date: 1980-01-02 00:00:00.000000000 Z
+dependencies: []
+description: An Active Admin plugin to use SlimSelect.js (no jQuery required)
+email:
+- piers@varyonic.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/active_admin/activeadmin_slimselect.js
+- app/assets/javascripts/activeadmin/slimselect/slimselect.js
+- app/assets/javascripts/activeadmin/slimselect_has_many.js
+- app/assets/javascripts/activeadmin/slimselect_input.js
+- app/assets/stylesheets/active_admin/activeadmin_slimselect.css
+- app/assets/stylesheets/activeadmin/_slimselect_input.scss
+- app/assets/stylesheets/activeadmin/slimselect/slimselect.css
+- app/javascript/activeadmin_slimselect/index.mjs
+- app/javascript/activeadmin_slimselect/slimselect_has_many.mjs
+- app/javascript/activeadmin_slimselect/slimselect_input.mjs
+- lib/activeadmin/inputs/filters/slimselect_input.rb
+- lib/activeadmin/slimselect.rb
+- lib/activeadmin/slimselect/engine.rb
+- lib/activeadmin/slimselect/version.rb
+- lib/activeadmin_slimselect.rb
+- lib/formtastic/inputs/slimselect_input.rb
+homepage: https://github.com/varyonic/activeadmin_slimselect
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/varyonic/activeadmin_slimselect
+  source_code_uri: https://github.com/varyonic/activeadmin_slimselect
+  changelog_uri: https://github.com/varyonic/activeadmin_slimselect/blob/main/CHANGELOG.md
+  rubygems_mfa_required: 'true'
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 3.2.0
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.7
+specification_version: 4
+summary: SlimSelect for ActiveAdmin
+test_files: []