avo 2.48.0 → 3.0.0.beta1

data/app/components/avo/fields/belongs_to_field/index_component.html.erb

@@ -1,4 +1,4 @@
 <%= index_field_wrapper **field_wrapper_args do %>
-  <%= link_to @field.label, helpers.resource_view_path(model: @field.value, resource: @field.target_resource)
+  <%= link_to @field.label, helpers.resource_view_path(record: @field.value, resource: @field.target_resource)
  %>
 <% end %>

data/app/components/avo/fields/belongs_to_field/show_component.rb

@@ -3,10 +3,10 @@
 class Avo::Fields::BelongsToField::ShowComponent < Avo::Fields::ShowComponent
   def resource_view_path
     helpers.resource_view_path(
-      model: @field.value,
+      record: @field.value,
       resource: @field.target_resource,
       via_resource_class: @resource.class.to_s,
-      via_resource_id: @resource.model.to_param
+      via_record_id: @resource.record.to_param
     )
   end
 end

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

@@ -3,7 +3,7 @@
     <%= @form.check_box @field.id,
       value: @field.value,
       checked: @field.value,
-      class: "text-lg h-4 w-4 checked:bg-primary-400 focus:checked:!bg-primary-400 #{@field.get_html(:classes, view: view, element: :input)}",
+      class: "text-lg h-4 w-4 checked:bg-primary-400 focus:checked:!bg-primary-400 rounded #{@field.get_html(:classes, view: view, element: :input)}",
       data: @field.get_html(:data, view: view, element: :input),
       disabled: disabled?,
       style: @field.get_html(:style, view: view, element: :input)

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

@@ -1,8 +1,8 @@
 <%= field_wrapper **field_wrapper_args do %>
   <div class="flex items-center">
     <div class="space-y-2">
-      <% model_param_key = model_name_from_record_or_class(@resource.model).param_key %>
-      <%= check_box_tag "#{model_name_from_record_or_class(@resource.model).param_key}[#{@field.id}][]", '', true, { class: "hidden" } %>
+      <% model_param_key = model_name_from_record_or_class(@resource.record).param_key %>
+      <%= check_box_tag "#{model_param_key}[#{@field.id}][]", '', true, { class: "hidden" } %>
       <% @field.options.each do |id, label| %>
         <%
           checked = false
@@ -18,7 +18,7 @@
         %>
         <label class="block">
           <%= check_box_tag "#{model_param_key}[#{@field.id}][]", id, checked, {
-              class: "w-4 h-4 #{@field.get_html(:classes, view: view, element: :input)}",
+              class: "w-4 h-4 rounded checked:bg-primary-400 focus:checked:!bg-primary-400 #{@field.get_html(:classes, view: view, element: :input)}",
               data: @field.get_html(:data, view: view, element: :input),
               disabled: disabled?,
               id: "#{model_param_key}_#{@field.id}_#{id}",

data/app/components/avo/fields/common/badge_viewer_component.html.erb

@@ -1 +1,24 @@
-<span class="<%= classes %>" style="max-width: 120px;"><%= @value %></span>
+<%
+  backgrounds = {
+    info: 'bg-blue-500',
+    success: 'bg-green-500',
+    danger: 'bg-red-500',
+    warning: 'bg-yellow-500',
+  }
+
+  label = @value
+  background = :info
+
+  @options.invert.each do |values, type|
+    if [values].flatten.map { |value| value }.include? @value
+      label = @value
+      background = type.to_sym
+      next
+    end
+  end
+
+  classes = 'whitespace-nowrap rounded-md uppercase px-2 py-1 text-xs font-bold block text-center truncate '
+
+  classes += "#{backgrounds[background]} text-white" if backgrounds[background].present?
+%>
+<span class="<%= classes %>" style="max-width: 120px;"><%= label %></span>

data/app/components/avo/fields/common/badge_viewer_component.rb

@@ -4,29 +4,5 @@ class Avo::Fields::Common::BadgeViewerComponent < ViewComponent::Base
   def initialize(value:, options:)
     @value = value
     @options = options
-    @backgrounds = {
-      info: "bg-blue-500",
-      success: "bg-green-500",
-      danger: "bg-red-500",
-      warning: "bg-yellow-500",
-      neutral: "bg-gray-500"
-    }
-  end
-
-  def classes
-    background = :info
-
-    @options.invert.each do |values, type|
-      if [values].flatten.map { |value| value }.include? @value
-        background = type.to_sym
-        next
-      end
-    end
-
-    classes = "whitespace-nowrap rounded-md uppercase px-2 py-1 text-xs font-bold block text-center truncate "
-
-    classes += "#{@backgrounds[background]} text-white" if @backgrounds[background].present?
-
-    classes
   end
 end

data/app/components/avo/fields/common/boolean_group_component.html.erb

@@ -6,8 +6,8 @@
         @options.each do |id, label|
           checked = @value.present? && @value[id.to_s].present?
       %>
-      <div class="flex flex-nowrap">
-        <%= render Avo::Fields::Common::BooleanCheckComponent.new checked: checked %>
+        <div class="flex flex-nowrap">
+          <%= render Avo::Fields::Common::BooleanCheckComponent.new checked: checked %>
           <div class="ml-px text-left py-px"><%= label %></div>
         </div>
       <% end %>

data/app/components/avo/fields/common/files/list_viewer_component.rb

@@ -31,11 +31,11 @@ class Avo::Fields::Common::Files::ListViewerComponent < ViewComponent::Base
   end
 
   def view_type_component(file)
-    component = "Avo::Fields::Common::Files::ViewType::#{view_type.to_s.capitalize}ItemComponent".constantize
-    component.new(field: field, resource: resource, file: file, extra_classes: "aspect-video")
+    component = "Avo::Fields::Common::Files::ViewType::#{view_type.to_s.capitalize}Component".constantize
+    component.new(field: field, resource: resource, file: file)
   end
 
   def view_type
-    @view_type ||= (resource.params.dig(:view_type) || field.view_type).to_sym
+    (resource.params.dig(:view_type) || field.view_type).to_sym
   end
 end

data/app/components/avo/fields/common/files/view_type/{grid_item_component.html.erb → grid_component.html.erb}

@@ -1,8 +1,8 @@
 <div id="<%= dom_id file %>" class="relative min-h-full max-w-full flex-1 flex flex-col justify-between space-y-2">
   <% if file.present? %>
-    <div class="flex flex-col h-full">
+    <div class="flex flex-col justify-between h-full">
       <% if file.representable? && is_image? %>
-        <%= image_tag helpers.main_app.url_for(file), class: "rounded-lg max-w-full #{@extra_classes}" %>
+        <%= image_tag helpers.main_app.url_for(file), class: 'rounded-lg object-cover w-full aspect-video' %>
       <% elsif is_audio? %>
         <%= audio_tag(helpers.main_app.url_for(file), controls: true, preload: false, class: 'w-full') %>
       <% elsif is_video? %>

data/app/components/avo/fields/common/files/view_type/{grid_item_component.rb → grid_component.rb}

@@ -1,13 +1,12 @@
 # frozen_string_literal: true
 
-class Avo::Fields::Common::Files::ViewType::GridItemComponent < ViewComponent::Base
+class Avo::Fields::Common::Files::ViewType::GridComponent < ViewComponent::Base
   attr_reader :field, :resource
 
-  def initialize(field:, resource:, file: nil, extra_classes: nil)
+  def initialize(field:, resource:, file: nil)
     @file = file
     @field = field
     @resource = resource
-    @extra_classes = extra_classes
   end
 
   def id
@@ -42,9 +41,9 @@ class Avo::Fields::Common::Files::ViewType::GridItemComponent < ViewComponent::B
     record_persisted?
   end
 
-  # If model is not persistent blob is automatically destroyed otherwise it can be "lost" on storage
+  # If record is not persistent blob is automatically destroyed otherwise it can be "lost" on storage
   def record_persisted?
-    return true if @resource.model.persisted?
+    return true if @resource.record.persisted?
 
     ActiveStorage::Blob.destroy(file.blob_id) if file.blob_id.present?
     false

data/app/components/avo/fields/common/files/view_type/{list_item_component.rb → list_component.rb}

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-class Avo::Fields::Common::Files::ViewType::ListItemComponent < Avo::Fields::Common::Files::ViewType::GridItemComponent
+class Avo::Fields::Common::Files::ViewType::ListComponent < Avo::Fields::Common::Files::ViewType::GridComponent
   def icon_for_file
     if is_image?
       "photo"

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

@@ -24,7 +24,7 @@ class Avo::Fields::EditComponent < ViewComponent::Base
   end
 
   def classes(extra_classes = "")
-    helpers.input_classes("#{@field.get_html(:classes, view: view, element: :input)} #{extra_classes}", has_error: @field.model_errors.include?(@field.id))
+    helpers.input_classes("#{@field.get_html(:classes, view: view, element: :input)} #{extra_classes}", has_error: @field.record_errors.include?(@field.id))
   end
 
   def render?

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

@@ -1,7 +1,7 @@
 <%= field_wrapper **field_wrapper_args do %>
   <% if @field.value.present? %>
     <div class="mb-2">
-      <%= render Avo::Fields::Common::Files::ViewType::GridItemComponent.new resource: @resource, field: @field %>
+      <%= render Avo::Fields::Common::Files::ViewType::GridComponent.new resource: @resource, field: @field %>
     </div>
   <% end %>
 

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

@@ -1,3 +1,3 @@
 <%= field_wrapper **field_wrapper_args do %>
-  <%= render Avo::Fields::Common::Files::ViewType::GridItemComponent.new resource: @resource, field: @field %>
+  <%= render Avo::Fields::Common::Files::ViewType::GridComponent.new resource: @resource, field: @field %>
 <% end %>

data/app/components/avo/fields/has_one_field/index_component.html.erb

@@ -1,3 +1,3 @@
 <%= index_field_wrapper **field_wrapper_args do %>
-  <%= link_to @field.label, helpers.resource_path(model: @field.value, resource: @field.target_resource) %>
+  <%= link_to @field.label, helpers.resource_path(record: @field.value, resource: @field.target_resource) %>
 <% end %>

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

@@ -9,8 +9,9 @@
         <%= a_link attach_path,
           icon: 'heroicons/outline/link',
           color: :primary,
+          style: :text,
           'data-turbo-frame': 'attach_modal' do %>
-          <%= t('avo.attach_item', item: @field.name.downcase) %>
+          <%= t('avo.attach_item', item: @field.name.humanize(capitalize: false)) %>
         <% end %>
       <% end %>
       <% if !@field.is_readonly? && !@field.is_disabled? && can_see_the_create_button? %>
@@ -20,7 +21,7 @@
           'data-turbo-frame': '_top',
           style: :primary,
           color: :primary do %>
-          <%= t('avo.create_new_item', item: @field.name.downcase ) %>
+          <%= t('avo.create_new_item', item: @field.name.humanize(capitalize: false) ) %>
         <% end %>
       <% end %>
     <% end %>

data/app/components/avo/fields/has_one_field/show_component.rb

@@ -21,7 +21,7 @@ class Avo::Fields::HasOneField::ShowComponent < Avo::Fields::ShowComponent
   end
 
   def attach_path
-    helpers.avo.resources_associations_new_path(@resource.singular_model_key, @resource.model.to_param, @field.id)
+    helpers.avo.resources_associations_new_path(@resource.singular_model_key, @resource.record.to_param, @field.id)
   end
 
   def can_see_the_create_button?
@@ -41,7 +41,7 @@ class Avo::Fields::HasOneField::ShowComponent < Avo::Fields::ShowComponent
     args = {
       via_relation: association_id,
       via_relation_class: @resource.model_class.to_s,
-      via_resource_id: @resource.model.to_param,
+      via_record_id: @resource.record.to_param,
       via_association_type: :has_one
     }
 

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

@@ -1,6 +1,5 @@
 <%= @form.hidden_field @field.id,
   class: @field.get_html(:classes, view: view, element: :input),
   data: @field.get_html(:data, view: view, element: :input),
-  style: @field.get_html(:style, view: view, element: :input),
-  value: @field.value
+  style: @field.get_html(:style, view: view, element: :input)
 %>

data/app/components/avo/fields/index_component.rb

@@ -7,11 +7,11 @@ class Avo::Fields::IndexComponent < Avo::BaseComponent
   attr_reader :parent_resource
   attr_reader :view
 
-  def initialize(field: nil, resource: nil, reflection: nil, index: 0, parent_model: nil, parent_resource: nil)
+  def initialize(field: nil, resource: nil, reflection: nil, index: 0, parent_record: nil, parent_resource: nil)
     @field = field
     @resource = resource
     @index = index
-    @parent_model = parent_model
+    @parent_record = parent_record
     @parent_resource = parent_resource
     @view = :index
     @reflection = reflection
@@ -20,14 +20,14 @@ class Avo::Fields::IndexComponent < Avo::BaseComponent
   def resource_view_path
     args = {}
 
-    if @parent_model.present?
+    if @parent_record.present?
       args = {
         via_resource_class: @parent_resource.class,
-        via_resource_id: @parent_model.to_param
+        via_record_id: @parent_record.to_param
       }
     end
 
-    helpers.resource_view_path(model: @resource.model, resource: parent_or_child_resource, **args)
+    helpers.resource_view_path(record: @resource.record, resource: parent_or_child_resource, **args)
   end
 
   def field_wrapper_args

data/app/components/avo/fields/preview_field/index_component.html.erb

@@ -0,0 +1,10 @@
+<%= index_field_wrapper **field_wrapper_args, dash_if_blank: false, class: 'whitespace-no-wrap w-[1%]', flush: true, center_content: true do %>
+  <%= link_to resource_view_path,
+    title: t('avo.view_item', item: @resource.name).humanize,
+    data: {
+      controller: "preview",
+      preview_url_value: helpers.preview_resource_path(record: @record, resource: @resource, resource_id: @resource.record_id, turbo_frame: :preview_modal),
+    } do %>
+    <%= helpers.svg("magnifying-glass-circle", class: "block h-6 text-gray-600") %>
+  <% end %>
+<% end %>

data/app/components/avo/fields/preview_field/index_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class Avo::Fields::PreviewField::IndexComponent < Avo::Fields::IndexComponent
+end

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

@@ -9,7 +9,7 @@
     data: @field.get_html(:data, view: view, element: :input),
     disabled: disabled?,
     style: @field.get_html(:style, view: view, element: :input),
-    value: @field.model.present? ? @field.model[@field.id] : @field.value,
+    value: @field.record.present? ? @field.record[@field.id] : @field.value,
     placeholder: @field.include_blank.present? ? nil : @field.placeholder,
     autocomplete: @field.autocomplete
   %>

data/app/components/avo/fields/show_component.rb

@@ -8,14 +8,16 @@ class Avo::Fields::ShowComponent < ViewComponent::Base
   attr_reader :index
   attr_reader :resource
   attr_reader :stacked
+  attr_reader :short
   attr_reader :view
 
-  def initialize(field: nil, resource: nil, index: 0, form: nil, compact: false, stacked: nil)
+  def initialize(field: nil, resource: nil, index: 0, form: nil, compact: false, short: false, stacked: nil)
     @compact = compact
     @field = field
     @index = index
     @resource = resource
     @stacked = stacked
+    @short = short
     @view = :show
   end
 
@@ -48,6 +50,7 @@ class Avo::Fields::ShowComponent < ViewComponent::Base
       field: field,
       index: index,
       resource: resource,
+      short: short,
       stacked: stacked,
       view: view
     }

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

@@ -16,7 +16,7 @@ class Avo::Fields::TrixField::EditComponent < Avo::Fields::EditComponent
   end
 
   def resource_id
-    @resource_id || resource&.model&.id
+    @resource_id || resource&.record&.id
   end
 
   def trix_id

data/app/components/avo/filters_component.html.erb

@@ -1,4 +1,4 @@
-<div data-controller="toggle-panel">
+<div data-controller="toggle" data-component-name="<%= self.class.to_s.underscore %>">
   <div class="relative w-full flex justify-between">
     <%= a_button class: 'focus:outline-none',
       color: :primary,
@@ -6,7 +6,7 @@
       icon: 'filter',
       title: t('avo.click_to_reveal_filters'),
       'data-button': 'resource-filters',
-      'data-action': 'click->toggle-panel#togglePanel',
+      'data-action': 'click->toggle#togglePanel',
       'data-tippy': 'tooltip' do %>
       <%= t 'avo.filters' %>
       <% if @applied_filters.present? %>
@@ -15,7 +15,13 @@
     <% end %>
     <div
       class="absolute block inset-auto sm:right-0 top-full bg-white min-w-[300px] mt-2 z-40 shadow-modal rounded divide-y divide-gray-300 <%= 'hidden' unless params[:keep_filters_panel_open] == '1' %>"
-      data-toggle-panel-target="panel"
+      data-toggle-target="panel"
+      data-transition-enter="transition ease-out duration-100"
+      data-transition-enter-start="transform opacity-0 -translate-y-1"
+      data-transition-enter-end="transform opacity-100 translate-y-0"
+      data-transition-leave="transition ease-in duration-75"
+      data-transition-leave-start="transform opacity-100 translate-y-0"
+      data-transition-leave-end="transform opacity-0 -translate-y-1"
     >
       <% @filters.each do |filter| %>
         <%= render partial: filter.class.template, locals: {filter: filter} %>

data/app/components/avo/filters_component.rb

@@ -3,11 +3,11 @@
 class Avo::FiltersComponent < ViewComponent::Base
   include Avo::ApplicationHelper
 
-  def initialize(filters: [], resource: nil, applied_filters: [], parent_model: nil)
+  def initialize(filters: [], resource: nil, applied_filters: [], parent_record: nil)
     @filters = filters
     @resource = resource
     @applied_filters = applied_filters
-    @parent_model = parent_model
+    @parent_record = parent_record
   end
 
   def render?
@@ -16,8 +16,8 @@ class Avo::FiltersComponent < ViewComponent::Base
 
   def reset_path
     # If come from a association page
-    if @parent_model.present?
-      helpers.related_resources_path(@parent_model, @parent_model, filters: nil, reset_filter: true, keep_query_params: true)
+    if @parent_record.present?
+      helpers.related_resources_path(@parent_record, @parent_record, filters: nil, reset_filter: true, keep_query_params: true)
     else
       helpers.resources_path(resource: @resource, filters: nil, reset_filter: true, keep_query_params: true)
     end

data/app/components/avo/index/field_wrapper_component.rb

@@ -21,7 +21,6 @@ class Avo::Index::FieldWrapperComponent < ViewComponent::Base
       result += " py-3"
     end
 
-    result += " #{text_align_classes}"
     result += " #{@field.get_html(:classes, view: view, element: :wrapper)}"
 
     result
@@ -45,15 +44,4 @@ class Avo::Index::FieldWrapperComponent < ViewComponent::Base
 
     attributes
   end
-
-  private
-
-  def text_align_classes
-    case @field.index_text_align.to_sym
-    when :right
-      "text-right"
-    when :center
-      "text-center"
-    end
-  end
 end

data/app/components/avo/index/grid_item_component.html.erb

@@ -1,46 +1,23 @@
 <div
   class="relative bg-white rounded shadow-modal flex flex-col group"
+  data-component-name="<%= self.class.to_s.underscore %>"
   <%== item_selector_init @resource %>
+  data-resource-name="<%= @resource.class.to_s %>"
+  data-record-id="<%= @resource.record.id %>"
 >
-  <%= content_tag :div, class: "relative w-full pb-3/4 rounded-t overflow-hidden #{cover.present? ? cover.get_html(:classes, view: :index, element: :wrapper) : ""}", style: cover.present? ? cover.get_html(:style, view: :index, element: :wrapper) : "" do %>
-    <% if @resource.record_selector %>
-      <%== item_selector_input floating: true, size: :lg %>
-    <% end %>
-    <% if cover.blank? %>
-      <%= link_to resource_view_path do %>
-        <%= render Avo::Index::GridCoverEmptyStateComponent.new %>
-      <% end %>
-    <% elsif cover.respond_to?(:to_image) && cover.to_image.present? %>
-      <%= link_to_if cover.link_to_resource, image_tag(cover.to_image, class: 'absolute h-full w-full object-cover'), resource_view_path, class: 'absolute h-full w-full object-cover', title: title.value %>
-    <% elsif cover.type == 'file' %>
-      <% if cover.value&.attached? && cover.value.representable? %>
-        <%= link_to_if cover.link_to_resource, image_tag(helpers.main_app.url_for(cover.value.variant(resize_to_limit: [480, 480])), class: 'absolute h-full w-full object-cover'), resource_view_path, class: 'absolute h-full w-full object-cover', title: title.value %>
-      <% else %>
-        <%= link_to resource_view_path do %>
-          <%= render Avo::Index::GridCoverEmptyStateComponent.new %>
-        <% end %>
-      <% end %>
-    <% elsif cover.value.present? %>
-      <%= link_to_if cover.link_to_resource, image_tag(cover.value, class: 'absolute h-full w-full object-cover'), resource_view_path, class: 'absolute h-full w-full object-cover', title: title.value %>
-    <% else %>
-      <%= render Avo::Index::GridCoverEmptyStateComponent.new %>
-    <% end %>
+  <%= content_tag :div,
+    class: "relative w-full pb-3/4 rounded-t overflow-hidden #{html(:cover, :classes)}",
+    style: html(:cover, :style) do %>
+    <%== item_selector_input(floating: true, size: :lg) if @resource.record_selector%>
+    <%= render_cover %>
   <% end %>
-  <%= content_tag :div, class: "grid grid-cols-1 place-content-between p-4 h-full" do %>
+  <div class="grid grid-cols-1 place-content-between p-4 h-full">
     <div class="mb-4 h-full flex flex-col space-between">
-      <% if title.present? %>
-        <%= content_tag :div, class: "grid font-semibold leading-tight text-lg mb-2 #{title.get_html(:classes, view: :index, element: :wrapper)}", style: title.get_html(:style, view: :index, element: :wrapper) do %>
-          <%= link_to_if title.link_to_resource, title.value, resource_view_path %>
-        <% end %>
-      <% end %>
-      <% if body.present? %>
-        <%= content_tag :div, class: "text-sm break-words text-gray-500 #{body.get_html(:classes, view: :index, element: :wrapper)}", style: body.get_html(:style, view: :index, element: :wrapper) do %>
-          <%= body.value %>
-        <% end %>
-      <% end %>
+      <%= render_title %>
+      <%= render_body %>
     </div>
     <div class="w-full place-self-end">
-      <%= render(Avo::Index::ResourceControlsComponent.new(resource: @resource, reflection: @reflection, parent_model: @parent_model, parent_resource: @parent_resource, view_type: :grid)) %>
+      <%= render(Avo::Index::ResourceControlsComponent.new(resource: @resource, reflection: @reflection, parent_record: @parent_record, parent_resource: @parent_resource, view_type: :grid, actions: actions)) %>
     </div>
-  <% end %>
+  </div>
 </div>

data/app/components/avo/index/grid_item_component.rb

@@ -2,41 +2,68 @@
 
 class Avo::Index::GridItemComponent < Avo::BaseComponent
   include Avo::ResourcesHelper
+  include Avo::Fields::Concerns::HasHTMLAttributes
 
-  attr_reader :parent_resource
+  attr_reader :parent_resource, :actions
 
-  def initialize(resource: nil, reflection: nil, parent_model: nil, parent_resource: nil)
+  def initialize(resource: nil, reflection: nil, parent_record: nil, parent_resource: nil, actions: nil)
     @resource = resource
     @reflection = reflection
-    @grid_fields = resource.get_grid_fields
-    @parent_model = parent_model
+    @parent_record = parent_record
     @parent_resource = parent_resource
+    @actions = actions
+    @card = Avo::ExecutionContext.new(target: resource.grid_view[:card], resource: resource, record: resource.record).handle
+    @whole_html = Avo::ExecutionContext.new(target: resource.grid_view[:html], resource: resource, record: resource.record).handle
   end
 
   private
 
-  def cover
-    @grid_fields.cover_field
-  end
-
-  def title
-    @grid_fields.title_field
-  end
+  def html(element, type)
+    return "" if @whole_html.nil? || (@html = @whole_html[element]).nil?
 
-  def body
-    @grid_fields.body_field
+    get_html(type, view: :index, element: :wrapper)
   end
 
   def resource_view_path
     args = {}
 
-    if @parent_model.present?
+    if @parent_record.present?
       args = {
         via_resource_class: parent_resource.class.to_s,
-        via_resource_id: @parent_model.to_param
+        via_record_id: @parent_record.to_param
       }
     end
 
-    helpers.resource_view_path(model: @resource.model, resource: parent_or_child_resource, **args)
+    helpers.resource_view_path(record: @resource.record, resource: parent_or_child_resource, **args)
+  end
+
+  def render_cover
+    return link_to_cover if @card[:cover_url].present?
+
+    link_to resource_view_path do
+      render Avo::Index::GridCoverEmptyStateComponent.new
+    end
+  end
+
+  def link_to_cover
+    classes = "absolute h-full w-full object-cover"
+
+    link_to image_tag(@card[:cover_url], class: classes), resource_view_path, class: classes, title: @card[:title]
+  end
+
+  def render_title
+    return if @card[:title].blank?
+
+    content_tag :div, class: "grid font-semibold leading-tight text-lg mb-2 #{html(:title, :classes)}", style: html(:title, :style) do
+      link_to @card[:title], resource_view_path
+    end
+  end
+
+  def render_body
+    return if @card[:body].blank?
+
+    content_tag :div, class: "text-sm break-words text-gray-500 #{html(:body, :classes)}", style: html(:body, :style) do
+      @card[:body]
+    end
   end
 end