spree_admin 5.2.6 → 5.3.0.rc1

data/app/views/spree/admin/page_builder/_header.html.erb

@@ -1,113 +0,0 @@
-<header id="page-builder-header" class="fixed-top">
-  <nav class="navbar navbar-expand-lg">
-    <div data-controller="tooltip">
-      <% back_url = @page.custom? ? spree.admin_pages_path : spree.admin_themes_path %>
-      <%= link_to back_url, class: 'btn hover-gray shadow-none px-2' do %>
-        <%= icon('x', class: 'mr-0') %>
-      <% end %>
-      <%= tooltip(Spree.t('admin.back_to_dashboard')) %>
-    </div>
-    <% if @page.custom? %>
-      <div class="px-3">
-        <span class="text-muted mr-1"><%= I18n.t('activerecord.models.spree/page.one') %>:</span>
-        <strong><%= @page.display_name %></strong>
-      </div>
-
-      <%= link_to_with_icon 'settings', Spree.t(:settings), spree.edit_admin_page_path(@page.id), class: 'btn btn-light', data: { turbo_frame: 'dialog', action: 'dialog#open' } %>
-    <% else %>
-      <div class="px-3">
-        <span class="text-muted mr-1"><%= Spree.t(:theme) %>:</span>
-        <strong class="mr-1"><%= @theme.name %></strong>
-        &nbsp;
-        <% if @theme.default? %>
-          <span class="badge badge-success">
-            <%= icon('check') %>
-            <%= Spree.t(:live) %>
-          </span>
-        <% else %>
-          <span class="badge badge-warning">
-            <%= Spree.t(:draft) %>
-          </span>
-        <% end %>
-      </div>
-      <%= render 'spree/admin/page_builder/pages_dropdown' %>
-
-      <ul class="nav nav-pills" role="tablist">
-        <li class="nav-item" role="presentation">
-          <button class="nav-link active"
-                        data-controller="tooltip"
-                        data-tabs-target="tab"
-                        data-action="click->tabs#select"
-                        type="button"
-                        role="tab"
-                        aria-controls="sections"
-                        aria-selected="true"
-                        data-trigger="hover"
-                        id="sidebar-icon-page">
-            <%= icon 'section', class: 'mr-0' %>
-            <%= tooltip("Page sections") %>
-          </button>
-        </li>
-        <li class="nav-item" role="presentation">
-          <button class="nav-link"
-                  data-controller="tooltip"
-                  data-tabs-target="tab"
-                  data-action="click->tabs#select"
-                  type="button"
-                  role="tab"
-                  aria-controls="theme"
-                  aria-selected="false"
-                  data-trigger="hover"
-                  id="sidebar-icon-colors">
-            <%= icon 'palette', class: 'mr-0' %>
-            <%= tooltip(Spree.t(:theme)) %>
-          </button>
-        </li>
-        <li class="nav-item" role="presentation">
-          <button class="nav-link"
-                data-controller="tooltip"
-                type="button"
-                data-tabs-target="tab"
-                data-action="click->tabs#select"
-                type="button"
-                role="tab"
-                aria-controls="fonts"
-                aria-selected="false"
-                data-trigger="hover"
-                id="sidebar-icon-fonts">
-            <%= icon 'typography', class: 'mr-0' %>
-            <%= tooltip("Fonts") %>
-          </button>
-        </li>
-      </ul>
-    <% end %>
-
-    <ul class="nav nav-pills ml-auto" role="tablist">
-      <li class="nav-item" role="presentation">
-        <button class="nav-link" type="button"
-                data-controller="tooltip"
-                data-trigger="hover"
-                data-action="click->page-builder#setResponsiveBreakpoint"
-                data-page-builder-target="mobileButton"
-                data-page-builder-breakpoint-param="mobile">
-          <%= icon 'device-mobile', class: 'mr-0' %>
-          <%= tooltip("Mobile") %>
-        </button>
-      </li>
-      <li class="nav-item" role="presentation">
-        <button class="nav-link active" type="button"
-                data-controller="tooltip"
-                data-action="click->page-builder#setResponsiveBreakpoint"
-                data-page-builder-breakpoint-param="desktop"
-                data-trigger="hover"
-                data-page-builder-target="desktopButton">
-          <%= icon 'device-laptop', class: 'mr-0' %>
-          <%= tooltip("Desktop") %>
-        </button>
-      </li>
-    </ul>
-
-    <%= link_to_with_icon 'eye', Spree.t(:preview), @page.preview_url(@theme_preview, @page_preview), class: 'btn btn-light ml-auto', target: '_blank' %>
-    <%= turbo_save_button_tag(@theme.default? ? icon('cloud-up') + Spree.t('actions.publish') : icon('pencil-check') + Spree.t('actions.save')) %>
-  </nav>
-</header>

data/app/views/spree/admin/page_builder/_labeled_range_input.html.erb

@@ -1,10 +0,0 @@
-<div class="mb-4 form-group">
-  <div data-controller="better-slider">
-    <label><%= _label %>: <span data-better-slider-target="currentValueLabel"></span><%= unit %></label>
-    <div class="flex flex-row w-full">
-      <span class="mr-2"><%= min %><%= unit %></span>
-      <%= f.range_field field, class: "custom-range", min: min, max: max, step: 1, data: {'better-slider-target': 'rangeInput', action: 'change->auto-submit#submit'} %>
-      <span class="ml-2"><%= max %><%= unit  %></span>
-    </div>
-  </div>
-</div>

data/app/views/spree/admin/page_builder/_pages_dropdown.html.erb

@@ -1,17 +0,0 @@
-<%= dropdown id: 'pages_dropdown', direction: 'left' do %>
-  <%= dropdown_toggle class: 'btn-light' do %>
-    <span class="d-flex align-items-center pr-5">
-      <%= icon @page.icon_name, class: 'mr-2' %>
-      <%= @page.display_name %>
-    </span>
-    <%= icon 'selector', class: 'mr-0 ml-2 mb-0 text-muted' %>
-  <% end %>
-  <%= dropdown_menu style: 'min-width: 250px' do %>
-    <% @theme.pages.standard.order(name: :asc).find_all(&:customizable?).each do |page| %>
-      <%= active_link_to spree.edit_admin_theme_path(@theme, theme_preview_id: @theme_preview.id, page_id: page.id), class: 'dropdown-item', active: @page == page, data: { turbo_prefetch: false } do %>
-        <%= icon page.icon_name, class: 'mr-2' %>
-        <%= page.display_name %>
-      <% end %>
-    <% end %>
-  <% end %>
-<% end %>

data/app/views/spree/admin/page_builder/_range_input.html.erb

@@ -1,12 +0,0 @@
-<% label ||= nil %>
-<% label_for_min_value ||= nil %>
-<% action ||= 'change->auto-submit#submit' %>
-<div class="mb-4 form-group">
-  <div data-controller="better-slider" data-better-slider-label-for-min-value="<%= label_for_min_value %>" data-better-slider-unit-value="<%= unit %>">
-    <label><%= label.presence || field.to_s.humanize %></label>
-    <div class="flex flex-row w-full">
-      <%= f.range_field field, class: "custom-range", min: min, max: max, step: 1, data: {'better-slider-target': 'rangeInput', action: action} %>
-    </div>
-    <span data-better-slider-target="currentValueLabel"></span>
-  </div>
-</div>

data/app/views/spree/admin/page_builder/_sidebar.html.erb

@@ -1,14 +0,0 @@
-<aside id="page-builder-sidebar" class="overflow-y-auto">
-  <div class="mb5">
-    <div data-tabs-target="panel" id="sections" role="tabpanel" aria-labelledby="sidebar-icon-page" class="animate__animated animate__fadeIn">
-      <%= render 'spree/admin/page_builder/sidebar_sections' %>
-      <%= render 'spree/admin/page_builder/sidebar_sections_toolbar' %>
-    </div>
-    <div data-tabs-target="panel" role="tabpanel" aria-labelledby="sidebar-icon-colors" id="colors" hidden class="animate__animated animate__fadeIn">
-      <%= render 'spree/admin/page_builder/sidebar_colors' %>
-    </div>
-    <div data-tabs-target="panel" role="tabpanel" aria-labelledby="sidebar-icon-fonts" id="fonts" hidden class="animate__animated animate__fadeIn">
-      <%= render 'spree/admin/page_builder/sidebar_fonts' %>
-    </div>
-  </div>
-</aside>

data/app/views/spree/admin/page_builder/_sidebar_block.html.erb

@@ -1,30 +0,0 @@
-<% if block.persisted? %>
-  <%= turbo_frame_tag dom_id(block), class: 'list-group-item sidebar-page-block px-0 py-0 border-0 rounded',
-                                     data: {
-                                       action: 'mouseover->page-builder#toggleHighlightElement mouseout->page-builder#toggleHighlightElement',
-                                       page_builder_editor_id_param: "block-#{block.id}",
-                                       sortable_update_url: spree.admin_page_section_block_path(block.section, block, format: :turbo_stream)
-                                     } do %>
-    <div class="d-flex align-items-center justify-content-between sidebar-block-title p-1 rounded-sm">
-      <div class="d-flex align-items-center flex-fill">
-        <%= link_to(edit_admin_page_section_block_path(block.section, block),
-          class: 'block-edit-link flex-fill text-dark',
-          data: {
-            turbo_frame: :page_sidebar,
-            action: 'click->page-builder#makeOverlayActive',
-            page_builder_editor_id_param: "block-#{block.id}"
-          }) do %>
-          <%= icon "#{block.icon_name}", class: 'mr-2' if block.icon_name.present? %>
-          <%= block.display_name %>
-        <% end %>
-      </div>
-      <div class="d-flex align-items-center d-none">
-        <% if block.section.can_sort_blocks? %>
-          <button class="btn btn-sm pr-0 handle hover-gray-200 h-100 px-1 handle-block shadow-none">
-            <%= icon('grip-vertical', class: 'mr-0') %>
-          </button>
-        <% end %>
-      </div>
-    </div>
-  <% end %>
-<% end %>

data/app/views/spree/admin/page_builder/_sidebar_colors.html.erb

@@ -1,86 +0,0 @@
-<div id="sidebar-colors">
-  <h6 class="sidebar-header">
-    <%= Spree.t(:theme) %>
-  </h6>
-
-  <%= form_for @theme_preview, as: :theme, url: spree.admin_theme_path(@theme_preview), method: :put, data: { 'page-builder-target': 'form' } do |f| %>
-    <div data-controller="tabs">
-      <ul class="nav nav-pills nav-fill m-3" id="pills-tab" role="tablist">
-        <li class="nav-item" role="presentation">
-          <button class="nav-link w-100 active" id="pills-home-tab" data-tabs-target="tab" data-action="click->tabs#select" type="button" role="tab" aria-controls="pills-home" aria-selected="true">Color scheme</button>
-        </li>
-        <li class="nav-item" role="presentation">
-          <button class="nav-link w-100" id="pills-profile-tab" data-tabs-target="tab" data-action="click->tabs#select" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">Elements</button>
-        </li>
-      </ul>
-      <div id="pills-tabContent">
-        <div data-tabs-target="panel" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab" class="animate__animated animate__fadeIn">
-          <div class="px-3 py-2" data-controller="color-palette">
-            <% color_palettes.each do |color_palette| %>
-              <%#= render 'spree/admin/page_builder/color_palette',
-                active: color_palette_active?(color_palette),
-                primary_color: color_palette[:primary_color],
-                text_color: color_palette[:text_color],
-                border_color: color_palette[:border_color],
-                button_background_color: color_palette[:button_background_color],
-                button_text_color: color_palette[:button_text_color],
-                background_color: color_palette[:background_color]
-              %>
-            <% end %>
-
-            <%# <hr class="my-4 bg-light" /> %>
-
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_primary_color, label: Spree.t("theme_settings.brand_color"),
-                          value: @theme_preview.preferred_primary_color, action: 'change->page-builder#refreshPreview' %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_text_color, label: Spree.t("theme_settings.text_color"),
-                          value: @theme_preview.preferred_text_color, action: 'change->page-builder#refreshPreview' %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_button_text_color, label: Spree.t("theme_settings.button_text_color"),
-                          value: @theme_preview.preferred_button_text_color, action: 'change->page-builder#refreshPreview' %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_input_text_color, label: Spree.t("theme_settings.input_text_color"),
-                          value: @theme_preview.preferred_input_text_color, action: 'change->page-builder#refreshPreview' %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_border_color, label: Spree.t("theme_settings.border_color"),
-                          value: @theme_preview.preferred_border_color, action: 'change->page-builder#refreshPreview' %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_button_border_color, label: Spree.t("theme_settings.button_border_color"),
-                          value: @theme_preview.preferred_button_border_color, action: 'change->page-builder#refreshPreview', clear: true %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_background_color, label: Spree.t("theme_settings.background_color"),
-                          value: @theme_preview.preferred_background_color, action: 'change->page-builder#refreshPreview' %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_accent_color, label: Spree.t("theme_settings.accent_color"),
-                          value: @theme_preview.preferred_accent_color, action: 'change->page-builder#refreshPreview' %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_danger_color, label: Spree.t("theme_settings.danger_color"),
-                          value: @theme_preview.preferred_danger_color, action: 'change->page-builder#refreshPreview' %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_neutral_color, label: Spree.t("theme_settings.neutral_color"),
-                          value: @theme_preview.preferred_neutral_color, action: 'change->page-builder#refreshPreview' %>
-            <%= render 'spree/admin/page_builder/color_picker', f: f,
-                          field: :preferred_success_color, label: Spree.t("theme_settings.success_color"),
-                          value: @theme_preview.preferred_success_color, action: 'change->page-builder#refreshPreview' %>
-          </div>
-        </div>
-        <div data-tabs-target="panel" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" hidden class="animate__animated animate__fadeIn">
-          <div class="px-3 py-2">
-            <%= render 'spree/admin/page_builder/range_input',
-              f: f, field: :preferred_button_border_radius, min: 0, max: 100, unit: 'px', action: 'change->page-builder#refreshPreview'
-            %>
-            <%= render 'spree/admin/page_builder/range_input',
-              f: f, field: :preferred_button_border_thickness, min: 0, max: 10, unit: 'px', action: 'change->page-builder#refreshPreview'
-            %>
-            <hr>
-
-            <%= render 'spree/admin/page_builder/range_input',
-              f: f, field: :preferred_input_border_radius, min: 0, max: 100, unit: 'px', action: 'change->page-builder#refreshPreview'
-            %>
-          </div>
-        </div>
-      </div>
-    </div>
-  <% end %>
-</div>

data/app/views/spree/admin/page_builder/_sidebar_fonts.html.erb

@@ -1,86 +0,0 @@
-<h6 class="sidebar-header">
-  <%= Spree.t(:fonts) %>
-</h6>
-
-<%= form_for @theme_preview, as: :theme, url: spree.admin_theme_path(@theme_preview), method: :put, data: { 'page-builder-target': 'fontForm' } do |f| %>
-  <div data-controller="tabs">
-    <ul class="nav nav-pills nav-fill m-3" id="pills-tab" role="tablist">
-      <li class="nav-item" role="presentation">
-        <button class="nav-link w-100 active" id="pills-standard" data-tabs-target="tab" data-action="click->tabs#select" type="button" role="tab" aria-controls="pills-standard" aria-selected="true">
-          Standard
-        </button>
-      </li>
-      <li class="nav-item" role="presentation">
-        <button class="nav-link w-100" id="pills-custom" data-tabs-target="tab" data-action="click->tabs#select" type="button" role="tab" aria-controls="pills-custom" aria-selected="false">
-          Custom
-        </button>
-      </li>
-    </ul>
-    <div id="pills-tabContent">
-      <div data-tabs-target="panel" id="pills-standard-tab" role="tabpanel" aria-labelledby="pills-standard" class="animate__animated animate__fadeIn">
-        <div class="px-3 py-2">
-          <div class="mb-3 form-group">
-            <%= f.label :preferred_font_family, Spree.t(:font_family) %>
-            <%= f.select :preferred_font_family, options_for_select(all_fonts_options, f.object.preferred_font_family), { include_blank: true }, class: 'd-none', data: { action: 'change->page-builder#refreshFontPreview', controller: 'font-picker', font_picker_fonts_from_google_value: google_fonts_list.to_json } %>
-          </div>
-          <div class="mb-3 form-group" data-controller="range-input">
-            <%= f.label :preferred_font_size_scale, Spree.t(:font_size_scale) %>
-            <%= f.range_field :preferred_font_size_scale, class: 'custom-range', min: 100, max: 150, step: 5, data: {
-              'range-input-target': 'input',
-              'action': 'change->range-input#updatePreview change->page-builder#refreshFontPreview'
-            } %>
-            <span data-range-input-target="preview">
-              <%= f.object.preferred_font_size_scale %>
-            </span>%
-          </div>
-          <hr />
-          <div class="mb-3 form-group">
-            <%= f.label :preferred_header_font_family, Spree.t(:header_font_family) %>
-            <%= f.select :preferred_header_font_family, options_for_select(all_fonts_options, f.object.preferred_header_font_family), { include_blank: true }, class: 'd-none', data: { action: 'change->page-builder#refreshFontPreview', controller: 'font-picker', font_picker_fonts_from_google_value: google_fonts_list.to_json } %>
-          </div>
-          <div class="mb-3 form-group" data-controller="range-input">
-            <%= f.label :preferred_header_font_size_scale, Spree.t(:header_font_size_scale) %>
-            <%= f.range_field :preferred_header_font_size_scale, class: 'custom-range', min: 100, max: 150, step: 5, data: {
-              'range-input-target': 'input',
-              'action': 'change->range-input#updatePreview change->page-builder#refreshFontPreview'
-            } %>
-            <span data-range-input-target="preview">
-              <%= f.object.preferred_header_font_size_scale %>
-            </span>%
-          </div>
-          <div class="mb-3 custom-control custom-checkbox">
-            <%= f.check_box :preferred_headings_uppercase, class: "custom-control-input", data: { action: 'change->page-builder#refreshFontPreview' } %>
-            <%= f.label :preferred_headings_uppercase, "Make all headings uppercase", class: "custom-control-label" %>
-          </div>
-        </div>
-      </div>
-      <div data-tabs-target="panel" id="pills-custom-tab" role="tabpanel" aria-labelledby="pills-custom" hidden class="animate__animated animate__fadeIn">
-        <div class="px-3 py-2">
-          <div class="mb-3">
-            <div class="alert alert-warning">
-              Using custom fonts can slow down your store.
-            </div>
-            <%= f.spree_text_area :preferred_custom_font_code, style: 'min-height: 6em', label: Spree.t(:custom_font_code) %>
-          </div>
-          <%= f.submit Spree.t('actions.update'), class: 'btn btn-primary' %>
-
-          <hr class="my-4" />
-
-          <h6>Example how to add custom fonts</h6>
-          <textarea class="bg-gray-100 rounded w-100 border-0 p-2 text-muted" style="height: 250px"><link rel="stylesheet" href="https://url.to.your.font.com/font.js" />
-<style>
-  /* set font for body */
-  body {
-    font-family: "your font name", sans-serif;
-  }
-  /* set font for headings */
-  h1, h2, h3, h4, h5, h6 {
-    font-family: "your font name", sans-serif;
-  }
-</style>
-          </textarea>
-        </div>
-      </div>
-    </div>
-  </div>
-<% end %>

data/app/views/spree/admin/page_builder/_sidebar_section.html.erb

@@ -1,44 +0,0 @@
-<% if section.persisted? %>
-  <%= turbo_frame_tag dom_id(section), class: 'list-group-item py-0 border-0 sidebar-page-section draggable rounded-sm',
-                                       data: { sortable_update_url: spree.admin_page_section_path(section, format: :turbo_stream) } do %>
-    <div class="d-flex align-items-center justify-content-between sidebar-section-title py-1 rounded"
-         data-action="mouseover->page-builder#toggleHighlightElement mouseout->page-builder#toggleHighlightElement"
-      data-page-builder-editor-id-param="section-<%= section.id %>">
-      <div class="d-flex align-items-center flex-fill py-1 px-2">
-        <%= icon("#{section.icon_name}", height: 18, class: 'mr-2') if section.icon_name.present? %>
-        <%= link_to section.display_name, spree.edit_admin_page_section_path(section),
-            class: 'section-edit-link flex-fill font-weight-bold text-dark',
-            data: {
-              turbo_frame: :page_sidebar,
-              action: 'click->page-builder#makeOverlayActive',
-              page_builder_editor_id_param: "section-#{section.id}"
-            }
-        %>
-      </div>
-      <div class="d-flex align-items-center d-none">
-        <button class="btn btn-sm pr-0 handle hover-gray-200 h-100 mr-1 px-1 handle-section shadow-none">
-          <%= icon('grip-vertical', class: 'mr-0') %>
-        </button>
-      </div>
-    </div>
-    <% if section.blocks_available?  %>
-      <div class="d-flex flex-column ml-1 mb-2">
-        <%= turbo_frame_tag [:blocks, section.id].join('_'), class: 'list-group-flush' do %>
-          <% if section.can_sort_blocks? %>
-          <div data-controller="sortable"
-            data-sortable-handle-value=".handle-block"
-            data-sortable-resource-name-value="page_block"
-            data-sortable-response-kind-value="turbo-stream">
-          <% else %>
-          <div>
-          <% end %>
-            <%= render partial: 'spree/admin/page_builder/sidebar_block', collection: section.blocks.includes(:rich_text_text), as: :block %>
-          </div>
-        <% end %>
-        <% if section.available_blocks_to_add.any? %>
-          <%= render 'spree/admin/page_builder/add_block', section: section %>
-        <% end %>
-      </div>
-    <% end %>
-  <% end %>
-<% end %>

data/app/views/spree/admin/page_builder/_sidebar_sections.html.erb

@@ -1,43 +0,0 @@
-<%= turbo_frame_tag :page_sidebar do %>
-<div class="d-none d-md-block">
-  <h6 class="sidebar-header">Page sections</h6>
-  <% if @page_preview.layout_sections? %>
-    <div class="list-group-flush border-bottom mb-1 pb-2">
-      <div data-controller="sortable"
-         data-sortable-handle-value=".handle-section"
-         data-sortable-resource-name-value="page_section"
-         data-sortable-response-kind-value="turbo-stream">
-        <%= render collection: @theme_preview.sections.find_all { |s| s.role == 'header' }, partial: 'spree/admin/page_builder/sidebar_section', as: :section  %>
-      </div>
-    </div>
-  <% end %>
-  <div id="page-sections-list" class="list-group-flush py-2">
-    <div data-controller="sortable"
-         data-sortable-handle-value=".handle-section"
-         data-sortable-resource-name-value="page_section"
-         data-sortable-response-kind-value="turbo-stream">
-      <%= render partial: 'spree/admin/page_builder/sidebar_section', 
-                 collection: @page_preview.sections.includes(:blocks),
-                 as: :section  %>
-    </div>
-  </div>
-  <div class="px-3">
-    <%= link_to_with_icon 'new-section', Spree.t(:add_section), spree.new_admin_page_section_path(@page_preview), class: 'btn btn-primary rounded-pill text-uppercase w-100 my-2 py-2' %>
-  </div>
-  <% if @page_preview.layout_sections? %>
-    <div class="list-group-flush border-top py-2">
-      <div data-controller="sortable"
-         data-sortable-handle-value=".handle-section"
-         data-sortable-resource-name-value="page_section"
-         data-sortable-response-kind-value="turbo-stream">
-        <%= render collection: @theme_preview.sections.find_all { |s| s.role == 'footer' }, partial: 'spree/admin/page_builder/sidebar_section', as: :section  %>
-      </div>
-    </div>
-  <% end %>
-</div>
-<div class="d-flex justify-content-center pt-5 d-md-none align-items-center">
-  <div class="spinner-border" role="status">
-  </div>
-  <p class="ml-2 m-0"><%= Spree.t(:loading) %>...</p>
-</div>
-<% end if @page_preview.present? %>

data/app/views/spree/admin/page_builder/_sidebar_sections_toolbar.html.erb

@@ -1,180 +0,0 @@
-<%= turbo_frame_tag :page_sidebar_toolbar do %>
-  <div class="d-none">
-    <% sections =
-      @page_preview.sections.includes(:blocks).map { |s| [@page_preview, s] } %>
-
-    <% sections +=
-      @theme_preview.sections.includes(:blocks).map { |s| [@theme_preview, s] } %>
-
-    <% sections.each do |parent, section| %>
-      <% next if section.new_record? %>
-
-      <div id="editor-toolbar-section-<%= section.id %>">
-        <button class="editor-toolbar-lower">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="16"
-            height="16"
-            fill="currentColor"
-            class="bi bi-arrow-down"
-            viewBox="0 0 16 16"
-          >
-            <path
-              fill-rule="evenodd"
-              d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"
-            />
-          </svg>
-        </button>
-        <button class="editor-toolbar-higher">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="16"
-            height="16"
-            fill="currentColor"
-            class="bi bi-arrow-up"
-            viewBox="0 0 16 16"
-          >
-            <path
-              fill-rule="evenodd"
-              d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z"
-            />
-          </svg>
-        </button>
-        <button class="editor-toolbar-edit">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="16"
-            height="16"
-            fill="currentColor"
-            class="bi bi-pencil"
-            viewBox="0 0 16 16"
-          >
-            <path
-              d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"
-            />
-          </svg>
-        </button>
-        <% if section.can_be_deleted? && can?(:destroy, section) %>
-          <button class="editor-toolbar-delete">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="currentColor"
-              class="bi bi-trash"
-              viewBox="0 0 16 16"
-            >
-              <path
-                d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z"
-              />
-              <path
-                d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"
-              />
-            </svg>
-          </button>
-        <% end %>
-      </div>
-
-        <%= button_to Spree.t(:move_up),
-        spree.move_higher_admin_page_section_path(parent, section),
-        method: :patch,
-        id: "editor-toolbar-higher-section-#{section.id}" if can?(:update, section) %>
-        <%= button_to Spree.t(:move_down),
-        spree.move_lower_admin_page_section_path(parent, section),
-        method: :patch,
-        id: "editor-toolbar-lower-section-#{section.id}" if can?(:update, section) %>
-        <% if section.can_be_deleted? && can?(:destroy, section) %>
-          <%= link_to Spree.t(:destroy),
-          spree.admin_page_section_path(section),
-          data: {
-            turbo_confirm: Spree.t(:are_you_sure),
-            turbo_method: :delete,
-          },
-          id: "editor-toolbar-delete-section-#{section.id}" %>
-        <% end %>
-
-
-      <% section.blocks.each do |block| %>
-        <div id="editor-toolbar-block-<%= block.id %>">
-          <button class="editor-toolbar-lower">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="currentColor"
-              class="bi bi-arrow-down"
-              viewBox="0 0 16 16"
-            >
-              <path
-                fill-rule="evenodd"
-                d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"
-              />
-            </svg>
-          </button>
-          <button class="editor-toolbar-higher">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="currentColor"
-              class="bi bi-arrow-up"
-              viewBox="0 0 16 16"
-            >
-              <path
-                fill-rule="evenodd"
-                d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z"
-              />
-            </svg>
-          </button>
-          <button class="editor-toolbar-edit">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="currentColor"
-              class="bi bi-pencil"
-              viewBox="0 0 16 16"
-            >
-              <path
-                d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"
-              />
-            </svg>
-          </button>
-          <button class="editor-toolbar-delete">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="16"
-              height="16"
-              fill="currentColor"
-              class="bi bi-trash"
-              viewBox="0 0 16 16"
-            >
-              <path
-                d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z"
-              />
-              <path
-                d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"
-              />
-            </svg>
-          </button>
-        </div>
-
-        <%= button_to Spree.t(:move_up),
-        spree.move_higher_admin_page_section_block_path(section, block),
-        method: :patch,
-        id: "editor-toolbar-higher-block-#{block.id}" %>
-        <%= button_to Spree.t(:move_down),
-        spree.move_lower_admin_page_section_block_path(section, block),
-        method: :patch,
-        id: "editor-toolbar-lower-block-#{block.id}" %>
-        <%= link_to Spree.t(:destroy),
-        spree.admin_page_section_block_path(section, block),
-        data: {
-          turbo_confirm: Spree.t(:are_you_sure),
-          turbo_method: :delete,
-        },
-        id: "editor-toolbar-delete-block-#{block.id}" %>
-      <% end %>
-    <% end %>
-  </div>
-<% end %>