spina 2.0.2 → 2.1.0

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

@@ -0,0 +1,36 @@
+<div data-controller="tabs" data-tabs-active="cursor-default text-gray-900 bg-spina-dark bg-opacity-10" data-tabs-inactive="cursor-pointer bg-transparent text-gray-400 border-transparent">
+  <%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+    <% header.after_breadcrumbs do %>
+      <% if @page.draft? %>
+        <span class="text-gray-400 ml-2 text-sm">(<%= Spina::Page.human_attribute_name(:draft) %>)</span>
+      <% end %>
+      <%= link_to @page.materialized_path, class: 'px-3 py-2 flex items-center text-gray-400 hover:text-gray-700', target: :blank, data: {turbo: false} do %>
+        <%= heroicon("external-link", style: :solid, class: "w-4 h-4") %>
+      <% end %>
+    <% end %>
+    <% header.actions do %>
+      <%= render Spina::Pages::ActionsComponent.new(page: @page, locale: @locale) %>
+    <% end %>
+    <% header.navigation do %>
+      <nav class="-mb-3 mt-4">
+        <ul class="inline-flex w-auto rounded-md bg-white">
+          <% @tabs.each do |tab_name| %>
+            <%= render partial: "button_#{tab_name}" %>
+          <% end %>
+        </ul>
+      </nav>
+    <% end %>
+  <% end %>
+  <div class="p-4 md:p-8">
+    <%= form_with model: @page, url: spina.admin_page_path(@page), id: dom_id(@page) do |f| %>
+      <%= hidden_field_tag :locale, @locale %>
+      <% Mobility.with_locale(@locale) do %>
+        <% @tabs.each_with_index do |tab_name, idx| %>
+          <div data-tabs-target="pane" id="<%= tab_name %>" <%= 'hidden' unless idx.zero? %>>
+            <%= render partial: "form_#{tab_name}", locals: {f: f} %>
+          </div>
+        <% end %>
+      <% end %>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,55 @@
+<div class="max-w-5xl grid grid-cols-1 md:grid-cols-3 gap-3 md:gap-6">
+
+  <% unless @page.draft? %>
+    <div class="col-span-1 mt-6 md:mt-0">
+      <label for="country" class="block text-sm font-medium leading-5 text-gray-700">
+        <%= Spina::Page.human_attribute_name :draft %>  
+      </label>
+
+      <div class="text-sm leading-5">
+        <p class="text-gray-500"><%= Spina::Page.human_attribute_name :draft_description %></p>
+      </div>
+    </div>
+
+    <div class="col-span-2 mt-1">
+      <%= render Spina::Forms::SwitchComponent.new(f, :draft) %>
+    </div>
+  <% end %>
+
+  <div class="col-span-1 mt-6 md:mt-0">
+    <label for="country" class="block text-sm font-medium leading-5 text-gray-700">
+      <%= Spina::Page.human_attribute_name :show_in_menu %>  
+    </label>
+
+    <div class="text-sm leading-5">
+      <p class="text-gray-500"><%= Spina::Page.human_attribute_name :show_in_menu_description %></p>
+    </div>
+  </div>
+
+  <div class="col-span-2 mt-1">
+    <%= render Spina::Forms::SwitchComponent.new(f, :show_in_menu) %>
+  </div>
+
+  <div class="col-span-1 mt-6 md:mt-0">
+    <label class="font-medium text-sm leading-5 w-full text-gray-700">
+      <%= Spina::Page.human_attribute_name :menu_title %>
+    </label>
+  </div>
+
+  <div class="col-span-2">
+    <%= f.text_field :menu_title, placeholder: Spina::Page.human_attribute_name(:show_in_menu_placeholder), value: f.object.menu_title(fallback: false, default: nil), class: "form-input shadow-sm text-sm w-full" %>
+  </div>
+
+  <div class="col-span-1 mt-6 md:mt-0">
+    <label class="font-medium text-sm leading-5 w-full text-gray-700">
+      <%= Spina::Page.human_attribute_name :skip_to_first_child %>
+    </label>
+    <div class="text-sm leading-5">
+      <p class="text-gray-500"><%= Spina::Page.human_attribute_name :skip_to_first_child_description %></p>
+    </div>
+  </div>
+
+  <div class="col-span-2">
+    <%= render Spina::Forms::SwitchComponent.new(f, :skip_to_first_child) %>
+  </div>
+</div>

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

@@ -0,0 +1,8 @@
+<div class="max-w-5xl">
+  <label class="font-medium text-gray-700">
+    <%= Spina::Page.human_attribute_name(:title) %>
+  </label>
+  <%= render Spina::Forms::TextFieldComponent.new(f, :title, size: "lg") %>
+  <turbo-frame id="page_content" src="<%= spina.edit_content_admin_page_path(f.object, locale: @locale) %>">
+  </turbo-frame>
+</div>

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

@@ -0,0 +1,45 @@
+<div class="max-w-5xl">
+  <div class="grid grid-cols-1 md:grid-cols-3 gap-3 md:gap-6">
+    <div class="col-span-1">
+      <label class="block text-sm font-medium leading-5 text-gray-700 flex items-center">
+        <svg class="h-4 w-4 mr-1 text-gray-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
+        </svg>
+        <%= Spina::Page.human_attribute_name(:seo_title) %>
+      </label>
+      <div class="text-gray-400 text-sm">
+        <%= Spina::Page.human_attribute_name(:seo_title_description) %>
+      </div>
+    </div>
+
+    <div class="col-span-2">
+      <%= f.text_field :seo_title, placeholder: Spina::Page.human_attribute_name(:seo_title_placeholder), value: f.object.seo_title(fallback: false, default: nil), class: "form-input block w-full sm:text-sm sm:leading-5" %>
+    </div>
+
+    <div class="col-span-1 mt-6 md:mt-0">
+      <label class="block font-medium text-sm leading-5 text-gray-700 flex items-center">
+        <svg class="h-4 w-4 mr-1 text-gray-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+          <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
+        </svg>
+        <%= Spina::Page.human_attribute_name(:description) %>
+      </label>
+      <div class="text-gray-400 text-sm"><%= Spina::Page.human_attribute_name :description_description %></div>
+    </div>
+
+    <div class="col-span-2">
+      <%= f.text_field :description, placeholder: Spina::Page.human_attribute_name(:description_placeholder), class: "form-input block w-full sm:text-sm sm:leading-5" %>
+    </div>
+
+    <div class="col-span-1 mt-6 md:mt-0">
+      <label class="block font-medium text-sm leading-5 text-gray-700 flex items-center">
+        <%= Spina::Page.human_attribute_name(:url_title) %>
+      </label>
+      <p class="text-gray-400 text-sm"><%= Spina::Page.human_attribute_name :url_title_description %></p>
+    </div>
+
+    <div class="col-span-2">
+      <%= f.text_field :url_title, class: "form-input block w-full sm:text-sm sm:leading-5", placeholder: f.object.slug || Spina::Page.human_attribute_name(:url_title_placeholder), value: f.object.url_title(fallback: false, default: nil)&.parameterize %>
+      <div class="text-sm text-gray-400 mt-1"><%=t 'spina.pages.path' %> <%= @page.materialized_path %></div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,35 @@
+<%= turbo_frame_tag dom_id(@page, :new_page_form) do %>
+  <%= form_with model: @page, url: spina.admin_pages_path, data: {turbo_frame: "_top"} do |f| %>
+    <%= f.hidden_field :view_template %>
+    
+    <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.pages.new' %>
+            <span class="text-gray-400 text-sm">(<%= f.object.view_template %>)</span>
+          </h3>
+    
+          <div class="mt-3">
+            <%= render Spina::Forms::TextFieldComponent.new(f, :title, size: 'lg', autofocus: true) %>
+          </div>
+          
+          <div class="mt-4">
+            <div class="text-sm font-medium text-gray-700 mb-1"><%=t 'spina.pages.add_page_to' %></div>
+            
+            <%= render Spina::Pages::LocationComponent.new(f, @page) %>
+          </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.pages.create' %>
+      </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/pages/edit.html.erb

@@ -0,0 +1 @@
+<%= render 'form' %>

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

@@ -0,0 +1,11 @@
+<turbo-frame id="page_content">
+  <%= fields_for(@page) do |f| %>
+    <% f.fields_for "#{@locale}_content".to_sym, build_parts(f.object, @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 %>
+  <% end %>
+</turbo-frame>

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

@@ -0,0 +1,36 @@
+<%= render(Spina::UserInterface::ModalComponent.new) do |component| %>
+  <%= form_with model: @page, url: spina.admin_page_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 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.change_view_template' %>
+          </h3>
+          <div class="mt-2">
+            <p class="text-sm leading-5 text-gray-500 mb-4">
+              <%=t 'spina.pages.change_view_template_confirmation' %>
+            </p>
+
+            <label for="page[view_template]" class="block text-sm font-medium leading-5 text-gray-700">
+              <%= Spina::Page.human_attribute_name :view_template %>
+            </label>
+
+            <%= f.select :view_template, options_for_select(current_theme.view_templates.map { |template| [template[:title], template[:name], {'data-page-parts' => template[:page_parts]}] }, @page.view_template), {}, class: "mt-1 form-select w-full" %>
+          </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.change_view_template' %>
+        </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/pages/index.html.erb

@@ -0,0 +1,66 @@
+<%= render Spina::UserInterface::HeaderComponent.new do |header| %>
+  <% header.actions do %>
+    <% if @resource %>
+      <%= link_to spina.edit_admin_resource_path(@resource), class: 'btn btn-default' do %>
+        <%= heroicon('cog', style: :solid, class: 'text-gray-300 w-5 h-5 -ml-1 mr-1') %>
+        <%=t 'spina.resources.settings', label: @resource.label %>
+      <% end %>
+    <% end %>
+    
+    <div class="ml-3">
+      <%= render Spina::UserInterface::DropdownComponent.new do |dropdown| %>
+        <% dropdown.button(classes: "btn btn-primary w-full") do %>
+          <%= heroicon("plus", style: :solid, class: "w-7 h-7 -ml-2") %>
+          <%=t 'spina.pages.new' %>  
+        <% end %>
+        
+        <% dropdown.menu do %>
+          <% @page_templates.each do |template| %>
+            <%= link_to spina.new_admin_page_path(view_template: template.name, resource_id: @resource&.id), class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900", data: {turbo_frame: "modal", action: "reveal#hide"} do %>
+              <div class="font-medium text-gray-700">
+                <%= template.title %>
+                
+                <% if template.recommended %>
+                  <span class="text-green-500 text-xs"><%=t 'spina.pages.recommended' %></span>
+                <% end %>
+              </div>
+              <div class="text-gray-400"><%= template.description %></div>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    </div>
+  <% end %>
+  
+  <% header.navigation do %>
+    <nav class="-mb-1 md:-mb-3 mt-4">
+      <ul class="inline-flex w-auto rounded-md bg-white">
+        <%= render Spina::UserInterface::TabLinkComponent.new(spina.admin_pages_path, active: @resource.nil?) do %>
+          <%= heroicon('collection', style: :solid, class: "h-4 w-4 mr-1 -ml-1 opacity-75") %>
+          <%=t 'spina.website.main' %>
+        <% end %>
+        
+        <% Spina::Resource.order(:name).each do |resource| %>
+        
+          <%= render Spina::UserInterface::TabLinkComponent.new(spina.admin_pages_path(resource_id: resource.id), active: @resource == resource) do %>
+            <%= heroicon('collection', class: 'h-4 w-4 mr-1 -ml-1 opacity-75') %>
+            <%= resource.label %>
+          <% end %>
+          
+        <% end %>
+      </ul>
+    </nav>
+  <% end %>
+<% end %>
+
+<% if @pages.any? %>
+  
+  <div class="my-6 md:m-8 bg-white md:rounded-lg border-l-0 border-r-0 border md:border-r md:border-l border-gray-200 border-b-0 shadow-sm">
+    <%= render Spina::Pages::ListComponent.new(pages: @pages, sortable: @resource.nil? || @resource&.order_by&.blank?) %>
+  </div>
+  
+<% else %>
+
+  <div class="m-8 my-6 italic text-gray-400"><%=t 'spina.pages.no_pages_yet' %></div>
+  
+<% end %>

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

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

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

@@ -0,0 +1,3 @@
+<%= turbo_frame_tag("parent_pages") do %>
+  <%= render Spina::Pages::PageSelectComponent.new("page[parent_id]", @pages, include_blank: t('spina.pages.no_parent_page'), selected: params[:parent_id], disabled: params[:page_id]) %>
+<% end %>

data/app/views/spina/admin/parts/attachments/_form.html.erb

@@ -0,0 +1,8 @@
+<div class="mt-6">
+  <label for="price" class="block text-sm leading-5 font-medium text-gray-700"><%= f.object.title %></label>
+
+  <%= f.hidden_field :signed_blob_id, data: {attachment_picker_target: 'signedBlobId'} %>
+  <%= f.hidden_field :filename, data: {attachment_picker_target: 'filename'} %>
+
+  <%= f.select :attachment_id, Spina::Attachment.sorted.map{|attachment| [attachment.file&.filename, attachment.id, data: {signed_blob_id: attachment.file&.blob&.signed_id, filename: attachment.file&.filename}]}, {include_blank: t("spina.attachments.choose_attachment")}, {class: "form-select"} %>
+</div>

data/app/views/spina/admin/parts/image_collections/_fields.html.erb

@@ -0,0 +1,16 @@
+<div data-controller="unique-id" data-unique-id="<%= f.object.object_id %>" class="cursor-move">
+  <%= f.hidden_field :signed_blob_id, data: {media_picker_target: "signedBlobId"} %>
+  <%= f.hidden_field :filename, data: {media_picker_target: "filename"} %>
+  <%= f.hidden_field :image_id, data: {media_picker_target: "imageId"} %>
+  
+  <div class="h-28 w-28 rounded-lg shadow-md overflow-hidden relative mr-3">
+    
+    <button class="absolute top-0 left-0 mt-2 ml-2 z-10 cursor-pointer flex items-center h-9 px-2 rounded-md bg-gray-700 bg-opacity-50 border-gray-300 active:shadow-inner text-gray-200 hover:text-white text-sm font-medium leading-none leading-none shadow-sm" data-action="image-collection#removeImage" data-id="<%= f.object.object_id %>" type="button">
+      <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+      </svg>
+    </button>
+    
+    <%= image_tag thumbnail_url(f.object.spina_image), class: "object-contain h-28 w-full", data: {controller: "image-fade-in"} %>
+  </div>
+</div>

data/app/views/spina/admin/parts/image_collections/_form.html.erb

@@ -0,0 +1,30 @@
+<% 
+  # Fields
+  image = Spina::Parts::Image.new()
+  fields = f.fields_for(:images, [image], child_index: image.object_id) do |builder|
+    render("spina/admin/parts/image_collections/fields", f: builder)
+  end.gsub("\n", "")
+%>
+
+<div class="mt-6 relative" data-controller="image-collection unique-id" data-unique-id="<%= dom_id(image, image.object_id) %>" data-action="media-picker:done->image-collection#handleDone" data-fields="<%= fields %>">
+  <label class="block text-sm leading-5 font-medium text-gray-700">
+    <%= f.object.title %>
+  </label>
+
+  <div class="flex items-start mt-1">
+    <div class="flex items-center" data-image-collection-target="collection">
+      <%= f.fields_for :images do |ff| %>
+        <%= render 'spina/admin/parts/image_collections/fields', f: ff %>
+      <% end %>
+    </div>
+    
+    <%= link_to spina.admin_media_picker_path(target: dom_id(image, image.object_id)), class: "relative", data: {turbo_frame: "modal"} do %>
+      <div class="h-28 w-28 bg-transparent border-2 border-dashed border-gray-300 rounded-lg flex items-center flex-col justify-center">
+        <svg class="mx-auto h-10 w-10 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48">
+          <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+        </svg>
+        <div class="text-gray-400 font-medium text-xs"><%=t 'spina.media_library.add_image' %></div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/spina/admin/parts/images/_form.html.erb

@@ -0,0 +1,32 @@
+<div class="mt-6 relative" data-controller="media-picker unique-id" data-unique-id="<%= dom_id(f.object, f.object.object_id) %>" data-action="media-picker:done->media-picker#handleDone">
+  <label class="block text-sm leading-5 font-medium text-gray-700">
+    <%= f.object.title %>
+  </label>
+
+  <%= f.hidden_field :signed_blob_id, data: {media_picker_target: "signedBlobId"} %>
+  <%= f.hidden_field :filename, data: {media_picker_target: "filename"} %>
+  <%= f.hidden_field :image_id, data: {media_picker_target: "imageId"} %>
+
+  <button class="absolute mt-3 ml-2 z-10 cursor-pointer flex items-center h-9 px-2 rounded-md bg-gray-700 bg-opacity-50 border-gray-300 active:shadow-inner text-gray-200 hover:text-white text-sm font-medium leading-none leading-none shadow-sm" data-action="media-picker#removeImage" data-media-picker-target="clearButton" type="button">
+    <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+    </svg>
+  </button>
+  
+  <%= link_to spina.admin_media_picker_path(target: dom_id(f.object, f.object.object_id)), class: "block relative mt-1 w-full", data: {turbo_frame: "modal"} do %>
+    <div class="<%= ratio_tailwind_class_for_image_part(f.object) %> h-36 bg-transparent border-2 border-dashed border-gray-300 rounded-lg flex items-center flex-col justify-center">
+      <svg class="mx-auto h-12 w-12 text-gray-400" stroke="currentColor" fill="none" viewBox="0 0 48 48">
+        <path d="M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+      </svg>
+      <div class="text-gray-400 font-medium text-sm"><%=t 'spina.images.choose_image' %></div>
+    </div>
+    
+    <div class="border absolute inset-0 <%= ratio_tailwind_class_for_image_part(f.object) %> h-36 bg-gray-100 rounded-lg shadow-md overflow-hidden" data-media-picker-target="thumbnail">
+      <% if f.object.signed_blob_id.present? && f.object.spina_image.present? %>
+        <%= image_tag thumbnail_url(f.object.spina_image), class: 'object-contain h-36 w-full', data: {controller: "image-fade-in"} %>
+      <% end %>
+    </div>
+  <% end %>
+
+  <%= f.text_field :alt, placeholder: "Alt text", class: "h-10 px-3 italic bg-transparent w-full max-w-xs text-sm block border-0 focus:ring-0", data: {media_picker_target: "alt"} %>
+</div>

data/app/views/spina/admin/parts/lines/_form.html.erb

@@ -0,0 +1,6 @@
+<div class="mt-6">
+  <label class="block text-sm leading-5 font-medium text-gray-700"><%= f.object.title %></label>
+  <div class="mt-1">
+    <%= f.text_field :content, class: "form-input block w-full max-w-5xl sm:text-sm sm:leading-5" %>
+  </div>
+</div>

data/app/views/spina/admin/parts/multi_lines/_form.html.erb

@@ -0,0 +1,4 @@
+<div class="mt-6">
+  <label for="content" class="block text-sm leading-5 font-medium text-gray-700"><%= f.object.title %></label>
+  <%= f.text_area :content, placeholder: f.object.title, class: "form-input mt-1 w-full" %>
+</div>

data/app/views/spina/admin/parts/options/_form.html.erb

@@ -0,0 +1,5 @@
+<div class="mt-6">
+  <label for="price" class="block text-sm leading-5 font-medium text-gray-700"><%= f.object.title %></label>
+
+  <%= f.select :value, f.object.options, {include_blank: t("spina.options.choose_option")}, class: "form-select" %>
+</div>

data/app/views/spina/admin/parts/repeaters/_fields.html.erb

@@ -0,0 +1,18 @@
+<div id="pane_<%= f.object.object_id%>" data-part-id="<%= f.object.object_id %>" data-tabs-target="pane">
+  <%= f.hidden_field :title %>
+  <%= f.hidden_field :name %>
+
+  <% parts = current_theme.parts.find{|p|p[:name].to_s == f.object.name.to_s}&.dig(:parts) || [] %>
+
+  <%= f.fields_for :parts, build_parts(f.object, parts) do |ff| %>
+    <%= ff.hidden_field :title %>
+    <%= ff.hidden_field :type, value: ff.object.class %>
+    <%= ff.hidden_field :name %>
+
+    <%= render "spina/admin/parts/#{parts_partial_namespace(ff.object.class.to_s)}/form", f: ff %>
+  <% end %>
+
+  <div class="text-right">
+    <%= button_tag t('spina.ui.delete'), type: :button, class: 'btn btn-default bg-transparent hover:bg-white hover:text-red-500 h-8 px-3 inline-block mt-3', data: {action: "repeater#removeFields", id: "pane_#{f.object.object_id}"} %>
+  </div>
+</div>