<%= render Spina::UserInterface::HeaderComponent.new do |header| %> <% header.actions do %> <% if @media_folder.blank? %> <%= link_to spina.new_admin_media_folder_path, class: "btn btn-default", data: {turbo_frame: "modal"} do %> <%= heroicon("folder", style: :solid, class: 'w-4 h-4 mr-1 -ml-1') %> <%=t 'spina.media_library.add_folder' %> <% end %> <% else %> <%= link_to spina.edit_admin_media_folder_path(@media_folder), class: "btn btn-default", data: {turbo_frame: "modal"} do %> <%= heroicon("pencil", style: :solid, class: "w-4 h-4 mr-1 -ml-1") %> <%=t 'spina.media_library.rename_folder' %> <% end %> <% end %> <%= form_with model: [:admin, Spina::Image.new], url: spina.admin_images_path, data: {controller: "form loading-button", loading_message: t('spina.media_library.uploading'), action: "turbo:submit-end->loading-button#doneLoading"} do |f| %> <%= f.hidden_field :media_folder_id, value: @media_folder&.id %> <%= f.file_field :files, multiple: true, accept: "image/*", id: "new_image_file_field", class: 'hidden', data: {action: "loading-button#loading form#requestSubmit"} %> <% end %> <% end %> <% header.navigation do %> <% end %> <% end %>
<% if @media_folder.present? %>
<%= link_to spina.admin_images_path, class: 'flex h-full items-center flex-1' do %>
<%= heroicon("collection", style: :solid, class: "w-7 h-7 text-spina") %>
<%=t 'spina.media_library.back_to_all' %>
<% end %>
<% else %> <%= render @media_folders %> <% end %>
<%= turbo_frame_tag "images" do %> <%= turbo_frame_tag "images-#{@images.current_page}" do %> <%= render @images %> <% if @images.next_page %> <%= turbo_frame_tag "images-#{@images.next_page}", data: {action: "turbo:frame-load->infinite-scroll#load"} do %> <%= link_to t('spina.ui.load_more'), path_to_next_page(@images), class: "btn btn-default", data: {infinite_scroll_target: "button"} %> <% end %> <% end %> <% end %> <% end %>