formstrap 0.4.10 → 0.4.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 18486c2d275d4a29d8744839fd0838cca5ab46afbe68791cca9df7bc0b0ce77a
-  data.tar.gz: d446454040507486d85d3bebfe1ddf8894cb0ceead8aa976394b1c74b03ea3ac
+  metadata.gz: '092659fd672c3482f8ce50515feaf7e8540b682f9c2a15e3d220eec68f4edb8d'
+  data.tar.gz: 5806e86e581d66fa53eb0898c6ae6e03e346a8ffbc99931806105143cdbfba57
 SHA512:
-  metadata.gz: 51dc8c2510a3ecde2f41a11d1d80d2ec4cfa59efea121df2ee05ed53226081be53ffed346a8405a8ea0f2256b439964e83b253adab573c10cb3dc755dd924edf
-  data.tar.gz: 799f3f2070b303d70443b824fc2f808b64248416b04f70230494785762ffc7fd1e4381eca0af3526fd78e12f3970a44f4b0ddb18b54f9af596cba3c9d748e46d
+  metadata.gz: 6453e0b910ac76064ac3cade4dfbb460402da1f7ed3dc5887dca7c2babfdd69dbe60fca67826f299f6759b00c5c656341429e53def70302371f8bec3daf514cd
+  data.tar.gz: 93161397d6203acae26fd442b1a9babdb4a83cb842d33409ba149a703ece5425458fef99cf0a58da1f382b880204de0e3c4977621d14989e0fe22b54ad67cb2a

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.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;

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/version.rb

@@ -1,3 +1,3 @@
 module Formstrap
-  VERSION = "0.4.10"
+  VERSION = "0.4.11"
 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.11
 platform: ruby
 authors:
 - Jef Vlamings
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2025-03-10 00:00:00.000000000 Z
+date: 2025-04-10 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

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>