ultimate_turbo_modal 1.2.1 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 59ea5183cc13d4e04e3a9a63fad2f4c56d4656393b50af6888ffcc452ca47ee4
-  data.tar.gz: d36e383ba4dfd1affd9ebea7ed3c550773273ccf80b0cdcf9464cd892b083390
+  metadata.gz: b09b8cb53143af89cae066415021da467520342232aa61eec3c53b93fbc57b0d
+  data.tar.gz: b8c033322d1af2cf0117e7bbadf914668bdd8c7eb540487eadaccd31722a3473
 SHA512:
-  metadata.gz: 0031bd558642b4f32643ce8a987e8dfa65cf9e2990590e21fd23926417f532619ac9498b69f86a98d10c7e5be04228015f216e0d222b15216b0afb91677beef2
-  data.tar.gz: 40b4e14d106a398016d88daa5dcfa0f77bc5432ba302d148f30597060a1f2b7559c8e3873866ebe4afbaba6f831b42c4182c19479bf222ba552fc2a3f4e357de
+  metadata.gz: fbe3f49e69952e28b6fcd3b26d7423700d10f5703a6802acb5be6a9dbdf7cff0003e01a44c4afdae255fd314f78e9c008f1d40f95f78254d6d8c6600762b398d
+  data.tar.gz: 66a67b13c8dfc6e8b1b0b36a091d1595034cce465196aa73c03f8fedcf09db4f1e733b8c13041f8e923fd6ab52697adb54b0e33e8308a3092365af062b9fd6b5

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+## [1.3.0] - 2023-11-14
+
+- Added ability to pass in a `title` block.
+
 ## [1.2.1] - 2023-11-11
 
 - Fix footer divider not showing

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ultimate_turbo_modal (1.2.1)
+    ultimate_turbo_modal (1.3.0)
       phlex-rails (>= 1.0, < 2.0)
       rails (>= 7)
       stimulus-rails

data/README.md

@@ -159,7 +159,7 @@ If a URL is specified as a String, the browser history will advance, and the URL
 
 ### `title`, default: `nil`
 
-Title to display in the modal header.
+Title to display in the modal header. Alternatively, you can set the title with a block.
 
 ### `header`, default: `true`
 
@@ -173,8 +173,6 @@ Whether to display a divider below the header.
 
 Whether to display a divider above the footer. The divider will not appear if no footer was specified.
 
-
-
 ### Example usage with options
 
 ```erb
@@ -189,6 +187,24 @@ Whether to display a divider above the footer. The divider will not appear if no
 <% end %>
 ```
 
+### Title and Footer
+
+You can set a custom title and footer by passing a block. For example
+
+```erb
+<%= modal do |m| %>
+  <% m.title do %>
+    <div>My Title</div>
+  <% end %>
+
+  Modal body
+
+  <% m.footer do %>
+    <input type="submit" form="myform">Submit</input>
+  <% end %>
+<% end %>
+```
+
 ## Installing & Configuring Idiomorph
 
 Idiomorph can morph Turbo Frame responses to allow seemless navigation within Turbo Frames

data/lib/ultimate_turbo_modal/base.rb

@@ -49,25 +49,31 @@ class UltimateTurboModal::Base < Phlex::HTML
     end
   end
 
+  def title(&block)
+    @title_block = block
+  end
+
   def footer(&block)
     @footer = block
   end
 
   private
 
-  attr_accessor :request, :title
+  attr_accessor :request
 
   def padding? = !!@padding
 
   def close_button? = !!@close_button
 
+  def title_block? = !!@title_block
+
   def title? = !!@title
 
   def header? = !!@header
 
   def footer? = @footer.present?
 
-  def header_divider? = !!@header_divider && title?
+  def header_divider? = !!@header_divider && (@title_block || title?)
 
   def footer_divider? = !!@footer_divider && footer?
 

data/lib/ultimate_turbo_modal/flavors/tailwind.rb

@@ -76,6 +76,12 @@ module UltimateTurboModal::Flavors
       div(id: "modal-main", class: "group-data-[padding=true]:p-4 group-data-[padding=true]:pt-2", &)
     end
 
+    def header_block
+      return if @header_block.blank?
+      render @header_block
+      nil
+    end
+
     def div_header(&)
       div(id: "modal-header", class: "flex justify-between items-center w-full py-4 rounded-t dark:border-gray-600 group-data-[header-divider=true]:border-b group-data-[header=false]:absolute") do
         div_title
@@ -85,7 +91,11 @@ module UltimateTurboModal::Flavors
 
     def div_title
       div(id: "modal-title", class: "pl-4") do
-        h3(id: "modal-title-h", class: "group-data-[title=false]:hidden text-lg font-semibold text-gray-900 dark:text-white") { @title }
+        if @title_block.present?
+          render @title_block
+        else
+          h3(id: "modal-title-h", class: "group-data-[title=false]:hidden text-lg font-semibold text-gray-900 dark:text-white") { @title }
+        end
       end
     end
 

data/lib/ultimate_turbo_modal/flavors/vanilla.rb

@@ -79,7 +79,11 @@ module UltimateTurboModal::Flavors
 
     def div_title
       div(id: "modal-title", class: "modal-title") do
-        h3(id: "modal-title-h", class: "modal-title-h") { @title }
+        if @title_block.present?
+          render @title_block
+        else
+          h3(id: "modal-title-h", class: "modal-title-h") { @title }
+        end
       end
     end
 

data/lib/ultimate_turbo_modal/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module UltimateTurboModal
-  VERSION = "1.2.1"
+  VERSION = "1.3.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ultimate_turbo_modal
 version: !ruby/object:Gem::Version
-  version: 1.2.1
+  version: 1.3.0
 platform: ruby
 authors:
 - Carl Mercier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-12 00:00:00.000000000 Z
+date: 2023-11-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex-rails