spree_admin 5.0.0.rc1

data/app/views/spree/admin/stores/form/_policies.html.erb

@@ -0,0 +1,85 @@
+<%= content_for(:page_title) do %>
+  <%= Spree.t(:policies) %>
+<% end %>
+
+<%= content_for :page_alerts do %>
+  <div class="alert alert-info mb-3">
+    Policies will be automatically added to footer of your store and will be available to customers during checkout.
+  </div>
+<% end %>
+
+<div class="card-lg">
+  <h5 class="mb-3"><%= Spree.t(:terms_of_service) %></h5>
+  <div class="row">
+    <div class="col-lg-4">
+      <p class="text-muted">
+        Customers will need to accept these terms of service during signup.
+      </p>
+    </div>
+    <div class="col-lg-7 offset-lg-1">
+      <div class="trix-container">
+        <%= f.rich_text_area :customer_terms_of_service, class: 'overflow-auto', style: 'height: 300px' %>
+      </div>
+    </div>
+  </div>
+  <hr class="my-5" />
+  <h5 class="mb-3"><%= Spree.t(:privacy_policy) %></h5>
+  <div class="row">
+    <div class="col-lg-4">
+      <p class="text-muted">
+        Customers will need to accept these privacy policy during signup.
+      </p>
+    </div>
+    <div class="col-lg-7 offset-lg-1">
+      <div class="trix-container">
+        <%= f.rich_text_area :customer_privacy_policy, class: 'overflow-auto', style: 'height: 300px' %>
+      </div>
+    </div>
+  </div>
+
+  <hr class="my-5" />
+  <h5 class="mb-3"><%= Spree.t(:returns_policy) %></h5>
+  <div class="row">
+    <div class="col-lg-4">
+      <p class="text-muted">
+        Please provide your customers with a clear and transparent returns policy.
+      </p>
+    </div>
+    <div class="col-lg-7 offset-lg-1">
+      <div class="trix-container">
+        <%= f.rich_text_area :customer_returns_policy, class: 'overflow-auto', style: 'height: 300px' %>
+      </div>
+    </div>
+  </div>
+  <hr class="my-5" />
+  <h5 class="mb-3"><%= Spree.t(:shipping_policy) %></h5>
+  <div class="row">
+    <div class="col-lg-4">
+      <p class="text-muted">
+        Please provide your customers with a clear and transparent shipping policy.
+      </p>
+    </div>
+    <div class="col-lg-7 offset-lg-1">
+      <div class="trix-container">
+        <%= f.rich_text_area :customer_shipping_policy, class: 'overflow-auto', style: 'height: 300px' %>
+      </div>
+    </div>
+  </div>
+
+  <% if current_store.respond_to?(:partners_terms_of_service) %>
+    <hr class="my-5">
+    <h5 class="mb-3">Vendors <%= Spree.t(:terms_of_service) %></h5>
+    <div class="row" id="partners-terms">
+      <div class="col-lg-4">
+        <p class="text-muted">
+          Vendors you invite will need to accept these terms of service during their onboarding process.
+        </p>
+      </div>
+      <div class="col-lg-7 offset-lg-1">
+        <div class="trix-container">
+          <%= f.rich_text_area :partners_terms_of_service, class: 'overflow-auto', style: 'height: 300px' %>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/spree/admin/stores/new.html.erb

@@ -0,0 +1,135 @@
+<div class="modal fade" id="new-store-modal" tabindex="-1" aria-labelledby="newStoreModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered">
+    <%= turbo_frame_tag :dialog_modal_lg do %>
+      <%= form_for @store, url: spree.admin_stores_path, data: { turbo_frame: '_top', controller: 'store-form enable-button' } do |f| %>
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title" id="newStoreModalLabel"><%= Spree.t(:new_store) %></h5>
+            <button type="button" class="btn-close" data-dismiss="modal" aria-label="<%= Spree.t(:close) %>"></button>
+          </div>
+          <div class="modal-body">
+            <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @store } %>
+            <div class="row">
+              <div class="col-lg-6">
+                <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @store } %>
+                  <div class="form-group">
+                    <%= f.label :name %>
+                    <%= f.text_field :name, class: 'form-control',
+                                          placeholder: Spree.t(:store_name),
+                                          required: true,
+                                          data: {
+                                            enable_button_target: 'input',
+                                          } %>
+                  </div>
+
+                  <div class="form-group">
+                    <%= f.label :default_country_iso, Spree.t(:country) %>
+                    <%= f.collection_select :default_country_iso, Spree::Country.order(:name), :iso, :name, { }, { data: { controller: 'autocomplete-select', enable_button_target: 'input', action: 'store-form#updateCurrency' } } %>
+                  </div>
+
+                  <div class="form-group">
+                    <%= f.label :default_currency, Spree.t(:currency) %>
+                    <%= f.currency_select :default_currency, preferred_currencies, {}, { data: { controller: 'autocomplete-select', enable_button_target: 'input', store_form_target: 'currency' } } %>
+                  </div>
+
+                  <% if available_stores.any? %>
+                    <div class="form-group">
+                      <%= f.label :import_products_from_store_id, Spree.t(:import_products_from) %>
+                      <%= f.select :import_products_from_store_id,
+                                  options_for_select(available_stores.pluck(:name, :id)),
+                                  { include_blank: Spree.t(:do_not_import) },
+                                  {
+                                    data: { controller: 'autocomplete-select' }
+                                    } %>
+                    </div>
+
+                    <div class="form-group">
+                      <%= f.label :import_payment_methods_from_store_id, Spree.t(:import_payment_methods_from) %>
+                      <%= f.select :import_payment_methods_from_store_id,
+                                  options_for_select(available_stores.pluck(:name, :id)),
+                                  { include_blank: Spree.t(:do_not_import) },
+                                  {
+                                    data: { controller: 'autocomplete-select' }
+                                    } %>
+                    </div>
+                  <% end %>
+                </div>
+                <div class="col-lg-6">
+                  <h5>What will be shared with this new store:</h5>
+                  <ul class="list-unstyled">
+                    <li>
+                      <%= icon('check', class: 'text-success') %>
+                      <%= Spree.t(:products) %>, <%= Spree.t(:stock_locations) %> & <%= Spree.t(:inventory) %><br />
+                      <em class="ml-4 text-muted font-size-sm">you can select which ones will be available for this store</em>
+                    </li>
+                    <li>
+                      <%= icon('check', class: 'text-success') %>
+                      <%= Spree.t(:customers) %>
+                    </li>
+                    <li>
+                      <%= icon('check', class: 'text-success') %>
+                      Shipping methods, rates and markets
+                    </li>
+                    <li>
+                      <%= icon('check', class: 'text-success') %>
+                      <%= Spree.t(:payment_methods) %><br />
+                      <em class="ml-4 text-muted font-size-sm">you can select which ones will be available for this store</em>
+                    </li>
+                    <li>
+                      <%= icon('check', class: 'text-success') %>
+                      Admin user privileges
+                    </li>
+                  </ul>
+
+                  <h5>What will not be shared with this new store:</h5>
+                  <ul class="list-unstyled">
+                    <li>
+                      <%= icon('x', class: 'text-danger') %>
+                      <%= Spree.t(:orders) %>
+                    </li>
+                    <li>
+                      <%= icon('x', class: 'text-danger') %>
+                      <%= Spree.t(:shipments) %>
+                    </li>
+                    <li>
+                      <%= icon('x', class: 'text-danger') %>
+                      <%= Spree.t(:payments) %>
+                    </li>
+                    <li>
+                      <%= icon('x', class: 'text-danger') %>
+                      <%= Spree.t(:refunds) %>
+                    </li>
+                    <li>
+                      <%= icon('x', class: 'text-danger') %>
+                      <%= Spree.t(:store_credits) %>
+                    </li>
+                    <li>
+                      <%= icon('x', class: 'text-danger') %>
+                      <%= Spree.t(:gift_cards) %>
+                    </li>
+                    <li>
+                      <%= icon('x', class: 'text-danger') %>
+                      <%= Spree.t(:blogs_posts) %>
+                    </li>
+                    <li>
+                      <%= icon('x', class: 'text-danger') %>
+                      <%= Spree.t(:themes) %> & <%= Spree.t(:pages) %>
+                    </li>
+                    <li>
+                      <%= icon('x', class: 'text-danger') %>
+                      <%= Spree.t(:integrations) %> eg. Google Analytics, Meta Pixel, etc.
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <div class="modal-footer justify-content-between">
+              <button type="button" class="btn btn-light" data-dismiss="modal"><%= Spree.t('actions.discard') %></button>
+              <%= turbo_save_button_tag Spree.t('actions.create') %>
+            </div>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/spree/admin/stores/new.turbo_stream.erb

@@ -0,0 +1 @@
+<%= render template: 'spree/admin/stores/new', formats: [:html] %>

data/app/views/spree/admin/stores/update.turbo_stream.erb

@@ -0,0 +1,11 @@
+<% current_store.reload %>
+
+<%= turbo_stream.replace :setup_progress do %>
+  <%= render 'spree/admin/dashboard/setup_progress' %>
+<% end %>
+
+<%= turbo_stream.replace :setup_tasks do %>
+  <%= render 'spree/admin/dashboard/setup_tasks' %>
+<% end %>
+
+<%= turbo_render_alerts %>

data/app/views/spree/admin/tax_categories/_form.html.erb

@@ -0,0 +1,25 @@
+<div class="card mb-4">
+  <div class="card-body">
+
+    <div class="form-group">
+      <%= f.label :name, Spree.t(:name) %>
+      <%= f.text_field :name, class: 'form-control', autofocus: f.object.new_record?, required: true %>
+      <%= f.error_message_on :name %>
+    </div>
+
+    <div class="form-group">
+      <%= f.label :tax_code, Spree.t(:tax_code) %>
+      <%= f.text_field :tax_code, class: 'form-control' %>
+    </div>
+
+    <div class="form-group">
+      <%= f.label :description, Spree.t(:description) %><br>
+      <%= f.text_field :description, class: 'form-control' %>
+    </div>
+
+    <div class="custom-control custom-checkbox">
+      <%= f.check_box :is_default, class: 'custom-control-input' %>
+      <%= f.label :is_default, class: 'custom-control-label' %>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/tax_categories/_tax_category.html.erb

@@ -0,0 +1,13 @@
+<tr id="<%= spree_dom_id tax_category %>" data-controller="row-link" class="cursor-pointer">
+  <td class="w-20" data-action="click->row-link#openLink"><%= tax_category.name %></td>
+  <td class="w-20" data-action="click->row-link#openLink">
+    <% if tax_category.tax_code.present? %>
+      <code><%= tax_category.tax_code %></code>
+    <% end %>
+  </td>
+  <td class="w-40" data-action="click->row-link#openLink"><%= tax_category.description %></td>
+  <td class="w-10" data-action="click->row-link#openLink"><%= active_badge(tax_category.is_default?) %></td>
+  <td class="w-10 actions">
+    <%= link_to_edit(tax_category, data: { row_link_target: :link }) if can? :edit, tax_category %>
+  </td>
+</tr>

data/app/views/spree/admin/tax_categories/edit.html.erb

@@ -0,0 +1,11 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_tax_categories_url %>
+  <%= @tax_category.name %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @tax_category } %>
+
+<%= form_for [:admin, @tax_category] do |f| %>
+  <%= render 'form', f: f %>
+  <%= render 'spree/admin/shared/edit_resource_links', f: f %>
+<% end %>

data/app/views/spree/admin/tax_categories/index.html.erb

@@ -0,0 +1,30 @@
+<% content_for :page_title do %>
+  <%= Spree.t(:taxes) %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:new_tax_category), new_object_url, class: "btn-primary", icon: 'plus', id: 'admin_new_tax_categories_link' %>
+<% end if can? :create, Spree::TaxCategory %>
+
+<%= render partial: 'spree/admin/shared/tax_nav' %>
+
+<% if @tax_categories.any? %>
+  <div class="table-responsive card-lg p-0">
+    <table class="table" id='listing_tax_categories'>
+      <thead class="text-muted">
+        <tr>
+          <th><%= Spree.t(:name) %></th>
+          <th><%= Spree.t(:tax_code) %></th>
+          <th><%= Spree.t(:description) %></th>
+          <th><%= Spree.t(:default) %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render collection: @tax_categories, partial: 'spree/admin/tax_categories/tax_category', cached: spree_base_cache_scope %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <%= render 'spree/admin/shared/no_resource_found' %>
+<% end %>

data/app/views/spree/admin/tax_categories/new.html.erb

@@ -0,0 +1,11 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_tax_categories_url %>
+  <%= Spree.t(:new_tax_category) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @tax_category } %>
+
+<%= form_for [:admin, @tax_category] do |f| %>
+  <%= render 'form', f: f %>
+  <%= render 'spree/admin/shared/new_resource_links' %>
+<% end %>

data/app/views/spree/admin/tax_rates/_form.html.erb

@@ -0,0 +1,48 @@
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="card-title">
+      <%= Spree.t(:general_settings) %>
+    </h5>
+  </div>
+
+  <div class="card-body">
+    <div class="row">
+      <div class="col-12 col-lg-6">
+        <div class="form-group">
+          <%= f.label :name, Spree.t(:name) %>
+          <%= f.text_field :name, class: 'form-control', required: true, autofocus: f.object.new_record? %>
+          <%= f.error_message_on :name %>
+        </div>
+        <div class="form-group">
+          <%= f.label :amount, Spree.t(:rate) %>
+          <%= f.number_field :amount, class: 'form-control', min: 0, step: 0.0001, required: true %>
+          <%= f.error_message_on :amount %>
+          <small class="form-text text-muted">
+            <%= Spree.t(:tax_rate_amount_explanation) %>
+          </small>
+        </div>
+        <div class="custom-control custom-checkbox mb-3">
+          <%= f.check_box :included_in_price, class: 'custom-control-input' %>
+          <%= f.label :included_in_price, class: 'custom-control-label' %>
+        </div>
+      </div>
+
+      <div class="col-12 col-lg-6">
+        <div class="form-group">
+          <%= f.label :zone_id, Spree.t(:zone) %>
+          <%= f.collection_select(:zone_id, @available_zones, :id, :name, {}, { class: 'custom-select' }) %>
+        </div>
+        <div class="form-group">
+          <%= f.label :tax_category_id, Spree.t(:tax_category) %>
+          <%= f.collection_select(:tax_category_id, @available_categories,:id, :name, {}, { class: 'custom-select' }) %>
+        </div>
+        <div class="custom-control custom-checkbox">
+          <%= f.check_box :show_rate_in_label, class: 'custom-control-input' %>
+          <%= f.label :show_rate_in_label, class: 'custom-control-label' %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<%= render 'spree/admin/shared/calculator_fields', f: f, calculators: @calculators %>

data/app/views/spree/admin/tax_rates/_tax_rate.html.erb

@@ -0,0 +1,15 @@
+<tr id="<%= spree_dom_id tax_rate %>" data-controller="row-link" class="cursor-pointer">
+  <td class="w-25" data-action="click->row-link#openLink"><%= tax_rate.name %></td>
+  <td class="w-15" data-action="click->row-link#openLink">
+    <%= tax_rate.tax_category.try(:name) || Spree.t(:not_available) %>
+  </td>
+  <td class="w-15" data-action="click->row-link#openLink">
+    <%= tax_rate.zone.try(:name) || Spree.t(:not_available) %>
+  </td>
+  <td class="w-15" data-action="click->row-link#openLink"><%= number_to_percentage(tax_rate.amount * 100) %></td>
+  <td class="w-10" data-action="click->row-link#openLink"><%= active_badge(tax_rate.included_in_price?) %></td>
+  <td class="w-10" data-action="click->row-link#openLink"><%= active_badge(tax_rate.show_rate_in_label?) %></td>
+  <td class="w-10 actions">
+    <%= link_to_edit(tax_rate, data: { row_link_target: 'link' }) if can? :edit, tax_rate %>
+  </td>
+</tr>

data/app/views/spree/admin/tax_rates/edit.html.erb

@@ -0,0 +1,11 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_tax_rates_path %>
+  <%= @tax_rate.name %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @tax_rate } %>
+
+<%= form_for [:admin, @tax_rate] do |f| %>
+  <%= render 'form', f: f %>
+  <%= render 'spree/admin/shared/edit_resource_links', f: f %>
+<% end %>

data/app/views/spree/admin/tax_rates/index.html.erb

@@ -0,0 +1,32 @@
+<% content_for :page_title do %>
+  <%= Spree.t(:taxes) %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:new_tax_rate), new_object_url, class: "btn-primary", icon: 'plus' %>
+<% end if can? :create, Spree::TaxRate %>
+
+<%= render partial: 'spree/admin/shared/tax_nav' %>
+
+<% if @tax_rates.any? %>
+  <div class="table-responsive card-lg p-0">
+    <table class="table" id='listing_tax_rates'>
+      <thead class="text-muted">
+        <tr data-hook="rate_header">
+          <th><%= Spree.t(:name) %></th>
+          <th><%= Spree.t(:tax_category) %></th>
+          <th><%= Spree.t(:zone) %></th>
+          <th><%= Spree.t(:amount) %></th>
+          <th><%= Spree.t(:included_in_price) %></th>
+          <th><%= Spree.t(:show_rate_in_label) %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render partial: 'spree/admin/tax_rates/tax_rate', collection: @tax_rates, cached: spree_base_cache_scope %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <%= render 'spree/admin/shared/no_resource_found' %>
+<% end %>

data/app/views/spree/admin/tax_rates/new.html.erb

@@ -0,0 +1,14 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_tax_rates_path %>
+  <%= Spree.t(:new_tax_rate) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @tax_rate } %>
+
+<%= form_for [:admin, @tax_rate] do |f| %>
+  <fieldset>
+    <%= render 'form', f: f %>
+
+    <%= render 'spree/admin/shared/new_resource_links' %>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/taxonomies/_taxonomy.html.erb

@@ -0,0 +1,16 @@
+<tr id="<%= spree_dom_id taxonomy %>" data-controller="row-link" data-sortable-update-url="<%= spree.admin_taxonomy_path(taxonomy) %>">
+  <td class="w-5 move-handle text-center">
+    <%= icon('grip-vertical', class: 'rounded hover-gray p-2') %>
+  </td>
+  <td class="w-50 cursor-pointer py-0" data-action="click->row-link#openLink">
+    <%= link_to taxonomy.name, spree.admin_taxonomy_path(taxonomy), class: 'text-decoration-none d-flex align-items-center font-weight-bold text-dark', data: { row_link_target: :link } %>
+  </td>
+  <td class="w-30 cursor-pointer" data-action="click->row-link#openLink">
+    <!-- We don't want to include the root taxon -->
+    <%= taxonomy.taxons.count - 1 %>
+  </td>
+  <td class="w-10 actions">
+    <%= link_to_with_icon 'list-tree', Spree.t('admin.manage_taxons'), spree.admin_taxonomy_path(taxonomy), class: 'btn btn-light btn-sm' %>
+    <%= link_to_edit(taxonomy, class: 'btn btn-light btn-sm') if can?(:edit, taxonomy) %>
+  </td>
+</tr>

data/app/views/spree/admin/taxonomies/edit.html.erb

@@ -0,0 +1,28 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_taxonomy_path(@taxonomy) %>
+  <%= @taxonomy.name %>
+<% end %>
+
+<% content_for :page_actions_dropdown do %>
+  <%= link_to_edit_translations(@taxonomy) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @taxonomy } %>
+
+<div class="row">
+  <div class="col-lg-6">
+    <%= form_for [:admin, @taxonomy] do |f| %>
+      <div class="card mb-4">
+        <div class="card-body">
+          <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @taxonomy } %>
+          <div class="form-group">
+            <%= f.label :name, raw(Spree.t(:name) + required_span_tag) %>
+            <%= f.text_field :name, class: 'form-control' %>
+            <%= f.error_message_on :name %>
+          </div>
+        </div>
+      </div>
+      <%= render 'spree/admin/shared/edit_resource_links', f: f %>
+    <% end %>
+  </div>
+</div>

data/app/views/spree/admin/taxonomies/index.html.erb

@@ -0,0 +1,40 @@
+<% content_for(:page_title) do %>
+  <%= Spree.t(:taxonomies) %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:new_taxonomy), new_object_url, { class: "btn-primary", icon: "plus" } %>
+<% end if can?(:create, Spree::Taxonomy) %>
+
+<div class="card-lg p-0">
+  <%= search_form_for [:admin, @search], class: "filter-wrap border-bottom", data: {controller: "filters reveal", reveal_hidden_class: "d-none"} do |f| %>
+    <%= render 'spree/admin/shared/filters_search_bar', param: :name_cont, label: Spree.t(:name) %>
+
+    <%= render "spree/admin/shared/filter_badge_template" %>
+    <div data-filters-target="badgesContainer" class="filter-badges-container"></div>
+  <% end %>
+
+  <% if @taxonomies.present? %>
+    <div class="table-responsive">
+      <table class="table" id='listing_taxonomies'>
+        <thead class="text-muted">
+          <tr data-hook="listing_taxonomies_header">
+            <th class="no-border handel-head"></th>
+            <th><%= Spree.t(:name) %></th>
+            <th><%= Spree.t(:taxons) %></th>
+            <th class="actions"></th>
+          </tr>
+        </thead>
+        <tbody
+          data-controller="sortable"
+          data-sortable-handle-value=".move-handle"
+          data-sortable-resource-name-value="taxonomy"
+        >
+          <%= render partial: "spree/admin/taxonomies/taxonomy", collection: @collection, cached: spree_base_cache_scope %>
+        </tbody>
+      </table>
+    </div>
+  <% else %>
+    <%= render "spree/admin/shared/no_resource_found" %>
+  <% end %>
+</div>

data/app/views/spree/admin/taxonomies/new.html.erb

@@ -0,0 +1,23 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_taxonomies_path %>
+  <%= Spree.t(:new_taxonomy) %>
+<% end %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @taxonomy } %>
+
+<div class="row">
+  <div class="col-lg-6">
+    <%= form_for [:admin, @taxonomy] do |f| %>
+      <div class="card mb-4">
+        <div class="card-body">
+          <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @taxonomy } %>
+          <div class="form-group">
+            <%= f.label :name, raw(Spree.t(:name) + required_span_tag) %>
+            <%= f.text_field :name, class: 'form-control', required: true, autofocus: true %>
+            <%= f.error_message_on :name %>
+          </div>
+        </div>
+      </div>
+      <%= render 'spree/admin/shared/new_resource_links' %>
+    <% end %>
+  </div>
+</div>

data/app/views/spree/admin/taxonomies/show.html.erb

@@ -0,0 +1,28 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_taxonomies_path %>
+  <%= @taxonomy.name %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:new_taxon), spree.new_admin_taxonomy_taxon_path(@taxonomy), icon: 'plus', class: 'no-wrap btn btn-primary align-self-center' %>
+<% end %>
+
+<% content_for :page_actions_dropdown do %>
+  <%= link_to_edit(@taxonomy.root, url: spree.edit_admin_taxonomy_taxon_path(@taxonomy, @taxonomy.root.id), class: 'text-left dropdown-item') %>
+<% end if can?(:edit, @taxonomy) %>
+
+<div id="sortableTreeArea">
+  <% if @taxonomy.root.present? %>
+    <div data-controller="sortable-tree" data-sortable-tree-handle-value=".move-handle">
+      <div data-sortable-tree-parent-id-value="<%= @taxonomy.root.id %>">
+        <% if @taxonomy.root.children.present? %>
+          <% @taxonomy.root.children.includes({ image_attachment: :blob, square_image_attachment: :blob }).each do |root_children| %>
+            <%= build_sortable_tree(@taxonomy, root_children) %>
+          <% end %>
+        <% else %>
+          <%= render 'spree/admin/shared/no_resource_found', resource_name: Spree.t(:taxons), new_object_url: spree.new_admin_taxonomy_taxon_path(@taxonomy) %>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+</div>