bullet_train-themes-tailwind_css 1.0.16 → 1.0.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 65708a84e9d1a826988f78fd208613c052f98d3e2fb13d361682f6646a7b55b9
-  data.tar.gz: 35fa6c1277a50dde8542cc4d089cd7811cc7b28a8fd6a6b90ddce59df33768bb
+  metadata.gz: df4824a09243ac29b8377c9e8c01402c5863131cced94ea333ba1f04e93258b6
+  data.tar.gz: 369356de00d7943e376f1c66b343ed247307d500392529f8d32f54356e7336c7
 SHA512:
-  metadata.gz: b9a8d76316a06e849697378df0970dc194d6a7f3646da5b98ea9a611d452c13ff9999374e287625438936e6ce3c241603f969161984e971ce1bb5585de3a6e9d
-  data.tar.gz: 80b46ba2045cebd8dd5ceb001934ee95060d074eeec43d78bfed2db847b4752062cd6c3d82ef474bb3ec9967981a95f126cd670535673c86d5088bd0f5b55a9c
+  metadata.gz: 187f9a6fe3e32832fb25da2607daa7b756131cdbde2a20e195afb26d8511d63ce8e875dda676d7862f5c004f29fd734d5b0db2b5101bb4c7b2457b6311391ce2
+  data.tar.gz: cfed613e0e0932759716dbeeb88d91536387edf510270b32a816cfa9ed9374a3f7cffc8968d3d18f5a4b700b7b0ff26f82ef5f3cf8ec59f8d4e1bfb1a8d04a43

data/app/views/themes/tailwind_css/attributes/_code.html.erb

@@ -0,0 +1,22 @@
+<% object ||= current_attributes_object %>
+<% strategy ||= current_attributes_strategy || :none %>
+<% source ||= nil %>
+<% url ||= nil %>
+<% secret ||= false %>
+<% if object.send(attribute).present? %>
+  <%= render 'shared/attributes/attribute', object: object, attribute: attribute, strategy: strategy, url: url do %>
+    <% if secret && source.nil? %>
+      <% attribute = object.send(attribute) %>
+      <% attribute_short = attribute[0..4] %>
+      <div class="flex flex-row">
+        <details class="group peer order-2">
+          <summary class="list-none text-xs text-primary-500 dark:text-darkAccent-200 hover:text-primary-600 hover:underline group-open:hidden cursor-pointer">Show</summary>
+          <code class="text-pink-600 font-light"><%= attribute %></code>
+        </details>
+        <code class="order-1 mr-2 peer-open:hidden text-pink-600 font-light"><%= attribute_short %><% if attribute_short.length < attribute.length %>&hellip;<% end %></code>
+      </div>
+    <% else %>
+      <code class="text-pink-600 font-light"><%= object.send(source || attribute) %></code>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/themes/tailwind_css/fields/_date_and_time_field.html.erb

@@ -15,8 +15,7 @@ other_options ||= {}
     <div class="date-input relative" data-controller="fields--date" data-fields--date-include-time-value="true" data-fields--date-default-time-zones-value="<%= "[\"#{current_user.current_team.time_zone}\",\"#{current_user.time_zone}\"]" %>">
       <%= form.text_field method, options %>
       <% unless options[:disabled] %>
-      <button type="button" class="clear py-2 px-3 border border-transparent inline-flex items-center whitespace-nowrap absolute rounded-md"
-        style="top: 2px; right: 2px;"
+      <button type="button" class="clear py-2 px-3 border border-transparent inline-flex items-center whitespace-nowrap absolute rounded-md top-1 md:top-0.5 right-0.5"
         data-fields--date-target="clearButton"
         data-action="fields--date#clearDate"
       >

data/app/views/themes/tailwind_css/fields/_date_field.html.erb

@@ -18,8 +18,7 @@ other_options ||= {}
     <div class="date-input relative" data-controller="<%= stimulus_controller %>">
       <%= form.text_field method, options %>
       <% unless options[:disabled] %>
-      <button type="button" class="clear py-2 px-3 border border-transparent inline-flex items-center whitespace-nowrap absolute rounded-md"
-        style="top: 2px; right: 2px;"
+      <button type="button" class="clear py-2 px-3 border border-transparent inline-flex items-center whitespace-nowrap absolute rounded-md top-1 md:top-0.5 right-0.5"
         data-<%= stimulus_controller %>-target="clearButton"
         data-action="<%= stimulus_controller %>#clearDate"
       >

data/app/views/themes/tailwind_css/fields/_field.html.erb

@@ -14,7 +14,7 @@ other_options[:help] = [other_options[:help], labels.help].compact.join(" ")
 errors = [method, method.to_s.gsub(/_id$/, '').to_sym].uniq.map { |attribute| form.object.errors.full_messages_for(attribute) }.flatten
 has_errors = errors.any? || content_for(:error).present? || other_options[:error].present?
 
-options[:class] = "#{options[:class]} block w-full rounded-md shadow-sm font-light text-sm"
+options[:class] = "#{options[:class]} block w-full rounded-md shadow-sm font-light text-base md:text-sm"
 
 options[:class] += if has_errors
   " pr-10 border-red text-red-darker placeholder-red focus:outline-none focus:ring-red focus:border-red"

data/app/views/themes/tailwind_css/fields/_options.html.erb

@@ -5,15 +5,71 @@ form ||= current_fields_form
 html_options ||= {}
 html_options[:id] ||= form.field_id(method)
 multiple ||= false
+show_select_all_top ||= false
+show_select_all_bottom ||= false
 use_columns ||= false
 other_options ||= {}
 options ||= options_for(form, method)
 labels = labels_for(form, method)
+
+option_field_options ||= {}
+option_field_options[:data] ||= {}
+option_field_options[:data][:controller] ||= ""
+option_field_options[:data][:controller] += " fields--field"
+
+if multiple
+  option_field_options[:data] = option_field_options[:data].merge({
+    "select-all-target": 'checkbox'
+  })
+  option_field_options[:data][:action] ||= ""
+  option_field_options[:data][:action] += " select-all#updateToggle"
+end
+
 %>
 
+<% if multiple && (show_select_all_top || show_select_all_bottom) %>
+  <% select_all = capture do %>
+    <div class="flex">
+      <%= tag.div class: [
+          "hidden",
+          "inline-block dark:border-darkPrimary-600",
+          "border-b pb-4 mb-4": show_select_all_top && !show_select_all_bottom,
+          "border-t pt-4 mt-4": !show_select_all_top && show_select_all_bottom
+      ], data: {
+        "select-all-target": "wrapper"
+      } do %>
+        <label class="relative flex items-start">
+          <div class="flex items-center h-5">
+            <%= check_box_tag "#{html_options[:id]}-select_all", 'select-all', false, data: { 
+              "select-all-target": 'toggleCheckbox',
+              'action': "select-all#selectAllOrNone"
+            }, class: "focus:ring-blue h-4 w-4 text-blue border-gray-300 rounded" %>
+          </div>
+          <div class="ml-2.5 text-sm pr-4">
+            <%# TODO: should be localized %>
+            All
+          </div>
+        </label>
+      <% end %>
+      <% if content_for? :actions_on_multiple %>
+        <%= yield :actions_on_multiple %>
+        <% flush_content_for :actions_on_multiple %>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>
+
 <%= render 'shared/fields/field', form: form, method: method, options: html_options, other_options: other_options do %>
   <% content_for :field do %>
-    <div class="pt-1.5 pb-1 sm:col-span-2">
+    <%= tag.div class: "pt-1.5 pb-1 sm:col-span-2", data: {
+      controller: "select-all",
+      "select-all-unavailable-class": "hidden"
+    } do %>
+    
+      <% if multiple && show_select_all_top && !show_select_all_bottom %>
+        <%= select_all %>
+      <% end %>
+      
       <%= tag.div class: ["max-w-lg": !use_columns, "max-w-3xl": use_columns, "columns-[var(--column-width,_15ch)_3]": use_columns] do %>
 
         <% options.each do |value, label| %>
@@ -23,9 +79,13 @@ labels = labels_for(form, method)
 
               <% if multiple %>
                 <% checked_value = form.object.send(method).nil? ? nil : form.object.send(method).map(&:to_s).include?(value.to_s) %>
-                <%= form.check_box method, {multiple: multiple, checked: checked_value, class: "focus:ring-blue h-4 w-4 text-blue border-gray-300 rounded"}, value, "" %>
+                <%= form.check_box method, {
+                  multiple: multiple, checked: checked_value,
+                  data: option_field_options[:data],
+                  class: "focus:ring-blue h-4 w-4 text-blue border-gray-300 rounded"
+                }, value, "" %>
               <% else %>
-                <%= form.radio_button method, value, {class: "focus:ring-blue h-4 w-4 text-blue border-gray-300"} %>
+                <%= form.radio_button method, value, {class: "focus:ring-blue h-4 w-4 text-blue border-gray-300", data: option_field_options[:data]} %>
               <% end %>
 
             </div>
@@ -40,8 +100,12 @@ labels = labels_for(form, method)
           </label>
 
         <% end %>
+      <% end %>
 
+      <% if multiple && !show_select_all_top && show_select_all_bottom %>
+        <%= select_all %>
       <% end %>
-    </div>
+
+    <% end %>
   <% end %>
 <% end %>

data/lib/bullet_train/themes/tailwind_css/version.rb

@@ -1,7 +1,7 @@
 module BulletTrain
   module Themes
     module TailwindCss
-      VERSION = "1.0.16"
+      VERSION = "1.0.17"
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bullet_train-themes-tailwind_css
 version: !ruby/object:Gem::Version
-  version: 1.0.16
+  version: 1.0.17
 platform: ruby
 authors:
 - Andrew Culver
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-09-17 00:00:00.000000000 Z
+date: 2022-12-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: standard
@@ -79,6 +79,7 @@ files:
 - Rakefile
 - app/assets/config/bullet_train_themes_tailwind_css_manifest.js
 - app/views/themes/tailwind_css/attributes/_attempt.html.erb
+- app/views/themes/tailwind_css/attributes/_code.html.erb
 - app/views/themes/tailwind_css/attributes/_file.erb
 - app/views/themes/tailwind_css/fields/_buttons.html.erb
 - app/views/themes/tailwind_css/fields/_cloudinary_image.html.erb