formstrap 0.4.10 → 0.4.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 18486c2d275d4a29d8744839fd0838cca5ab46afbe68791cca9df7bc0b0ce77a
-  data.tar.gz: d446454040507486d85d3bebfe1ddf8894cb0ceead8aa976394b1c74b03ea3ac
+  metadata.gz: 1855b6369bcf6ebc3997fd2905d02d6d02c96f2504046b61c76054ecf631f416
+  data.tar.gz: 13dc3e27e2105731f56142c0b43ec196d22f06ea4013b036c014a637dbfe2820
 SHA512:
-  metadata.gz: 51dc8c2510a3ecde2f41a11d1d80d2ec4cfa59efea121df2ee05ed53226081be53ffed346a8405a8ea0f2256b439964e83b253adab573c10cb3dc755dd924edf
-  data.tar.gz: 799f3f2070b303d70443b824fc2f808b64248416b04f70230494785762ffc7fd1e4381eca0af3526fd78e12f3970a44f4b0ddb18b54f9af596cba3c9d748e46d
+  metadata.gz: bf871cf6c6c50aafd80abaebcdf1756cfa1122657abcedafb4000da51956055f43177d5f3ec74276f1b477c67753464e8eab64aa73714b11da302040f53cf963
+  data.tar.gz: 471256a9097d3546d43d69b89f5ea870ca534e22f720b81d99704a51d282f5fa68efce72b4f7406906c8282d7f3969888d9c69ad077851f62dfdcdb18f8d981b

data/README.md

@@ -16,6 +16,12 @@ Afterwards, run:
 bundle
 ```
 
+In order to setup the initializer, run the following command:
+```bash
+rails generate formstrap:install
+```
+
+
 ## Usage
 
 ### Getting started

data/app/assets/javascripts/formstrap/controllers/media_controller.js

@@ -175,10 +175,12 @@ export default class extends Controller {
   }
 
   togglePlaceholder () {
-    if (this.activeItems().length > 0) {
-      this.hidePlaceholder()
-    } else {
+    const count = this.activeItems().length
+
+    if (count < this.maxActiveItems()) {
       this.showPlaceholder()
+    } else {
+      this.hidePlaceholder()
     }
   }
 
@@ -199,7 +201,9 @@ export default class extends Controller {
     // Copy template
     let templateHtml = this.templateTarget
     templateHtml = this.randomizeIds(templateHtml)
-    this.thumbnailsTarget.insertAdjacentHTML('beforeend', templateHtml)
+
+    // Add new thumbnail before the last element (thumbnail)
+    this.thumbnailsTarget.children[this.thumbnailsTarget.children.length - 1].insertAdjacentHTML('beforebegin', templateHtml)
 
     // Set new values
     const newItem = this.itemTargets.pop()

data/app/assets/javascripts/formstrap/controllers/nested_preview_controller.js

@@ -133,6 +133,7 @@ export default class extends Controller {
       const currentName = element.getAttribute('name')
       const newName = currentName.replace(regex, '$1')
       const values = this.readValues(element)
+
       values.forEach((value) => {
         formData.append(newName, value)
       })
@@ -148,6 +149,12 @@ export default class extends Controller {
     // Check if the element is a select with multiple selection
     if (element.tagName.toLowerCase() === 'select' && element.multiple) {
       return [...element.selectedOptions].map(option => option.value)
+    } else if (element.tagName.toLowerCase() === 'input' && element.type === 'checkbox') {
+      if (element.checked) {
+        return [element.value]
+      } else {
+        return []
+      }
     } else {
       return [element.value]
     }
@@ -162,7 +169,7 @@ export default class extends Controller {
       opacity: 0;
       transform-origin: 0 0; 
       width: ${100 / scaleFactor}%;
-    `
+      `
     this.iframeTarget.setAttribute('style', style)
   }
 

data/app/assets/javascripts/formstrap.js

@@ -11204,10 +11204,11 @@ var media_controller_default = class extends Controller {
     }
   }
   togglePlaceholder() {
-    if (this.activeItems().length > 0) {
-      this.hidePlaceholder();
-    } else {
+    const count = this.activeItems().length;
+    if (count < this.maxActiveItems()) {
       this.showPlaceholder();
+    } else {
+      this.hidePlaceholder();
     }
   }
   showPlaceholder() {
@@ -11223,7 +11224,7 @@ var media_controller_default = class extends Controller {
   createItem(item) {
     let templateHtml = this.templateTarget;
     templateHtml = this.randomizeIds(templateHtml);
-    this.thumbnailsTarget.insertAdjacentHTML("beforeend", templateHtml);
+    this.thumbnailsTarget.children[this.thumbnailsTarget.children.length - 1].insertAdjacentHTML("beforebegin", templateHtml);
     const newItem = this.itemTargets.pop();
     newItem.querySelector('input[name*="[blob_id]"]').value = item.blobId;
     newItem.querySelector('input[name*="[_destroy]"]').value = false;
@@ -11554,6 +11555,12 @@ var nested_preview_controller_default = class extends Controller {
   readValues(element) {
     if (element.tagName.toLowerCase() === "select" && element.multiple) {
       return [...element.selectedOptions].map((option2) => option2.value);
+    } else if (element.tagName.toLowerCase() === "input" && element.type === "checkbox") {
+      if (element.checked) {
+        return [element.value];
+      } else {
+        return [];
+      }
     } else {
       return [element.value];
     }
@@ -11565,7 +11572,7 @@ var nested_preview_controller_default = class extends Controller {
       opacity: 0;
       transform-origin: 0 0; 
       width: ${100 / scaleFactor}%;
-    `;
+      `;
     this.iframeTarget.setAttribute("style", style);
   }
   scaleFactor() {

data/app/models/concerns/formstrap/labelable.rb

@@ -23,7 +23,8 @@ module Formstrap
           attribute: attribute,
           form: form,
           required: required,
-          text: label
+          text: label,
+          translatable: translatable
         }
       end
     end

data/app/views/formstrap/_association.html.erb

@@ -15,6 +15,7 @@
   # * +prepend+ - Display as input group with text on the left-hand side
   # * +remote+ - Hash with all options for remote data fetching
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== Remote options
   # * +url+ -- JSON endpoint to fetch data from

data/app/views/formstrap/_checkbox.html.erb

@@ -11,6 +11,7 @@
   # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
   # * +unchecked_value+ - Value for unchecked state
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/checkbox

data/app/views/formstrap/_color.html.erb

@@ -9,6 +9,7 @@
   # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
   # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/color

data/app/views/formstrap/_date.html.erb

@@ -14,6 +14,7 @@
   # * +plaintext+ - Render input as plain text.
   # * +prepend+ - Display as input group with text on the left-hand side
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/date

data/app/views/formstrap/_email.html.erb

@@ -15,6 +15,7 @@
   # * +plaintext+ - Render input as plain text.
   # * +prepend+ - Display as input group with text on the left-hand side
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/email

data/app/views/formstrap/_file.html.erb

@@ -15,6 +15,7 @@
   # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
   # * +prepend+ - Display as input group with text on the left-hand side
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/file

data/app/views/formstrap/_label.html.erb

@@ -1,9 +1,11 @@
 <%
   # name: formstrap/label
   #
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   # ==== Required parameters
   # * +form+ - Form object
   # * +attribute+ - Name of the attribute of the form model
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== Optional parameters
   # * +text+ - Custom label to be used instead of the attribute
@@ -20,3 +22,6 @@
 
 <% label = Formstrap::LabelView.new(local_assigns) %>
 <%= form.label label.attribute, label.text, label.options %>
+<% if label.translatable %>
+  <%= bootstrap_icon "translate", class: "ms-1 text-black text-opacity-50", title: t(".translatable_tooltip") %>
+<% end %>

data/app/views/formstrap/_media.html.erb

@@ -17,6 +17,7 @@
   # * +height+ - Height of the thumbnail
   # * +exclude_models+ - Array of model names to exclude from selection (e.g. ["User", "Company"])
   # * +edit_url+ - Placeholder link for the edit page of the attachment. Needs to contain a ":id" part, e.g. "admin_media_edit_url(":id"). This url be opened in a modal
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/media
@@ -41,7 +42,7 @@
     <% end %>
 
     <!-- Placeholder -->
-    <div class="<%= "d-none" if media.attachments.any? %>" data-media-target="placeholder">
+    <div data-media-target="placeholder">
       <a href="<%= media.modal_url %>" data-turbo-frame="modal" data-media-target="modalButton">
         <%= render "formstrap/shared/thumbnail", media.thumbnail_options %>
       </a>

data/app/views/formstrap/_number.html.erb

@@ -14,6 +14,7 @@
   # * +plaintext+ - Render input as plain text.
   # * +prepend+ - Display as input group with text on the left-hand side
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/number

data/app/views/formstrap/_password.html.erb

@@ -13,6 +13,7 @@
   # * +plaintext+ - Render input as plain text.
   # * +prepend+ - Display as input group with text on the left-hand side
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/password

data/app/views/formstrap/_redactor.html.erb

@@ -12,6 +12,7 @@
   # * +prepend+ - Display as input group with text on the left-hand side
   # * +redactor+ - Hash with all options you can pass to redactor JS config
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://imperavi.com/redactor/docs

data/app/views/formstrap/_select.html.erb

@@ -17,6 +17,7 @@
   # * +tags+ - Allow options to be created dynamically. This will set the multiple attribute to true
   # * +wrapper+ - Hash with all options for the surrounding html tag
   # * +remote+ - Hash with all options for remote data fetching
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== Remote options
   # * +url+ -- JSON endpoint to fetch data from

data/app/views/formstrap/_switch.html.erb

@@ -11,6 +11,7 @@
   # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
   # * +unchecked_value+ - Value for unchecked state
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/switch
@@ -26,4 +27,4 @@
   switch = Formstrap::SwitchView.new(local_assigns)
 %>
 
-<%= render "formstrap/checkbox", switch.options %>
+<%= render "formstrap/checkbox", switch.options %>

data/app/views/formstrap/_text.html.erb

@@ -15,6 +15,7 @@
   # * +plaintext+ - Render input as plain text.
   # * +prepend+ - Display as input group with text on the left-hand side
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/text
@@ -39,4 +40,4 @@
   <%= render "formstrap/validation", text.validation_options if text.validate? %>
   <%= render "formstrap/hint", text.hint_options if text.hint? %>
   <%= render "formstrap/label", text.label_options if text.append_label? %>
-<% end %>
+<% end %>

data/app/views/formstrap/_textarea.html.erb

@@ -13,6 +13,7 @@
   # * +plaintext+ - Render input as plain text.
   # * +prepend+ - Display as input group with text on the left-hand side
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://headmin.dev/docs/forms/textarea

data/app/views/formstrap/_wysiwyg.html.erb

@@ -10,6 +10,7 @@
   # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
   # * +toolbar+ - Show toolbar (default true)
   # * +wrapper+ - Hash with all options for the surrounding html tag
+  # * +translatable+ - Adds a translatable icon next to the label if it is set to true. Defaults depends on initializer.
   #
   # ==== References
   # https://imperavi.com/redactor/docs

data/config/locales/formstrap/de.yml

@@ -7,6 +7,8 @@ de:
         other: Dateien durchsuchen oder hierher ziehen und ablegen
     group:
       save: Speichern
+    label:
+      translatable_tooltip: Dieses Feld ist übersetzbar und kann je nach Sprache einen anderen Wert enthalten
     media:
       modal:
         close: Schließen

data/config/locales/formstrap/en.yml

@@ -7,6 +7,8 @@ en:
         other: Browse files or drag & drop them here
     group:
       save: Save
+    label:
+      translatable_tooltip: This field is translatable and can contain a different value per language
     media:
       modal:
         close: Close

data/config/locales/formstrap/fr.yml

@@ -7,6 +7,8 @@ fr:
         other: Parcourir les fichiers ou faites les glisser et déposez-les ici
     group:
       save: Sauvegarder
+    label:
+      translatable_tooltip: Ce champ est traduisible et peut contenir une valeur différente selon la langue
     media:
       modal:
         close: Fermer

data/config/locales/formstrap/nl.yml

@@ -7,6 +7,8 @@ nl:
         other: Kies bestanden of sleep ze hierheen
     group:
       save: Opslaan
+    label:
+      translatable_tooltip: "Dit veld is vertaalbaar en kan per taal een andere waarde bevatten"
     media:
       modal:
         close: Sluiten

data/lib/formstrap/form_builder.rb

@@ -1,7 +1,7 @@
 module Formstrap
   class FormBuilder < ActionView::Helpers::FormBuilder
     def initialize(object_name, object, template, options)
-      super(object_name, object, template, options)
+      super
 
       custom_helpers_path = "app/views/formstrap/"
       @custom_helpers = Dir["#{custom_helpers_path}*.html.erb"].map { |item| item.gsub("#{custom_helpers_path}_", "").split(".").first.to_sym }

data/lib/formstrap/version.rb

@@ -1,3 +1,3 @@
 module Formstrap
-  VERSION = "0.4.10"
+  VERSION = "0.4.12"
 end

data/lib/formstrap.rb

@@ -6,6 +6,9 @@ require_relative "formstrap/configuration"
 require "formstrap/form_builder"
 require "formstrap/form_helper"
 
+# Load generators
+Dir[File.join(__dir__, "generators", "**", "*_generator.rb")].each { |g| require g }
+
 module Formstrap
   mattr_accessor :configuration, default: Formstrap::Configuration.new
 

data/lib/generators/install/install_generator.rb

@@ -0,0 +1,14 @@
+# lib/generators/my_engine/my_initializer/my_initializer_generator.rb
+require "rails/generators"
+
+module Formstrap
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      source_root File.expand_path("templates", __dir__)
+
+      def create_initializer_file
+        template "formstrap.rb", "config/initializers/formstrap.rb"
+      end
+    end
+  end
+end

data/lib/generators/install/templates/formstrap.rb

@@ -0,0 +1,6 @@
+Formstrap.configure do |config|
+  config.open_ai_key = "your-open-ai-key"
+
+  # If set to true, this turns on the AI feature on all the redactors appliation wide
+  config.ai = false
+end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontierdotbe/formstrap",
-  "version": "0.4.9",
+  "version": "0.4.11",
   "description": "Bootstrap-powered Form Helpers",
   "module": "app/assets/javascripts/formstrap.js",
   "main": "app/assets/javascripts/formstrap.js",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: formstrap
 version: !ruby/object:Gem::Version
-  version: 0.4.10
+  version: 0.4.12
 platform: ruby
 authors:
 - Jef Vlamings
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2025-03-10 00:00:00.000000000 Z
+date: 2025-05-01 00:00:00.000000000 Z
 dependencies: []
 description: An extensive Bootstrap form library to power your Ruby On Rails application.
 email:
@@ -172,7 +172,6 @@ files:
 - app/views/formstrap/pagination/_infinite.html.erb
 - app/views/formstrap/repeater/_row.html.erb
 - app/views/formstrap/shared/_nested_preview.html.erb
-- app/views/formstrap/shared/_notifications.html.erb
 - app/views/formstrap/shared/_popup.html.erb
 - app/views/formstrap/shared/_thumbnail.html.erb
 - bin/console
@@ -196,6 +195,8 @@ files:
 - lib/formstrap/form_builder.rb
 - lib/formstrap/form_helper.rb
 - lib/formstrap/version.rb
+- lib/generators/install/install_generator.rb
+- lib/generators/install/templates/formstrap.rb
 - package.json
 - src/js/formstrap.js
 - src/scss/formstrap.scss

data/app/views/formstrap/shared/_notifications.html.erb

@@ -1,20 +0,0 @@
-<%
-  # formstrap/shared/notifications
-  #
-  # ==== Examples
-  #   Basic version
-  #   <%= render "formstrap/shared/notifications" %#>
-%>
-
-<div class="toast-container position-absolute top-0 end-0 p-3">
-  <% flash.each do |name, message| %>
-    <div class="toast align-items-center text-white show <%= notification_color(name.to_sym)[:background] %>" role="alert" aria-live="assertive" aria-atomic="true" data-controller="toast">
-      <div class="d-flex">
-        <div class="toast-body <%= notification_color(name.to_sym)[:text] %>">
-          <%= message %>
-        </div>
-        <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
-      </div>
-    </div>
-  <% end %>
-</div>