Media

Manage user media and uploads

<%!-- Upload Section --%>

Upload Media

Upload images, videos, or PDFs. Files are automatically processed and optimized.

<.file_upload upload={@uploads.media_files} label="Upload Media Files" icon="hero-cloud-arrow-up" accept_description="JPG, PNG, WebP, MP4, WebM, PDF" max_size_description="100MB per file" />

<%!-- Image Preview Modal (Client-side controlled) --%> <%!-- Modal Control Script --%> <%!-- Uploaded Files --%> <%= if @total_count > 0 do %>

Uploaded Files ({@total_count})

<.pagination_info page={@current_page} per_page={@per_page} total_count={@total_count} />

<%= for file <- @uploaded_files do %> <.link navigate={PhoenixKit.Utils.Routes.path("/admin/users/media/#{file.file_id}")} class="group relative aspect-square bg-base-300 rounded-lg overflow-hidden cursor-pointer hover:shadow-lg transition-shadow" data-file-id={file.file_id} data-file-data={Jason.encode!(file)} > <% image_url = file.urls["medium"] || file.urls["original"] %> <%= if image_url do %> {file.filename}

<% else %>

<.icon name={file_icon(file.file_type)} class="w-12 h-12 mb-2" />

{String.upcase(file.file_type)}

<% end %> <%!-- File size in corner --%>

{format_file_size(file.size)}

<% end %>

<%!-- Pagination Controls --%> <%= if @total_count > @per_page do %> <.pagination current_page={@current_page} total_pages={@total_pages} base_path={@url_path} /> <% end %>

<% else %>

No media uploaded yet. Upload your first file above!

<% end %>