avo-rhino_field 0.0.12 → 0.0.15

data/app/components/avo/fields/rhino_field/edit_component.html.erb

@@ -1,14 +1,9 @@
 <%= field_wrapper **field_wrapper_args, full_width: true do %>
   <%= content_tag :div, class: "relative block overflow-x-auto max-w-4xl" do %>
     <%= content_tag 'avo-rhino-editor',
-      data: {
-        controller: "rhino-field",
-        blob_url_template: helpers.main_app.rails_service_blob_url(":signed_id", ":filename"),
-        direct_upload_url: helpers.main_app.rails_direct_uploads_url,
-        action: "rhino-before-initialize->rhino-field#onRhinoBeforeInitialize rhino-initialize->rhino-field#onRhinoInitialize rhino-change->rhino-field#onRhinoChange rhino-paste->rhino-field#onRhinoPaste rhino-selection-change->rhino-field#onRhinoSelectionChange rhino-focus->rhino-field#onRhinoFocus rhino-blur->rhino-field#onRhinoBlur rhino-file-accept->rhino-field#onRhinoFileAccept rhino-attachment-add->rhino-field#onRhinoAttachmentAdd rhino-attachment-remove->rhino-field#onRhinoAttachmentRemove",
-        **@field.get_html(:data, view: view, element: :input)
-      },
-      input: field_id,
+      data:,
+      input: unique_id,
+      class: class_names(unique_id),
       placeholder: @field.placeholder do %>
       <button
         type="button"
@@ -44,13 +39,23 @@
           class="h-3.5 w-5 bg-transparent -mt-px -mb-1"
         />
       </button>
+      <a
+        slot="before-attach-files-button"
+        class="toolbar__button rhino-toolbar-button flex flex-col items-center grow-0 text-sm hidden-until-rhino-boots-up"
+        data-role="toolbar-item"
+        tabindex="-1"
+        href="<%= helpers.avo.attach_media_path(resource_name: @resource.name, record_id: @resource.id, controller_selector: ".#{unique_id}", controller_name: 'rhino-field') %>"
+        data-turbo-frame="<%= ::Avo::MODAL_FRAME_ID %>"
+      >
+        <%= helpers.svg "heroicons/outline/photo", class: "!min-h-4 !max-h-4" %>
+      </a>
     <% end %>
     <%= @form.text_area @field.id,
       value: @field.value.try(:to_trix_html) || @field.value,
       class: classes("w-full hidden"),
       data: @field.get_html(:data, view: view, element: :input),
       disabled: disabled?,
-      id: field_id,
+      id: unique_id,
       placeholder: @field.placeholder,
       style: @field.get_html(:style, view: view, element: :input)
     %>

data/app/components/avo/fields/rhino_field/edit_component.rb

@@ -9,13 +9,30 @@ class Avo::Fields::RhinoField::EditComponent < Avo::Fields::EditComponent
     @resource_name = args[:resource_name] || @resource&.singular_route_key
 
     super(**args)
+
+    @unique_random_id = SecureRandom.hex(4)
   end
 
-  def field_id
+  def unique_id
     if @resource_name.present?
-      "rhino_#{@resource_name}_#{@field.id}"
+      "rhino_#{@resource_name}_#{@field.id}_#{@unique_random_id}"
     elsif form.present?
-      "rhino_#{form.index}_#{@field.id}"
+      "rhino_#{form.index}_#{@field.id}_#{@unique_random_id}"
     end
   end
+
+  def unique_selector = ".#{unique_id}"
+
+  def data
+    {
+      controller: "rhino-field",
+      rhino_field_unique_selector_value: unique_selector, # mandatory
+      rhino_field_resource_name_value: @resource_name,
+      rhino_field_resource_id_value: @resource_id,
+      blob_url_template: helpers.main_app.rails_service_blob_url(":signed_id", ":filename"),
+      direct_upload_url: helpers.main_app.rails_direct_uploads_url,
+      action: "rhino-before-initialize->rhino-field#onRhinoBeforeInitialize rhino-initialize->rhino-field#onRhinoInitialize rhino-change->rhino-field#onRhinoChange rhino-paste->rhino-field#onRhinoPaste rhino-selection-change->rhino-field#onRhinoSelectionChange rhino-focus->rhino-field#onRhinoFocus rhino-blur->rhino-field#onRhinoBlur rhino-file-accept->rhino-field#onRhinoFileAccept rhino-attachment-add->rhino-field#onRhinoAttachmentAdd rhino-attachment-remove->rhino-field#onRhinoAttachmentRemove",
+      **@field.get_html(:data, view: view, element: :input)
+    }
+  end
 end

data/app/components/avo/fields/rhino_field/show_component.html.erb

@@ -1,14 +1,21 @@
-<%= field_wrapper **field_wrapper_args do %>
-  <%
-    content_classes = 'trix-content py-2 max-w-4xl'
-    content_classes << ' hidden' unless @field.always_show
-  %>
-  <div data-controller="hidden-input">
-    <% unless @field.always_show %>
-      <%= link_to t('avo.show_content'), 'javascript:void(0);', class: 'font-bold inline-block', data: { action: 'click->hidden-input#showContent' } %>
-    <% end %>
-    <div class="<%= content_classes %> " data-hidden-input-target="content">
-      <%= @field.value.html_safe %>  
+<%= field_wrapper(**field_wrapper_args, full_width: true, data: { controller: 'hidden-input' }) do %>
+  <% button_classes = 'font-semibold inline-block pt-3 text-sm' %>
+  <%= content_tag :div,
+    class: "flex flex-col w-full",
+    data: {
+      controller: "trix-body hidden-input",
+      trix_body_always_show_value: @field.always_show
+    } do %>
+    <div class="<%= class_names("trix-content border-none px-0 py-2 max-w-4xl", "hidden": !@field.always_show) %>" data-trix-body-target="content" data-hidden-input-target="content">
+      <%== @field.value %>
     </div>
-  </div>
+    <% if true %>
+      <div class="hidden" data-trix-body-target="moreContentButton">
+        <%= link_to t('avo.more_content'), 'javascript:void(0);', class: button_classes, data: { action: 'click->trix-body#toggleContent' } %>
+      </div>
+      <div class="hidden" data-trix-body-target="lessContentButton">
+        <%= link_to t('avo.less_content'), 'javascript:void(0);', class: button_classes, data: { action: 'click->trix-body#toggleContent' } %>
+      </div>
+    <% end %>
+  <% end %>
 <% end %>

data/lib/avo/rhino_field/version.rb

@@ -1,5 +1,5 @@
 module Avo
   module RhinoField
-    VERSION = "0.0.12" unless const_defined?(:VERSION)
+    VERSION = "0.0.15"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: avo-rhino_field
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: 0.0.15
 platform: ruby
 authors:
 - Adrian Marin
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-20 00:00:00.000000000 Z
+date: 2025-01-30 00:00:00.000000000 Z
 dependencies: []
 description: rhino field for Avo.
 email: adrian@adrianthedev.com
@@ -35,7 +35,7 @@ files:
 homepage: https://avohq.io
 licenses: []
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -50,8 +50,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.22
-signing_key: 
+rubygems_version: 3.4.10
+signing_key:
 specification_version: 4
 summary: rhino field for Avo.
 test_files: []