Packages
phoenix_kit
1.7.77
1.7.208
1.7.207
1.7.206
1.7.205
1.7.204
1.7.203
1.7.202
1.7.201
1.7.200
1.7.199
1.7.198
1.7.197
1.7.196
1.7.194
1.7.193
1.7.192
1.7.191
1.7.190
1.7.189
1.7.187
1.7.186
1.7.185
1.7.184
1.7.183
1.7.182
1.7.181
1.7.180
1.7.179
1.7.178
1.7.177
1.7.176
1.7.175
1.7.174
1.7.173
1.7.172
1.7.171
1.7.170
1.7.169
1.7.168
1.7.167
1.7.166
1.7.165
1.7.164
1.7.162
1.7.161
1.7.160
1.7.159
1.7.157
1.7.156
1.7.155
1.7.154
1.7.153
1.7.152
1.7.151
1.7.150
1.7.149
1.7.146
1.7.145
1.7.144
1.7.143
1.7.138
1.7.133
1.7.132
1.7.131
1.7.130
1.7.128
1.7.126
1.7.125
1.7.121
1.7.120
1.7.119
1.7.118
1.7.117
1.7.116
1.7.115
1.7.114
1.7.113
1.7.112
1.7.111
1.7.110
1.7.109
1.7.108
1.7.107
1.7.106
1.7.105
1.7.104
1.7.103
1.7.102
1.7.101
1.7.100
1.7.99
1.7.98
1.7.97
1.7.96
1.7.95
1.7.94
1.7.93
1.7.92
1.7.91
1.7.90
1.7.89
1.7.88
1.7.87
1.7.86
1.7.85
1.7.84
1.7.83
1.7.82
1.7.81
1.7.80
1.7.79
1.7.78
1.7.77
1.7.76
1.7.75
1.7.74
1.7.71
1.7.70
1.7.69
1.7.66
1.7.65
1.7.64
1.7.63
1.7.62
1.7.61
1.7.59
1.7.58
1.7.57
1.7.56
1.7.55
1.7.54
1.7.53
1.7.52
1.7.51
1.7.49
1.7.44
1.7.43
1.7.42
1.7.41
1.7.39
1.7.38
1.7.37
1.7.36
1.7.34
1.7.33
1.7.31
1.7.30
1.7.29
1.7.28
1.7.27
1.7.26
1.7.25
1.7.24
1.7.23
1.7.22
1.7.21
1.7.20
1.7.19
1.7.18
1.7.17
1.7.16
1.7.15
1.7.14
1.7.13
1.7.12
1.7.11
1.7.10
1.7.9
1.7.8
1.7.7
1.7.6
1.7.5
1.7.4
1.7.3
1.7.2
1.7.1
1.7.0
1.6.20
1.6.19
1.6.18
1.6.17
1.6.16
1.6.15
1.6.14
1.6.13
1.6.12
1.6.11
1.6.10
1.6.9
1.6.8
1.6.7
1.6.6
1.6.5
1.6.4
1.6.3
1.5.2
1.5.1
1.5.0
1.4.9
1.4.8
1.4.7
1.4.6
1.4.5
1.4.4
1.4.3
1.4.2
1.4.1
1.4.0
1.3.2
1.3.1
1.3.0
1.2.10
1.2.9
1.2.8
1.2.7
1.2.5
1.2.4
1.2.2
1.2.1
1.2.0
1.1.0
1.0.0
A foundation for building Elixir Phoenix apps — SaaS, social networks, ERP systems, marketplaces, and more
Current section
Files
Jump to
Current section
Files
lib/modules/entities/web/data_navigator.html.heex
<PhoenixKitWeb.Components.LayoutWrapper.app_layout
flash={@flash}
phoenix_kit_current_scope={assigns[:phoenix_kit_current_scope]}
page_title={
gettext("%{project_title} %{section}",
project_title: @project_title,
section: @page_title
)
}
current_path={@url_path}
project_title={@project_title}
current_locale={@current_locale}
>
<div class="container flex flex-col mx-auto px-4 py-6">
<%!-- Header Section --%>
<.admin_page_header back={PhoenixKit.Utils.Routes.path("/admin/entities")}>
<%= if @selected_entity do %>
<h1 class="text-xl sm:text-2xl lg:text-3xl font-bold text-base-content">
{@selected_entity.display_name_plural || @selected_entity.display_name}
</h1>
<p class="text-sm text-base-content/60 mt-0.5">
{gettext("Browse and manage your %{entity}",
entity:
String.downcase(
@selected_entity.display_name_plural || @selected_entity.display_name
)
)}
</p>
<% else %>
<h1 class="text-xl sm:text-2xl lg:text-3xl font-bold text-base-content">
{gettext("Data Navigator")}
</h1>
<p class="text-sm text-base-content/60 mt-0.5">
{gettext("Browse and manage all entity data records across your system")}
</p>
<% end %>
</.admin_page_header>
<%!-- Stats Cards --%>
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
<div class="bg-primary text-primary-content rounded-2xl p-6 shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105">
<div class="flex items-center justify-between mb-4">
<div class="p-2 bg-base-100/20 rounded-lg">
<.icon name="hero-circle-stack" class="w-6 h-6" />
</div>
</div>
<div class="text-3xl font-bold mb-2">{@total_records}</div>
<div class="opacity-90 font-medium">{gettext("Total Records")}</div>
<div class="opacity-70 text-xs mt-1">{gettext("All data records")}</div>
</div>
<div class="bg-success text-success-content rounded-2xl p-6 shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105">
<div class="flex items-center justify-between mb-4">
<div class="p-2 bg-base-100/20 rounded-lg">
<.icon name="hero-bolt" class="w-6 h-6" />
</div>
</div>
<div class="text-3xl font-bold mb-2">{@published_records}</div>
<div class="opacity-90 font-medium">{gettext("Published")}</div>
<div class="opacity-70 text-xs mt-1">{gettext("Live content")}</div>
</div>
<div class="bg-warning text-warning-content rounded-2xl p-6 shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105">
<div class="flex items-center justify-between mb-4">
<div class="p-2 bg-base-100/20 rounded-lg">
<.icon name="hero-pencil" class="w-6 h-6" />
</div>
</div>
<div class="text-3xl font-bold mb-2">{@draft_records}</div>
<div class="opacity-90 font-medium">{gettext("Drafts")}</div>
<div class="opacity-70 text-xs mt-1">{gettext("Work in progress")}</div>
</div>
<div class="bg-neutral text-neutral-content rounded-2xl p-6 shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:scale-105">
<div class="flex items-center justify-between mb-4">
<div class="p-2 bg-base-100/20 rounded-lg">
<.icon name="hero-archive-box" class="w-6 h-6" />
</div>
</div>
<div class="text-3xl font-bold mb-2">{@archived_records}</div>
<div class="opacity-90 font-medium">{gettext("Archived")}</div>
<div class="opacity-70 text-xs mt-1">{gettext("Stored content")}</div>
</div>
</div>
<%!-- Action Bar --%>
<div class="flex flex-col sm:flex-row justify-end items-start sm:items-center mb-6 gap-4">
<div class="flex gap-2 items-center">
<%!-- View Mode Toggle --%>
<div class="join">
<button
type="button"
phx-click="toggle_view_mode"
phx-value-mode="card"
class={["btn join-item", @view_mode == "card" && "btn-active"]}
title={gettext("Card view")}
>
<.icon name="hero-squares-2x2" class="w-4 h-4" />
</button>
<button
type="button"
phx-click="toggle_view_mode"
phx-value-mode="table"
class={["btn join-item", @view_mode == "table" && "btn-active"]}
title={gettext("Table view")}
>
<.icon name="hero-bars-3-bottom-left" class="w-4 h-4" />
</button>
</div>
<%= if @selected_entity do %>
<.link
navigate={
PhoenixKit.Utils.Routes.path("/admin/entities/#{@selected_entity.uuid}/edit")
}
class="btn btn-outline"
>
<.icon name="hero-cog-6-tooth" class="w-4 h-4 mr-2" /> {gettext("Edit Entity")}
</.link>
<% end %>
<%= if not Enum.empty?(@entities) do %>
<%= if @selected_entity do %>
<%!-- Direct add button when viewing specific entity --%>
<.link
navigate={
PhoenixKit.Utils.Routes.path("/admin/entities/#{@selected_entity.name}/data/new")
}
class="btn btn-primary"
>
<.icon name="hero-plus" class="w-4 h-4 mr-2" /> {gettext("Add")}
</.link>
<% else %>
<%!-- Dropdown to select entity when viewing all data --%>
<div class="dropdown dropdown-end">
<label tabindex="0" class="btn btn-primary">
<.icon name="hero-plus" class="w-4 h-4 mr-2" /> {gettext("Add")}
<.icon name="hero-chevron-down" class="w-4 h-4 ml-2" />
</label>
<ul
tabindex="0"
class="dropdown-content z-[1] menu p-2 shadow-lg bg-base-100 rounded-box w-64 mt-2"
>
<li class="menu-title">
<span>{gettext("Select Entity Type")}</span>
</li>
<%= for entity <- @entities do %>
<%= if entity.status == "published" do %>
<li>
<.link
navigate={
PhoenixKit.Utils.Routes.path("/admin/entities/#{entity.name}/data/new")
}
class="flex items-center justify-between"
>
<span>{entity.display_name}</span>
<span class="badge badge-sm badge-ghost">{entity.name}</span>
</.link>
</li>
<% end %>
<% end %>
<%= if Enum.all?(@entities, & &1.status != "published") do %>
<li class="disabled">
<span class="text-sm text-base-content/50">
{gettext("No published entities available. Publish an entity first.")}
</span>
</li>
<% end %>
</ul>
</div>
<% end %>
<% end %>
</div>
</div>
<%!-- Filters Section --%>
<div class="card bg-base-100 shadow-xl mb-6">
<div class="card-body">
<h2 class="card-title text-xl mb-4">
<.icon name="hero-funnel" class="w-5 h-5" /> {gettext("Filters & Search")}
</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<%!-- Status Filter --%>
<div>
<label class="label">
<span class="label-text">{gettext("Filter by Status")}</span>
</label>
<.form for={%{}} phx-change="filter_by_status">
<select class="select select-bordered w-full" name="status">
<option value="all" selected={@selected_status == "all"}>
{gettext("All Statuses")}
</option>
<option value="published" selected={@selected_status == "published"}>
{gettext("Published")}
</option>
<option value="draft" selected={@selected_status == "draft"}>
{gettext("Draft")}
</option>
<option value="archived" selected={@selected_status == "archived"}>
{gettext("Archived")}
</option>
</select>
</.form>
</div>
<%!-- Search --%>
<div>
<label class="label">
<span class="label-text">{gettext("Search Records")}</span>
</label>
<.form for={%{}} phx-change="search" phx-submit="search" class="join w-full">
<input
type="text"
name="search[term]"
value={@search_term}
placeholder={gettext("Search by title or slug...")}
class="input input-bordered join-item flex-1"
/>
<button type="submit" class="btn btn-primary join-item">
<.icon name="hero-magnifying-glass" class="w-4 h-4" />
</button>
</.form>
</div>
</div>
<%!-- Clear Filters --%>
<%= if @selected_status != "all" || @search_term != "" do %>
<div class="flex justify-end mt-4">
<button phx-click="clear_filters" class="btn btn-outline btn-sm">
<.icon name="hero-x-mark" class="w-4 h-4 mr-2" /> {gettext("Clear All Filters")}
</button>
</div>
<% end %>
</div>
</div>
<%!-- Bulk Actions Bar --%>
<%= if MapSet.size(@selected_uuids) > 0 do %>
<div class="card bg-base-200 shadow-xl mb-6">
<div class="card-body p-4">
<div class="flex flex-wrap gap-3 items-center">
<span class="text-sm font-semibold">
{MapSet.size(@selected_uuids)} {gettext("selected")}
</span>
<div class="divider divider-horizontal mx-0"></div>
<%!-- Quick Actions --%>
<button
phx-click="bulk_action"
phx-value-action="archive"
class="btn btn-warning btn-sm"
>
<.icon name="hero-archive-box" class="w-4 h-4" /> {gettext("Archive")}
</button>
<button
phx-click="bulk_action"
phx-value-action="restore"
class="btn btn-success btn-sm"
>
<.icon name="hero-arrow-path" class="w-4 h-4" /> {gettext("Restore")}
</button>
<button
phx-click="bulk_action"
phx-value-action="delete"
class="btn btn-error btn-sm"
data-confirm={
gettext("Are you sure you want to delete %{count} records?",
count: MapSet.size(@selected_uuids)
)
}
>
<.icon name="hero-trash" class="w-4 h-4" /> {gettext("Delete")}
</button>
<div class="divider divider-horizontal mx-0"></div>
<%!-- Change Status Dropdown --%>
<div class="dropdown">
<label tabindex="0" class="btn btn-ghost btn-sm">
<.icon name="hero-arrow-path-rounded-square" class="w-4 h-4" />
{gettext("Change Status")}
<.icon name="hero-chevron-down" class="w-4 h-4" />
</label>
<ul
tabindex="0"
class="dropdown-content z-[1] menu p-2 shadow-lg bg-base-100 rounded-box w-52"
>
<li>
<a
phx-click="bulk_action"
phx-value-action="change_status"
phx-value-status="published"
>
{gettext("Published")}
</a>
</li>
<li>
<a
phx-click="bulk_action"
phx-value-action="change_status"
phx-value-status="draft"
>
{gettext("Draft")}
</a>
</li>
<li>
<a
phx-click="bulk_action"
phx-value-action="change_status"
phx-value-status="archived"
>
{gettext("Archived")}
</a>
</li>
</ul>
</div>
<div class="flex-1"></div>
<button phx-click="deselect_all" class="btn btn-ghost btn-sm">
<.icon name="hero-x-mark" class="w-4 h-4" /> {gettext("Clear")}
</button>
</div>
</div>
</div>
<% end %>
<%!-- Results Section --%>
<%= if Enum.empty?(@entity_data_records) do %>
<%!-- Empty State --%>
<div class="card bg-base-100 shadow-xl border-2 border-dashed border-base-300">
<div class="card-body text-center py-12">
<div class="text-6xl mb-4 opacity-50">📄</div>
<%= if Enum.empty?(@entities) do %>
<%!-- No entities exist --%>
<h3 class="text-2xl font-semibold text-base-content/60 mb-4">
{gettext("No Entities Created Yet")}
</h3>
<p class="text-base-content/50 mb-6 max-w-md mx-auto">
{gettext("Create your first entity to start managing data records.")}
</p>
<.link
navigate={PhoenixKit.Utils.Routes.path("/admin/entities")}
class="btn btn-primary btn-lg"
>
<.icon name="hero-plus" class="w-5 h-5 mr-2" /> {gettext("Create Your First Entity")}
</.link>
<% else %>
<%= if @total_records == 0 do %>
<%!-- Entities exist but no data records at all --%>
<h3 class="text-2xl font-semibold text-base-content/60 mb-4">
{gettext("No Data Records Yet")}
</h3>
<p class="text-base-content/50 mb-6 max-w-md mx-auto">
{gettext("Get started by adding your first data record.")}
</p>
<%= if @selected_entity do %>
<%!-- Direct add button when viewing specific entity --%>
<.link
navigate={
PhoenixKit.Utils.Routes.path(
"/admin/entities/#{@selected_entity.name}/data/new"
)
}
class="btn btn-primary btn-lg"
>
<.icon name="hero-plus" class="w-5 h-5 mr-2" /> {gettext("Add")}
</.link>
<% else %>
<%!-- Dropdown to select entity when viewing all data --%>
<div class="dropdown dropdown-top dropdown-center">
<label tabindex="0" class="btn btn-primary btn-lg">
<.icon name="hero-plus" class="w-5 h-5 mr-2" /> {gettext("Add")}
<.icon name="hero-chevron-down" class="w-5 h-5 ml-2" />
</label>
<ul
tabindex="0"
class="dropdown-content z-[1] menu p-2 shadow-lg bg-base-100 rounded-box w-72 mb-2 left-1/2 -translate-x-1/2"
>
<li class="menu-title">
<span>{gettext("Select Entity Type")}</span>
</li>
<%= for entity <- @entities do %>
<%= if entity.status == "published" do %>
<li>
<.link
navigate={
PhoenixKit.Utils.Routes.path(
"/admin/entities/#{entity.name}/data/new"
)
}
class="flex items-center justify-between"
>
<span>{entity.display_name}</span>
<span class="badge badge-sm badge-ghost">{entity.name}</span>
</.link>
</li>
<% end %>
<% end %>
<%= if Enum.all?(@entities, & &1.status != "published") do %>
<li class="disabled">
<span class="text-sm text-base-content/50 p-4">
{gettext(
"No published entities available. Publish an entity first to create data."
)}
</span>
</li>
<% end %>
</ul>
</div>
<% end %>
<% else %>
<%= if @selected_entity_uuid || @selected_status != "all" || @search_term != "" do %>
<%!-- Data exists but filters exclude everything --%>
<h3 class="text-2xl font-semibold text-base-content/60 mb-4">
{gettext("No Data Records Found")}
</h3>
<p class="text-base-content/50 mb-6 max-w-md mx-auto">
{gettext(
"No data records match your current filters. Try adjusting your search criteria or clearing the filters."
)}
</p>
<button phx-click="clear_filters" class="btn btn-outline btn-lg">
<.icon name="hero-x-mark" class="w-5 h-5 mr-2" /> {gettext("Clear Filters")}
</button>
<% end %>
<% end %>
<% end %>
</div>
</div>
<% else %>
<%!-- Data Records View --%>
<%= if @view_mode == "table" do %>
<%!-- Table View --%>
<.table_default variant="zebra" size="sm">
<.table_default_header>
<.table_default_row>
<.table_default_header_cell class="w-12">
<%= if length(@entity_data_records) > 0 do %>
<input
type="checkbox"
class="checkbox checkbox-sm"
checked={
MapSet.size(@selected_uuids) == length(@entity_data_records) &&
length(@entity_data_records) > 0
}
phx-click={
if MapSet.size(@selected_uuids) == length(@entity_data_records),
do: "deselect_all",
else: "select_all"
}
title={gettext("Select all")}
/>
<% end %>
</.table_default_header_cell>
<.table_default_header_cell>{gettext("Title")}</.table_default_header_cell>
<%= if !@selected_entity do %>
<.table_default_header_cell>{gettext("Entity")}</.table_default_header_cell>
<% end %>
<.table_default_header_cell>{gettext("Status")}</.table_default_header_cell>
<.table_default_header_cell>{gettext("Created")}</.table_default_header_cell>
<.table_default_header_cell>{gettext("Actions")}</.table_default_header_cell>
</.table_default_row>
</.table_default_header>
<.table_default_body>
<%= for data_record <- @entity_data_records do %>
<.table_default_row>
<.table_default_cell>
<input
type="checkbox"
class="checkbox checkbox-sm"
phx-click="toggle_select"
phx-value-uuid={data_record.uuid}
checked={MapSet.member?(@selected_uuids, data_record.uuid)}
/>
</.table_default_cell>
<.table_default_cell>
<.link
navigate={
PhoenixKit.Utils.Routes.path(
"/admin/entities/#{get_entity_slug(@entities, data_record.entity_uuid)}/data/#{data_record.uuid}"
)
}
class="block hover:text-primary transition-colors cursor-pointer"
>
<div class="font-bold">{data_record.title}</div>
<%= if data_record.slug do %>
<div class="text-sm opacity-50">
<.icon name="hero-link" class="w-3 h-3 inline" />
{data_record.slug}
</div>
<% end %>
</.link>
</.table_default_cell>
<%= if !@selected_entity do %>
<.table_default_cell>
<span class="badge badge-outline badge-sm h-auto">
{get_entity_name(@entities, data_record.entity_uuid)}
</span>
</.table_default_cell>
<% end %>
<.table_default_cell>
<span class={"badge #{status_badge_class(data_record.status)} badge-sm"}>
<.icon name={status_icon(data_record.status)} class="w-3 h-3 mr-1" />
{status_label(data_record.status)}
</span>
</.table_default_cell>
<.table_default_cell>
<div class="text-sm">
{PhoenixKit.Utils.Date.format_date_with_user_format(data_record.date_created)}
</div>
<%= if data_record.creator do %>
<div class="text-xs opacity-50">
{data_record.creator.email}
</div>
<% end %>
</.table_default_cell>
<.table_default_cell>
<div class="flex gap-2">
<.link
navigate={
PhoenixKit.Utils.Routes.path(
"/admin/entities/#{get_entity_slug(@entities, data_record.entity_uuid)}/data/#{data_record.uuid}"
)
}
class="btn btn-outline btn-xs tooltip tooltip-bottom"
data-tip={gettext("View")}
>
<.icon name="hero-eye" class="w-4 h-4 hidden sm:inline" />
<span class="sm:hidden whitespace-nowrap">{gettext("View")}</span>
</.link>
<.link
navigate={
PhoenixKit.Utils.Routes.path(
"/admin/entities/#{get_entity_slug(@entities, data_record.entity_uuid)}/data/#{data_record.uuid}/edit"
)
}
class="btn btn-outline btn-xs tooltip tooltip-bottom"
data-tip={gettext("Edit")}
>
<.icon name="hero-pencil" class="w-4 h-4 hidden sm:inline" />
<span class="sm:hidden whitespace-nowrap">{gettext("Edit")}</span>
</.link>
<%= if data_record.status == "archived" do %>
<button
class="btn btn-outline btn-xs text-success tooltip tooltip-bottom"
phx-click="restore_data"
phx-value-uuid={data_record.uuid}
data-tip={gettext("Restore")}
>
<.icon name="hero-arrow-path" class="w-4 h-4 hidden sm:inline" />
<span class="sm:hidden whitespace-nowrap">{gettext("Restore")}</span>
</button>
<% else %>
<button
class="btn btn-outline btn-xs text-error tooltip tooltip-bottom"
phx-click="archive_data"
phx-value-uuid={data_record.uuid}
data-tip={gettext("Archive")}
>
<.icon name="hero-trash" class="w-4 h-4 hidden sm:inline" />
<span class="sm:hidden whitespace-nowrap">{gettext("Archive")}</span>
</button>
<% end %>
</div>
</.table_default_cell>
</.table_default_row>
<% end %>
</.table_default_body>
</.table_default>
<% else %>
<%!-- Card View --%>
<div class="grid gap-6">
<%= for data_record <- @entity_data_records do %>
<div class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow">
<div class="card-body">
<div class="flex items-start gap-3 mb-4">
<input
type="checkbox"
class="checkbox checkbox-md mt-1"
phx-click="toggle_select"
phx-value-uuid={data_record.uuid}
checked={MapSet.member?(@selected_uuids, data_record.uuid)}
/>
<div class="flex-1">
<div class="flex items-start justify-between mb-2">
<.link
navigate={
PhoenixKit.Utils.Routes.path(
"/admin/entities/#{get_entity_slug(@entities, data_record.entity_uuid)}/data/#{data_record.uuid}"
)
}
class="flex-1 hover:text-primary transition-colors cursor-pointer"
>
<%!-- Title and Entity Info --%>
<div class="flex items-center mb-2">
<h3 class="card-title text-lg mr-3">{data_record.title}</h3>
<%= if !@selected_entity do %>
<span class="badge badge-outline">
{get_entity_name(@entities, data_record.entity_uuid)}
</span>
<% end %>
</div>
<%!-- Slug --%>
<%= if data_record.slug do %>
<p class="text-sm text-base-content/60 mb-2">
<.icon name="hero-link" class="w-4 h-4 inline mr-1" />
{data_record.slug}
</p>
<% end %>
<%!-- Data Preview --%>
<%= if data_record.data && map_size(data_record.data) > 0 do %>
<p class="text-sm text-base-content/70 mb-3">
{format_data_preview(data_record.data)}
</p>
<% end %>
</.link>
<%!-- Status Badge --%>
<div class="flex flex-col items-end">
<span class={"badge #{status_badge_class(data_record.status)} mb-2"}>
<.icon name={status_icon(data_record.status)} class="w-3 h-3 mr-1" />
{status_label(data_record.status)}
</span>
<%!-- Status Toggle Button --%>
<button
class="btn btn-ghost btn-xs"
phx-click="toggle_status"
phx-value-uuid={data_record.uuid}
title={gettext("Cycle status")}
>
<.icon name="hero-arrow-path" class="w-3 h-3" />
</button>
</div>
</div>
<%!-- Metadata Row --%>
<div class="flex flex-wrap items-center gap-4 text-xs text-base-content/50 mb-4">
<%= if data_record.creator do %>
<span>
<.icon name="hero-user" class="w-3 h-3 inline mr-1" />
{data_record.creator.email}
</span>
<% end %>
<span>
<.icon name="hero-calendar" class="w-3 h-3 inline mr-1" />
{gettext("Created")} {PhoenixKit.Utils.Date.format_date_with_user_format(
data_record.date_created
)}
</span>
<%= if data_record.date_updated != data_record.date_created do %>
<span>
<.icon name="hero-clock" class="w-3 h-3 inline mr-1" />
{gettext("Updated")} {PhoenixKit.Utils.Date.format_date_with_user_format(
data_record.date_updated
)}
</span>
<% end %>
</div>
</div>
</div>
<%!-- Actions --%>
<div class="card-actions justify-end">
<.link
navigate={
PhoenixKit.Utils.Routes.path(
"/admin/entities/#{get_entity_slug(@entities, data_record.entity_uuid)}/data/#{data_record.uuid}"
)
}
class="btn btn-outline btn-sm"
>
<.icon name="hero-eye" class="w-4 h-4 mr-1" /> {gettext("View")}
</.link>
<.link
navigate={
PhoenixKit.Utils.Routes.path(
"/admin/entities/#{get_entity_slug(@entities, data_record.entity_uuid)}/data/#{data_record.uuid}/edit"
)
}
class="btn btn-primary btn-sm"
>
<.icon name="hero-pencil" class="w-4 h-4 mr-1" /> {gettext("Edit")}
</.link>
<%!-- Archive/Restore Button --%>
<%= if data_record.status == "archived" do %>
<button
class="btn btn-success btn-sm"
phx-click="restore_data"
phx-value-uuid={data_record.uuid}
title={gettext("Restore data record")}
>
<.icon name="hero-arrow-path" class="w-4 h-4" />
</button>
<% else %>
<button
class="btn btn-error btn-sm"
phx-click="archive_data"
phx-value-uuid={data_record.uuid}
title={gettext("Archive data record")}
>
<.icon name="hero-trash" class="w-4 h-4" />
</button>
<% end %>
</div>
</div>
</div>
<% end %>
</div>
<% end %>
<% end %>
</div>
</PhoenixKitWeb.Components.LayoutWrapper.app_layout>