spina 2.0.2 → 2.3.0

data/app/views/spina/admin/attachments/show.html.erb

@@ -0,0 +1 @@
+<%= render @attachment %>

data/app/views/spina/admin/images/_image.html.erb

@@ -0,0 +1,65 @@
+<%= turbo_frame_tag dom_id(image) do %>
+  <div class="flex items-center h-12 border-b border-gray-200 px-8 hover:bg-white group">
+    <div class="w-8 mr-4 h-12 flex justify-center">
+      <%= image_tag thumbnail_url(image), class: "object-contain" %>
+    </div>
+    
+    <turbo-frame id="<%= dom_id(image) %>_filename" class="font-medium text-gray-800 h-full flex-1 w-56 text-sm flex items-center relative">
+      <span class="truncate"><%= image.file.filename %></span>
+    
+      <div class="absolute h-full opacity-0 group-hover:opacity-100 flex items-center right-0 pr-3 top-0">
+        <%= link_to spina.edit_admin_image_path(image), class: "btn btn-default h-7 px-2 mr-2 text-xs" do %>
+          <%= heroicon('pencil', style: :solid, class: 'w-4 h-4 mr-1 text-gray-600') %>
+          <%=t 'spina.ui.rename' %>
+        <% end %>
+        
+        <%= render Spina::UserInterface::DropdownComponent.new do |dropdown| %>
+          <% dropdown.button(classes: 'btn btn-default h-7 px-2 text-xs') do %>
+            <%= heroicon('folder', style: :solid, class: 'w-4 h-4 mr-1 text-gray-600') %>
+            <%=t 'spina.ui.move_to' %>
+            <%= heroicon('chevron-down', style: :solid, class: 'w-4 h-4') %>
+          <% end %>
+          
+          <% dropdown.menu do %>
+            <% if image.media_folder_id.present? %>
+              <%= form_with model: image, url: spina.admin_image_path(image) do |f| %>
+                <%= f.hidden_field :media_folder_id, value: nil %>
+                <%= render Spina::UserInterface::DropdownButtonComponent.new do %>
+                  <%=t 'spina.media_library.no_folder' %>
+                <% end %>
+              <% end %>
+            <% end %>
+            <% Spina::MediaFolder.order(:name).each do |media_folder| %>
+              <% if media_folder.id == image.media_folder_id %>
+                <%= render Spina::UserInterface::DropdownButtonComponent.new(disabled: true) do %>
+                  <%= media_folder.name %>
+                <% end %>
+              <% else %>
+                <%= form_with model: image, url: spina.admin_image_path(image) do |f| %>
+                  <%= f.hidden_field :media_folder_id, value: media_folder.id %>
+                  
+                  <%= render Spina::UserInterface::DropdownButtonComponent.new do %>
+                    <%= media_folder.name %>
+                  <% end %>
+                <% end %>
+              <% end %>
+            <% end %>
+          <% end %>
+        <% end %>
+      </div>
+    </turbo-frame>
+    
+    <div class="text-gray-500 text-sm whitespace-nowrap flex items-center">
+      <%= number_to_human_size image.file.byte_size %>
+      <div class="uppercase ml-2 h-5 flex items-center rounded-md <%= content_type_color(image) %> text-white font-semibold px-1 text-xs">
+        <%= content_type(image) %>
+      </div>
+    </div>
+    <div class="text-gray-500 text-xs w-32 text-right whitespace-nowrap"><%=l image.created_at, format: :short %></div>
+    <div class="">
+      <%= button_to spina.admin_image_path(image), method: :delete, class: "block py-3 px-4 ml-2 text-gray-500 hover:text-gray-900", form: {data: {controller: "confirm", confirm_message: t('spina.images.delete_confirmation_html')}} do %>
+        <%= heroicon('trash', class: "w-5 h-5") %>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/spina/admin/images/edit.html.erb

@@ -0,0 +1,16 @@
+<%= turbo_frame_tag dom_id(@image) + "_filename" do %>
+  <%= form_with model: @image, url: spina.admin_image_path(@image), html: {class: 'w-full max-w-sm pr-3'} do |f| %>
+    <div class="flex items-center w-full">
+      <div class="relative w-full mr-2">
+        <%= text_field_tag :filename, @image.file.filename.base, class: 'form-input w-full h-9 pr-10 text-sm', placeholder: t('spina.media_library.filename'), data: {controller: "autofocus"} %>
+        <div class="absolute top-0 right-2 h-full flex items-center text-gray-400">
+          <%= ".#{@image.file.filename.extension}" %>
+        </div>
+      </div>
+      
+      <button type="submit" class="btn btn-default px-2">
+        <%= heroicon("check", style: :solid, class: "w-5 h-5") %>
+      </button>
+    </div>
+  <% end %>
+<% end %>

data/app/views/spina/admin/images/index.html.erb

@@ -0,0 +1,73 @@
+<%= 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"} %>
+      
+      <button type="button" class="btn btn-default" data-controller="delegate-click" data-action="delegate-click#click" data-loading-button-target="button" data-delegate-click-target="#new_image_file_field">
+        <%= heroicon("upload", style: :solid, class: "w-4 h-4 -ml-1 mr-1") %>
+        <%=t 'spina.images.upload' %>
+      </button>
+    <% end %>
+  <% end %>
+  
+  <% header.navigation do %>
+    <nav class="-mb-3 mt-4">
+      <ul class="inline-flex w-auto rounded-md bg-white">
+        <%= render Spina::UserInterface::TabLinkComponent.new(spina.admin_images_path, active: true) do %>
+          <%= heroicon('photograph', style: :solid, class: 'w-5 h-5 mr-2 -ml-1') %>
+          <%=t 'spina.media_library.images' %>
+        <% end %>
+        
+        <%= render Spina::UserInterface::TabLinkComponent.new(spina.admin_attachments_path) do %>
+          <%= heroicon('document', style: :solid, class: 'w-5 h-5 mr-2 -ml-1') %>
+          <%=t 'spina.media_library.attachments' %>
+        <% end %>
+      </ul>
+    </nav>
+  <% end %>
+<% end %>
+
+<div class="my-8 border-t border-gray-200">
+  <% if @media_folder.present? %>
+    <div class="flex items-center h-12 hover:bg-white border-b border-gray-200 px-8">
+      <%= link_to spina.admin_images_path, class: 'flex h-full items-center flex-1' do %>
+        <div class="w-8 mr-4 flex justify-center">
+          <%= heroicon("collection", style: :solid, class: "w-7 h-7 text-spina") %>
+        </div>
+        <div class="font-medium text-spina flex-1 text-sm">
+          <%=t 'spina.media_library.back_to_all' %>
+        </div>
+      <% end %>
+    </div>
+  <% else %>
+    <%= render @media_folders %>
+  <% end %>
+  
+  <div data-controller="infinite-scroll">
+    <%= 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: 'hidden', data: {infinite_scroll_target: "button"} %>
+          <% end %>
+        <% end %>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/spina/admin/images/show.html.erb

@@ -0,0 +1 @@
+<%= render @image %>

data/app/views/spina/admin/images/update.turbo_stream.erb

@@ -0,0 +1,5 @@
+<%= turbo_stream.remove @image %>
+
+<% if @image.media_folder %>
+  <%= turbo_stream.update @image.media_folder %>
+<% end %>

data/app/views/spina/admin/layout/edit.html.erb

@@ -0,0 +1,34 @@
+<%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+  <% header.actions do %>
+    <% if Spina::Current.theme.layout_parts.any? %>
+      <%= button_tag type: :submit, form: dom_id(@account), class: 'btn btn-primary', data: {controller: "button hotkeys", hotkeys: "command+s, ctrl+s", hotkeys_target: "button", action: "button#loading", loading_message: t('spina.ui.saving')} do %>
+        <%= heroicon('check', style: :solid, class: 'w-5 h-5 mr-1 -ml-2') %>
+        <%=t 'spina.layout.save' %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>
+  
+<%= form_with model: @account, url: spina.admin_layout_path, id: dom_id(@account) do |f| %>
+  <%= hidden_field_tag :locale, @locale %>
+  
+  <div class="py-4 p-8">
+    <% if Spina::Current.theme.layout_parts.any? %>
+      
+      <div class="max-w-5xl">
+        <%= f.fields_for "#{@locale}_content".to_sym, build_parts(f.object, Spina::Current.theme.layout_parts) do |ff| %>
+          <%= ff.hidden_field :type, value: ff.object.class %>
+          <%= ff.hidden_field :name %>
+          <%= ff.hidden_field :title %>
+  
+          <%= render "spina/admin/parts/#{parts_partial_namespace(ff.object.class.to_s)}/form", f: ff %>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="text-gray-500 italic">
+        <%=t 'spina.layout.no_layout_parts' %>
+      </div>
+    <% end %>
+  </div>
+
+<% end %>

data/app/views/spina/admin/media_folders/_form.html.erb

@@ -0,0 +1,30 @@
+<%= turbo_frame_tag dom_id(@media_folder, :form) do %>
+  <%= form_with model: [:admin, @media_folder], data: {turbo_frame: "_top"} do |f| %>
+    <div class="px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+      <div class="sm:flex sm:items-start">
+        <div class="w-full">
+          <h3 class="text-lg leading-6 font-medium text-gray-900">
+            <% if @media_folder.persisted? %>
+              <%=t 'spina.media_library.rename_folder' %>
+            <% else %>
+              <%=t 'spina.media_library.add_folder' %>
+            <% end %>
+          </h3>
+    
+          <div class="mt-3">
+            <%= render Spina::Forms::TextFieldComponent.new(f, :name, size: 'lg', autofocus: true) %>
+          </div>
+    
+        </div>
+      </div>
+    </div>
+    <div class="px-4 pb-5 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+      <button type="submit" class="btn btn-primary w-full sm:w-auto sm:ml-2">
+        <%=t 'spina.media_library.save_media_folder' %>
+      </button>
+      <button type="button" class="btn btn-default w-full sm:w-auto mt-2 sm:mt-0" data-action="modal#close">
+        <%=t 'spina.ui.cancel' %>
+      </button>
+    </div>
+  <% end %>
+<% end %>

data/app/views/spina/admin/media_folders/_media_folder.html.erb

@@ -0,0 +1,18 @@
+<%= turbo_frame_tag dom_id(media_folder) do %>
+  <div class="flex items-center h-12 hover:bg-white border-b border-gray-200 px-8">
+    <%= link_to spina.admin_media_folder_images_path(media_folder), class: 'flex h-full items-center flex-1', target: "_top" do %>
+      <div class="w-8 mr-4 flex justify-center"><%= heroicon("folder", style: :solid, class: "w-7 h-7 text-spina") %></div>
+      <div class="font-medium text-spina flex-1 text-sm">
+        <%= media_folder.name %>
+      </div>
+    <% end %>
+    <div class="text-gray-500 text-sm">
+      <%=t 'spina.media_library.images_count', count: media_folder.images.size %>
+    </div>
+    <div class="text-gray-500 text-xs w-32 text-right"><%=l media_folder.created_at, format: :short %></div>
+    
+    <%= button_to spina.admin_media_folder_path(media_folder), method: :delete, class: "block py-3 px-4 ml-2 text-gray-500 hover:text-gray-900", form: {data: {controller: "confirm", confirm_message: t('spina.media_library.media_folder_delete_confirmation_html')}} do %>
+      <%= heroicon('trash', class: 'w-5 h-5') %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/spina/admin/media_folders/edit.html.erb

@@ -0,0 +1,3 @@
+<%= render(Spina::UserInterface::ModalComponent.new) do |component| %>
+  <%= render 'form' %>
+<% end %>

data/app/views/spina/admin/media_folders/new.html.erb

@@ -0,0 +1,3 @@
+<%= render(Spina::UserInterface::ModalComponent.new) do |component| %>
+  <%= render 'form' %>
+<% end %>

data/app/views/spina/admin/media_picker/show.html.erb

@@ -0,0 +1 @@
+<%= render Spina::MediaPicker::ModalComponent.new(params[:target], images: @images, media_folder: @media_folder) %>

data/app/views/spina/admin/move_pages/new.html.erb

@@ -0,0 +1,32 @@
+<%= render(Spina::UserInterface::ModalComponent.new) do %>
+  <%= form_with model: @page, url: spina.admin_page_move_path(@page), data: {turbo_frame: "_top"} do |f| %>
+  
+    <div class="px-4 pt-5 sm:p-6 sm:pb-4">
+      <div class="sm:flex sm:items-start">
+        <div class="mt-3 w-full text-center sm:mt-0 sm:text-left">
+          <h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-headline">
+            <%=t 'spina.pages.move_page' %>:
+          </h3>
+          
+          <div class="mt-4 w-full">            
+            <%= render Spina::Pages::LocationComponent.new(f, @page) %>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="px-4 py-6 sm:px-6 sm:flex sm:flex-row-reverse">
+      <span class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
+        <button type="submit" class="btn btn-primary">
+          <%=t 'spina.pages.move_page' %>
+          <%= heroicon('arrow-right', style: :solid, class: 'w-4 h-4 ml-1') %>
+        </button>
+      </span>
+      <span class="mt-3 flex w-full rounded-md shadow-sm sm:mt-0 sm:w-auto">
+        <button type="button" class="btn btn-default" data-action="modal#close">
+          <%=t 'spina.ui.cancel' %>
+        </button>
+      </span>
+    </div>
+  
+  <% end %>
+<% end %>

data/app/views/spina/admin/navigation_items/_form.html.erb

@@ -0,0 +1,29 @@
+<%= turbo_frame_tag dom_id(@navigation_item, :form) do %>
+  <%= form_with model: @navigation_item, url: spina.admin_navigation_navigation_items_path(@navigation), data: {turbo_frame: "_top", action: "turbo:submit-end->modal#close"} do |f| %>
+    <%= f.hidden_field :parent_id %>
+    
+    <div class="px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+      <div class="sm:flex sm:items-start">
+        <div class="w-full">
+          <h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-headline">
+            <%=t 'spina.navigations.add_menu_item' %>
+          </h3>
+    
+          <div class="mt-3">
+            <%= f.select :page_id, @pages.map{|page| [page.menu_title, page.id]}, {disabled: @navigation.navigation_items.pluck(:page_id), include_blank: t('spina.navigations.choose_page')}, class: 'form-select w-full' %>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <div class="px-4 pb-5 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+      <button type="submit" class="btn btn-primary w-full sm:w-auto sm:ml-2">
+        <%=t 'spina.navigations.add_menu_item' %>
+      </button>
+    
+      <button type="button" class="btn btn-default w-full sm:w-auto mt-2 sm:mt-0" data-action="modal#close">
+        <%=t 'spina.ui.cancel' %>
+      </button>
+    </div> 
+  <% end %>
+<% end %>

data/app/views/spina/admin/navigation_items/_navigation_item.html.erb

@@ -0,0 +1,36 @@
+<li data-id="<%= navigation_item.id %>" id="<%= dom_id(navigation_item, :container) %>">
+  <div class="btn w-56 px-0 text-gray-700 bg-white shadow-sm border-gray-300 cursor-default justify-start">
+    <div data-sortable-handle class="cursor-move px-2 pl-4 h-full flex items-center text-gray-400 hover:text-gray-700">
+      <%= heroicon('menu-alt-4', style: :solid, class: 'w-4 h-4 -ml-1') %>  
+    </div>
+    
+    <div class="flex-1 truncate text-left"><%= navigation_item.menu_title %></div>
+    
+    <div data-controller="reveal" data-reveal-away-value class="relative h-full">
+      <button type="button" data-action="reveal#toggle" class="h-full px-2 text-gray-400 hover:text-gray-700">
+        <%= heroicon("dots-horizontal", class: "w-5 h-5") %>
+      </button>
+      
+      <div hidden data-reveal data-transition class="origin-top-right absolute left-0 z-10 mt-1 w-48 rounded-md shadow-lg">
+        <div class="rounded-md bg-gray-700 shadow-xs py-1">
+          <%= link_to spina.new_admin_navigation_navigation_item_path(@navigation, parent_id: navigation_item.id), class: "px-3 py-1 text-xs leading-5 text-gray-200 hover:bg-gray-800 hover:text-white focus:outline-none flex items-center", data: {turbo_frame: "modal", action: "reveal#hide"} do %>
+            <%= heroicon('plus', style: :outline, class: 'w-4 h-4 mr-2') %>
+            <%=t 'spina.navigations.add_sub_item' %>
+          <% end %>
+          
+          <%= button_to spina.admin_navigation_navigation_item_path(@navigation, navigation_item), method: :delete, class: "bg-transparent w-full text-left cursor-pointer font-medium px-3 py-1 text-xs leading-5 text-red-400 hover:bg-gray-800 hover:text-red-400 focus:outline-none flex items-center", form: {data: {action: "reveal#hide", controller: "confirm", confirm_message: t('spina.navigations.delete_item_confirmation_html')}} do %>
+            <%= heroicon('trash', class: 'w-4 h-4 mr-2') %>
+            <%=t 'spina.navigations.delete_item' %>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+  
+  <ul class="space-y-2 ml-8 mt-2" data-controller="sortable" data-sortable-target="list" id="<%= dom_id(navigation_item) %>">
+    <%= form_with url: spina.sort_admin_navigation_path(@navigation), data: {sortable_target: "form"} do |f| %>
+    <% end %>
+    
+    <%= render navigation_item.children.sorted %>
+  </ul>
+</li>

data/app/views/spina/admin/navigation_items/new.html.erb

@@ -0,0 +1,3 @@
+<%= render(Spina::UserInterface::ModalComponent.new) do %>
+  <%= render 'form' %>
+<% end %>

data/app/views/spina/admin/navigations/_navigation.html.erb

@@ -0,0 +1 @@
+<%= link_to navigation.label, spina.edit_admin_navigation_path(navigation) %>

data/app/views/spina/admin/navigations/edit.html.erb

@@ -0,0 +1,32 @@
+<%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+  <% header.navigation do %>
+    <nav class="-mb-3 mt-4">
+      <ul class="inline-flex w-auto rounded-md bg-white">
+        <% @navigations.each do |navigation| %>
+          <%= render Spina::UserInterface::TabLinkComponent.new(spina.edit_admin_navigation_path(navigation), active: @navigation == navigation) do %>
+            <%= heroicon('menu-alt-2', style: :solid, class: 'w-3 h-3 mr-1') %>
+            <%= navigation.label %>
+          <% end %>
+        <% end %>
+      </ul>
+    </nav>
+  <% end %>
+<% end %>
+
+<div class="p-4 md:p-8 max-w-screen-xl">
+  
+  <%= render Spina::Forms::GroupComponent.new(label: Spina::Navigation.model_name.human, description: t('spina.navigations.description')) do %>
+    <ul class="space-y-2" data-controller="sortable" data-sortable-target="list" id="<%= dom_id(@navigation) %>">
+      <%= form_with url: spina.sort_admin_navigation_path(@navigation), data: {sortable_target: "form"} do |f| %>
+      <% end %>
+      
+      <%= render @navigation.navigation_items.sorted.roots %>
+    </ul>
+    
+    <%= link_to spina.new_admin_navigation_navigation_item_path(@navigation), class: 'btn btn-default w-56 mt-2 bg-transparent', data: {turbo_frame: "modal"} do %>
+      <%= heroicon('plus', style: :solid, class: "w-6 h-6 -ml-1 mr-1 text-gray-400") %>
+      <div class="w-full"><%=t 'spina.navigations.add_menu_item' %></div>
+    <% end %>
+  <% end %>
+  
+</div>

data/app/views/spina/admin/navigations/index.html.erb

@@ -0,0 +1,7 @@
+<%= render Spina::UserInterface::HeaderComponent.new %>
+
+<div class="p-8 max-w-screen-xl">
+  <div class="text-gray-500 italic">
+    <%=t 'spina.navigations.no_navigations' %>
+  </div>
+</div>

data/app/views/spina/admin/pages/_button_advanced.html.erb

@@ -0,0 +1,4 @@
+<%= render Spina::Pages::TabButtonComponent.new(tab_name: 'advanced') do %>
+  <%= heroicon('cog', style: :solid, class: 'w-4 h-4 mr-1 -ml-1 opacity-75') %>
+  <%= t("spina.pages.advanced") %>
+<% end %>

data/app/views/spina/admin/pages/_button_page_content.html.erb

@@ -0,0 +1,4 @@
+<%= render Spina::Pages::TabButtonComponent.new(tab_name: 'page_content') do %>
+  <%= heroicon('document-text', class: 'w-4 h-4 mr-1 -ml-1 opacity-75') %>
+  <%= t("spina.pages.page_content") %>
+<% end %>

data/app/views/spina/admin/pages/_button_search_engines.html.erb

@@ -0,0 +1,5 @@
+<%= render Spina::Pages::TabButtonComponent.new(tab_name: 'search_engines') do %>
+  <%= heroicon('search', style: :solid, class: 'w-4 h-4 mr-1 -ml-1 opacity-75') %>
+  <span class="hidden md:inline"><%= t("spina.pages.search_engines") %></span>
+  <span class="md:hidden">SEO</span>
+<% end %>