wip

app/components/avo/discreet_information_component.html.erb

@@ -1,5 +1,7 @@
-<% items.each do |item| %>
-  <%= content_tag :div, class: "text-gray-600 hover:text-gray-900 mt-1", title: item.tooltip, data: {tippy: :tooltip} do %>
-    <%= helpers.svg item.icon, class: "ml-2 text-2xl h-4" %>
+<div class="flex gap-2 ml-2 mt-1">
+  <% items.each do |item| %>
+    <%= content_tag element_tag(item), **element_attributes(item), class: "flex gap-1 text-xs font-normal text-gray-600 hover:text-gray-900", title: item.tooltip, data: {tippy: :tooltip} do %>
+      <%= item.label if item.label.present? %> <%= helpers.svg item.icon, class: "text-2xl h-4" %>
+    <% end %>
   <% end %>
-<% end %>
+</div>

app/components/avo/discreet_information_component.rb

@@ -6,4 +6,20 @@ class Avo::DiscreetInformationComponent < Avo::BaseComponent
   def items
     @payload.items.compact
   end
+
+  def element_tag(item)
+    if item.url.present?
+      :a
+    else
+      :div
+    end
+  end
+
+  def element_attributes(item)
+    if item.url.present?
+      {href: item.url, target: item.url_target}
+    else
+      {}
+    end
+  end
 end

lib/avo/discreet_information.rb

@@ -31,16 +31,20 @@ def timestamp_item(item)
   def parse_payload(item)
     if item.is_a?(Hash)
       tooltip = item.delete(:tooltip)
-      icon = item.delete(:icon) || "heroicons/outline/clock"
+      icon = item.delete(:icon)
       url = item.delete(:url)
+      url_target = item.delete(:url_target)
+      label = item.delete(:label)
 
       DiscreetInformationItem.new(
         tooltip: Avo::ExecutionContext.new(target: tooltip, record: record, resource: self, view: view).handle,
         icon: Avo::ExecutionContext.new(target: icon, record: record, resource: self, view: view).handle,
-        url: Avo::ExecutionContext.new(target: url, record: record, resource: self, view: view).handle
+        url: Avo::ExecutionContext.new(target: url, record: record, resource: self, view: view).handle,
+        url_target: Avo::ExecutionContext.new(target: url_target, record: record, resource: self, view: view).handle,
+        label: Avo::ExecutionContext.new(target: label, record: record, resource: self, view: view).handle,
       )
     end
   end
 
-  DiscreetInformationItem = Struct.new(:tooltip, :icon, :url, keyword_init: true) unless defined?(DiscreetInformationItem)
+  DiscreetInformationItem = Struct.new(:tooltip, :icon, :url, :url_target, :label, keyword_init: true) unless defined?(DiscreetInformationItem)
 end

spec/dummy/app/avo/resources/event.rb

@@ -17,6 +17,7 @@ class Avo::Resources::Event < Avo::BaseResource
   self.profile_photo = {
     source: :profile_photo
   }
+  self.discreet_information = :timestamps
 
   def fields
     field :name, as: :text, link_to_record: true, sortable: true, stacked: true

spec/dummy/app/avo/resources/post.rb

@@ -33,7 +33,18 @@ class Avo::Resources::Post < Avo::BaseResource
     main_app.post_path(record)
   }
 
-  self.discreet_information = :timestamps
+  self.discreet_information = [
+    :timestamps,
+    {
+      tooltip: -> { sanitize("Product is <strong>#{record.published_at ? "published" : "draft"}</strong>", tags: %w[strong]) },
+      icon: -> { "heroicons/outline/#{record.published_at ? "eye" : "eye-slashed"}" }
+    },
+    {
+      label: -> { record.published_at ? "✅" : "🙄" },
+      url: -> { "https://avohq.io" },
+      url_target: :_blank
+    }
+  ]
 
   def fields
     field :id, as: :id