headmin 0.5.0 → 0.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b4995d965477ea5691025ac2ca92fb211c13acc44f1068f402e013c1ec47cb08
-  data.tar.gz: dc1f5842c477771e2b9b9890e8b99e03af6c96daf6451ce8a09628c0dded3f3a
+  metadata.gz: 8a80387ee0e1dfc309d65f5e5eb450260dc84fda671904c3886eb50d2087c3eb
+  data.tar.gz: 98282252c395347dbb1c2490247c323649b4d282d1bc0d7a6bad32c51ec7ebfc
 SHA512:
-  metadata.gz: 64e5f636b7551f1348e640a2dc86e2de7169aee2b6decbda14fa9da3ceea4cbff594686fc27ed4c3a59de554491498c2f6fe60feda94f318bafdef5f8066e75e
-  data.tar.gz: 05bd1380da40f154c741f1a42be39a466a1f4c4f4860b1e9e1176024e24e61d9d68940b3d62932cb9f0413561e7425842f3d2f523a76e66d4b73cc2eef701369
+  metadata.gz: 3c7271cbff3e46599c77506c07bdd0d0fc0d132bf7230202913a394b4b285f599c37866f52d28ff5d79b19ea59c754db7f25fab68bba71795e87d7d42139285a
+  data.tar.gz: 9900e4731b52d46486ea772433696774856b974d7bd2dc758628ce964c5d990296910c1a59a04990f5e509a5a1e341f3d9848d2043ad2ee2c14029c8096feae9

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    headmin (0.4.2)
+    headmin (0.5.1)
       closure_tree (~> 7.4)
       inline_svg (~> 1.7)
       redcarpet (~> 3.5)

data/app/assets/stylesheets/headmin/table.scss

@@ -34,3 +34,10 @@
     max-width: 100%;
   }
 }
+
+.h-table-cell-color {
+  width: 22px;
+  height: 22px;
+  border-radius: 3px;
+  background-color: var(--cell-color);
+}

data/app/assets/stylesheets/headmin.css

@@ -13204,6 +13204,12 @@ body.empty {
   width: 300px;
   max-width: 100%;
 }
+.h-table-cell-color {
+  width: 22px;
+  height: 22px;
+  border-radius: 3px;
+  background-color: var(--cell-color);
+}
 .btn-link {
   text-decoration: none;
 }

data/app/models/headmin/blocks_view.rb

@@ -9,7 +9,7 @@ module Headmin
     end
 
     def prefixes
-      paths + ["website/blocks", "blocks", ""]
+      paths + ["website/blocks", "blocks"]
     end
   end
 end

data/app/models/headmin/form/color_view.rb

@@ -0,0 +1,48 @@
+module Headmin
+  module Form
+    class ColorView < ViewModel
+      include Headmin::Form::Hintable
+      include Headmin::Form::Labelable
+      include Headmin::Form::Validatable
+      include Headmin::Form::Wrappable
+
+      def input_options
+        keys = attributes - %i[attribute form label validate wrapper]
+        options = to_h.slice(*keys)
+        default_input_options.deep_merge(options)
+      end
+
+      def label_options
+        {
+          class: ["form-label"],
+          attribute: attribute,
+          form: form,
+          required: required,
+          text: label
+        }
+      end
+
+      def value
+        @form.object&.send(@attribute) || "#000000"
+      end
+
+      def wrapper_options
+        default_wrapper_options.deep_merge(
+          {
+          }
+        ).deep_merge(@wrapper || {})
+      end
+
+      private
+
+      def default_input_options
+        {
+          aria: {describedby: validation_id},
+          class: ["form-control form-control-color", validation_class],
+          placeholder: placeholder,
+          title: value
+        }
+      end
+    end
+  end
+end

data/app/views/headmin/_blocks.html.erb

@@ -15,7 +15,7 @@
   #   <%= render "headmin/blocks", blockable: @page, paths: %w(website/pages/blocks) %#>
 
   blocks = Headmin::BlocksView.new(local_assigns)
-  @lookup_context.prefixes = @lookup_context.prefixes + blocks.prefixes
+  @lookup_context.prefixes = blocks.prefixes + @lookup_context.prefixes
 %>
 
 <% if blockable && blockable.respond_to?(:blocks) %>

data/app/views/headmin/forms/_color.html.erb

@@ -0,0 +1,32 @@
+<%
+  # headmin/forms/color
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +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
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/color
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color
+  # https://apidock.com/rails/v5.2.3/ActionView/Helpers/FormHelper/color_field
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "headmin/forms/color", form: form, attribute: :active %#>
+  #   <% end %#>
+
+  color = Headmin::Form::ColorView.new(local_assigns)
+%>
+
+<%= render "headmin/forms/wrapper", color.wrapper_options do %>
+  <%= render "headmin/forms/label", color.label_options if color.label? %>
+  <%= form.color_field(color.attribute, color.input_options) %>
+  <%= render "headmin/forms/validation", color.validation_options if color.validate? %>
+  <%= render "headmin/forms/hint", color.hint_options if color.hint? %>
+<% end %>

data/app/views/headmin/table/body/_color.html.erb

@@ -0,0 +1,10 @@
+<%#
+    headmin/table/body/color
+    accepts block: no
+    parameters:
+      value: (hexadecimal) Color value
+%>
+
+<td>
+  <div class="h-table-cell-color" style="--cell-color: <%= value %>" title="<%= value %>"></div>
+</td>

data/lib/headmin/version.rb

@@ -1,3 +1,3 @@
 module Headmin
-  VERSION = "0.5.0"
+  VERSION = "0.5.1"
 end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "headmin",
-  "version": "0.4.2",
+  "version": "0.5.1",
   "description": "Admin component library",
   "module": "app/assets/javascripts/headmin.js",
   "main": "app/assets/javascripts/headmin.js",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: headmin
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.5.1
 platform: ruby
 authors:
 - Jef Vlamings
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-05-05 00:00:00.000000000 Z
+date: 2022-05-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: closure_tree
@@ -272,6 +272,7 @@ files:
 - app/models/headmin/filters.rb
 - app/models/headmin/form/blocks_view.rb
 - app/models/headmin/form/checkbox_view.rb
+- app/models/headmin/form/color_view.rb
 - app/models/headmin/form/date_range_view.rb
 - app/models/headmin/form/date_view.rb
 - app/models/headmin/form/datetime_range_view.rb
@@ -334,6 +335,7 @@ files:
 - app/views/headmin/forms/_autocomplete.html.erb
 - app/views/headmin/forms/_blocks.html.erb
 - app/views/headmin/forms/_checkbox.html.erb
+- app/views/headmin/forms/_color.html.erb
 - app/views/headmin/forms/_datalist.html.erb
 - app/views/headmin/forms/_date.html.erb
 - app/views/headmin/forms/_date_range.html.erb
@@ -402,6 +404,7 @@ files:
 - app/views/headmin/table/actions/_export.html.erb
 - app/views/headmin/table/body/_association.html.erb
 - app/views/headmin/table/body/_boolean.erb
+- app/views/headmin/table/body/_color.html.erb
 - app/views/headmin/table/body/_currency.html.erb
 - app/views/headmin/table/body/_date.html.erb
 - app/views/headmin/table/body/_id.html.erb