spree_admin 5.0.0.rc1

data/app/views/spree/admin/option_types/_option_value_fields.html.erb

@@ -0,0 +1,29 @@
+<tr class="nested-form-wrapper"
+    data-new-record="<%= f.object.new_record? %>"
+    data-controller="slug-form"
+    <% if f.object.id.present? %>
+      id="spree_<%= dom_id(f.object) %>"
+      data-sortable-update-url="<%= spree.admin_option_type_option_value_path(option_type, f.object) %>"
+    <% else %>
+      id="spree_new_option_value"
+    <% end %>
+  >
+  <td class="w-5 <%= f.object.id.present? ? 'move-handle text-center' : 'text-center' %>">
+    <% if f.object.id.present? %>
+      <%= icon('grip-vertical', class: 'rounded hover-gray p-2') %>
+    <% end %>
+    <%= f.hidden_field :id %>
+  </td>
+  <td class="w-45 presentation">
+    <%= f.text_field :presentation, class: "form-control", data: { slug_form_target: :name, action: 'slug-form#updateUrlFromName' } %>
+  </td>
+  <td class="w-40 name">
+    <%= f.text_field :name, class: "form-control", data: { slug_form_target: :url } %>
+  </td>
+  <td class="w-10 actions">
+    <button type="button" class="btn btn-danger btn-sm remove_option_value_button" data-action="nested-form#remove">
+      <%= icon('trash', class: 'mr-0') %>
+    </button>
+    <%= f.hidden_field :_destroy %>
+  </td>
+</tr>

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

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

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

@@ -0,0 +1,63 @@
+<% content_for :page_title do %>
+  <%= Spree.t(:options) %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <span id="new_ot_link">
+    <%= button_link_to Spree.t(:new_option_type),
+    new_object_url,
+    { class: "btn-primary", icon: "plus", id: "new_option_type_link" } %>
+  </span>
+<% end if can?(:create, Spree::OptionType) %>
+
+<%= content_for(:page_alerts) do %>
+  <div class="alert alert-info">
+    Options are used to group certain attributes. For example, you can create an option named "shirt size" and then
+    create an option value named "small" and "medium" for this option.
+  </div>
+<% end %>
+
+<div id="new_option_type"></div>
+
+<div class="card-lg p-0">
+
+  <%= render partial: "spree/admin/option_types/filter" %>
+
+  <% if @option_types.any? %>
+    <div class="table-responsive">
+      <table class="table" id="listing_option_types">
+        <thead class="text-muted">
+          <tr>
+            <th class="no-border handel-head"></th>
+            <th><%= Spree.t(:internal_name) %></th>
+            <th>
+              <%= Spree.t(:presentation) %>
+              <%= help_bubble("How this option is presented to customers") %>
+            </th>
+            <th>
+              <%= Spree.t(:filterable) %>
+              <%= help_bubble("Whether this option can be used in product filters") %>
+            </th>
+            <th>
+              <%= Spree.t(:option_values) %>
+            </th>
+            <th>
+              <%= Spree.t(:products) %>
+            </th>
+            <th class="actions"></th>
+          </tr>
+        </thead>
+        <tbody
+          data-controller="sortable"
+          data-sortable-handle-value=".move-handle"
+          data-sortable-resource-name-value="option_type"
+          data-sortable-response-kind-value="turbo-stream"
+        >
+          <%= render partial: "spree/admin/option_types/option_type", collection: @option_types %>
+        </tbody>
+      </table>
+    </div>
+  <% else %>
+    <%= render "spree/admin/shared/no_resource_found" %>
+  <% end %>
+</div>

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

@@ -0,0 +1,11 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_option_types_path %>
+  <%= Spree.t(:new_option_type) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @option_type } %>
+
+<%= form_for [:admin, @option_type], data: { controller: 'nested-form', nested_form_wrapper_selector_value: '.nested-form-wrapper' } do |f| %>
+  <%= render 'form', f: f %>
+  <%= render 'spree/admin/shared/new_resource_links' %>
+<% end %>

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

@@ -0,0 +1 @@
+<%= turbo_render_alerts %>

data/app/views/spree/admin/option_values/destroy.turbo_stream.erb

@@ -0,0 +1 @@
+<%= turbo_stream.remove spree_dom_id(@option_value) %>

data/app/views/spree/admin/orders/_customer.html.erb

@@ -0,0 +1,79 @@
+<%= turbo_frame_tag dom_id(@order, :customer_information), class: "card mb-4 blur-busy" do  %>
+  <div class="card-header">
+    <h5 class="card-title">
+      <%= Spree.t(:customer) %>
+    </h5>
+    <% if can?(:update_customer, @order) || can?(:update_addresses, @order) %>
+      <div class="dropdown ml-auto" id="customer-edit-dropdown">
+        <%= link_to_with_icon 'dots', nil, '#', class: 'btn btn-light btn-sm px-2', data: { toggle: 'dropdown', test_id: 'dropdown-toggle' } %>
+        <div class="dropdown-menu dropdown-menu-right" >
+          <div data-toggle="modal" data-target="#modal">
+            <% if can?(:update_customer, @order) && !@order.user.present? %>
+              <%= link_to Spree.t('admin.edit_contact_information'), spree.edit_admin_order_contact_information_path(@order), class: 'dropdown-item', data: { turbo_frame: 'dialog_modal' } %>
+            <% end %>
+            <% if can?(:update_addresses, @order) %>
+              <%= link_to Spree.t('admin.edit_shipping_address'), spree.edit_admin_order_shipping_address_path(@order), class: 'dropdown-item', data: { turbo_frame: 'dialog_modal' } if @order.shipping_address.present? %>
+              <%= link_to Spree.t('admin.edit_billing_address'), spree.edit_admin_order_billing_address_path(@order), class: 'dropdown-item', data: { turbo_frame: 'dialog_modal' } if @order.billing_address.present? %>
+            <% end %>
+          </div>
+          <% if can?(:update_customer, @order) %>
+            <div class="dropdown-divider"></div>
+            <% if @order.user.present? %>
+              <%= link_to Spree.t('admin.orders.remove_user_from_this_order'), spree.admin_order_user_path(@order), class: 'dropdown-item btn-danger', data: { turbo_method: :delete, turbo_confirm: Spree.t(:are_you_sure), turbo_frame: :_top } %>
+            <% else %>
+              <%= link_to Spree.t('admin.orders.add_user_to_this_order'), spree.new_admin_order_user_path(@order), class: 'dropdown-item' %>
+            <% end %>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+  <div class="card-body">
+    <% unless defined?(current_vendor) && current_vendor %>
+      <% unless @order.user.present? %>
+        <h6><%= Spree.t(:contact_information) %></h6>
+      <% end %>
+      <div class='card-text d-flex flex-col'>
+        <% if @order.user.present? %>
+          <%= render 'spree/admin/shared/user', user: @order.user %>
+          <%= render 'spree/admin/orders/user_overview', user: @order.user %>
+        <% elsif @order.email.present? %>
+          <%= mail_to truncate(@order.email, length: 35), class: 'text-dark with-tip', title: @order.email %>
+        <% else %>
+          <span class="text-muted">
+            <%= Spree.t(:no_email_provided) %>
+          </span>
+        <% end %>
+        <% if !@order.user.present? && can?(:update_customer, @order) %>
+          <%= link_to_with_icon 'plus', Spree.t('admin.orders.add_user_to_this_order'), spree.new_admin_order_user_path(@order), class: "btn btn-link mt-3" %>
+        <% end %>
+      </div>
+    <% end %>
+    <h6 class="<%= defined?(current_vendor) && current_vendor ? "" : "mt-4" %> font-weight-bold"><%= Spree.t(:shipping_address) %></h6>
+    <%= turbo_frame_tag :order_ship_address do %>
+      <% if @order.ship_address.present? %>
+        <%= render 'spree/admin/shared/address', address: @order.ship_address %>
+      <% elsif can?(:update_addresses, @order) %>
+        <div data-toggle="modal" data-target="#modal">
+          <%= link_to_with_icon 'plus', Spree.t(:new_shipping_address), spree.new_admin_order_shipping_address_path(@order), class: "btn btn-link w-100", data: { turbo_frame: 'dialog_modal' } %>
+        </div>
+      <% else %>
+        <span class="text-muted"><%= Spree.t(:no_shipping_address_available) %></span>
+      <% end %>
+    <% end %>
+    <h6 class="mt-4 font-weight-bold"><%= Spree.t(:billing_address) %></h6>
+    <%= turbo_frame_tag :order_bill_address do %>
+      <% if @order.shipping_eq_billing_address? && @order.bill_address.present? %>
+        <span class="text-muted"><%= Spree.t(:same_as_shipping_address) %></span>
+      <% elsif @order.bill_address.present? %>
+        <%= render 'spree/admin/shared/address', address: @order.bill_address %>
+      <% elsif can?(:update_addresses, @order) %>
+        <div data-toggle="modal" data-target="#modal">
+          <%= link_to_with_icon 'plus', Spree.t(:new_billing_address), spree.new_admin_order_billing_address_path(@order), class: "btn btn-link w-100", data: { turbo_frame: 'dialog_modal' } %>
+        </div>
+      <% else %>
+        <span class="text-muted"><%= Spree.t(:no_billing_address_available) %></span>
+      <% end %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/spree/admin/orders/_customer_returns.html.erb

@@ -0,0 +1,26 @@
+<% if @customer_returns.exists? && can?(:read, Spree::CustomerReturn) %>
+  <div class="card mb-4">
+    <div class="card-header justify-content-between">
+      <h5 class="card-title">
+        <%= Spree.t(:customer_returns) %></h5>
+    </div>
+    <div class="card-body p-0">
+      <div class="table-responsive">
+        <table class="table">
+          <thead class="border-bottom">
+            <tr>
+              <th><%= Spree.t(:date) %></th>
+              <th><%= Spree.t(:status) %></th>
+              <th><%= Spree.t(:pre_tax_total) %></th>
+              <th></th>
+            </tr>
+          </thead>
+          <tbody>
+            <%= render partial: "spree/admin/orders/customer_returns/customer_return",
+            collection: @customer_returns %>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/spree/admin/orders/_customer_summary.html.erb

@@ -0,0 +1,22 @@
+<% if order %>
+  <% if order.user %>
+    <span class="d-flex">
+      <%#= image_tag(avatar_url_for( order.user), width: 24, height: 24, class: 'mr-2 rounded') %>
+
+      <% if can?(:manage, order.user) %>
+        <%= link_to order.full_name, spree.admin_user_path(order.user), class: 'text-dark', data: { 'turbo-frame': '_top' } %>
+      <% else %>
+        <%= order.full_name %>
+      <% end %>
+    </span>
+  <% elsif order.email.present? %>
+    <span class="text-muted">
+      <%= order.full_name %>
+    </span>
+    <%= help_bubble('This order was placed by a guest customer') %>
+  <% else %>
+    <span class="text-muted">
+      <%= Spree.t(:not_available) %>
+    </span>
+  <% end %>
+<% end %>

data/app/views/spree/admin/orders/_filters.html.erb

@@ -0,0 +1,106 @@
+<% frame_name ||= nil %>
+
+<%= search_form_for [:admin, @vendor || @user, @search],
+  url: controller_name == 'checkouts' ? spree.admin_checkouts_path : nil,
+  class: "filter-wrap border-bottom",
+  data: {
+    controller: "filters reveal",
+    reveal_hidden_class: "d-none",
+    filters_url_value: request.url
+  } do |f| %>
+  <%= hidden_field_tag :frame_name, frame_name if frame_name.present? %>
+
+  <div class="d-flex flex-column flex-lg-row gap-2">
+    <%= render 'spree/admin/shared/filters_search_bar', param: :multi_search %>
+
+    <div class="d-flex align-items-center justify-content-between">
+      <div class="mr-2 h-100">
+        <% if controller_name == 'checkouts' %>
+          <%= render "spree/admin/shared/calendar_range_picker",
+          date_from_input_name: "q[created_at_gt]",
+          date_to_input_name: "q[created_at_lt]",
+          date_from_value: params.dig(:q, :created_at_gt),
+          date_to_value: params.dig(:q, :created_at_lt),
+          dropdown_direction: "right" %>
+        <% else %>
+          <%= render "spree/admin/shared/calendar_range_picker",
+          date_from_input_name: "q[completed_at_gt]",
+          date_to_input_name: "q[completed_at_lt]",
+          date_from_value: params.dig(:q, :completed_at_gt),
+          date_to_value: params.dig(:q, :completed_at_lt),
+          dropdown_direction: "right" %>
+        <% end %>
+      </div>
+
+      <%= render "spree/admin/orders/table_filter_dropdown" %>
+      <%= render 'spree/admin/shared/filters_button' %>
+    </div>
+  </div>
+  <div data-reveal-target="item" class="d-none" id="table-filter">
+    <%= f.hidden_field :payment_state_eq, value: params.dig(:q, :payment_state_eq) %>
+    <%= f.hidden_field :payment_state_not_eq, value: params.dig(:q, :payment_state_not_eq) %>
+    <%= f.hidden_field :refunded, value: params.dig(:q, :refunded) %>
+    <%= f.hidden_field :partially_refunded, value: params.dig(:q, :partially_refunded) %>
+    <%= f.hidden_field :state_not_eq, value: params.dig(:q, :state_not_eq) %>
+    <%= f.hidden_field :user_id_eq, value: @user.try(:id) %>
+
+    <% unless @user %>
+      <div class="row">
+        <div class="col-12 col-lg-4">
+          <div class="form-group">
+            <%= label_tag :q_bill_address_firstname_i_cont_any, Spree.t(:first_name) %>
+            <%= f.text_field :bill_address_firstname_i_cont_any, class: "form-control", data: { filters_target: :input } %>
+          </div>
+        </div>
+        <div class="col-12 col-lg-4">
+          <div class="form-group">
+            <%= label_tag :q_bill_address_lastname_eq, Spree.t(:last_name) %>
+            <%= f.text_field :bill_address_lastname_eq, class: "form-control", data: { filters_target: :input } %>
+          </div>
+        </div>
+        <div class="col-12 col-lg-4">
+          <div class="form-group">
+            <%= label_tag :q_email_eq, Spree.t(:email) %>
+            <%= f.email_field :email_eq, class: "form-control", data: { filters_target: :input } %>
+          </div>
+        </div>
+      </div>
+    <% end %>
+
+    <div class="row">
+
+      <div class="col-12 col-lg-4">
+        <div class="form-group">
+          <%= label_tag :q_line_items_variant_sku_eq, Spree.t(:sku) %>
+          <%= f.text_field :line_items_variant_sku_eq, class: "form-control", data: { filters_target: :input } %>
+        </div>
+      </div>
+
+      <div class="col-12 col-lg-4">
+        <div class="form-group">
+          <%= label_tag :q_promotions_id_in, Spree.t(:promotion) %>
+          <%= f.select :promotions_id_in,
+                   Spree::Promotion.applied.pluck(:name, :id),
+                   { include_blank: true },
+                   data: {
+                     controller: "autocomplete-select",
+                     filters_target: :input,
+                   } %>
+        </div>
+      </div>
+
+      <%= render "spree/admin/orders/extra_filters", f: f %>
+    </div>
+
+    <div class="form-actions">
+      <%= turbo_save_button_tag Spree.t(:filter_results) do %>
+        <%= icon("search") %>
+        <%= Spree.t(:filter_results) %>
+      <% end %>
+    </div>
+  </div>
+
+  <%= render "spree/admin/shared/filter_badge_template" %>
+
+  <div data-filters-target="badgesContainer" class="filter-badges-container"></div>
+<% end %>

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

@@ -0,0 +1,76 @@
+<% content_for :page_title do %>
+  <% if controller_name == 'orders' %>
+    <%= page_header_back_button spree.admin_orders_path, @order %>
+  <% else %>
+    <%= page_header_back_button spree.edit_admin_order_path(@order) %>
+  <% end %>
+  <%= @order.number %>
+  <%= order_payment_state(@order) %>
+  <%= order_shipment_state(@order) %>
+  <% if @order.completed? %>
+    <span class="text-muted font-size-sm font-weight-normal with-tip">
+      <%= I18n.t('activerecord.attributes.spree/order.completed_at') %>
+      <%= local_time(@order.completed_at) %>
+    </span>
+  <% end %>
+<% end %>
+
+<%# TODO: Fix mobile %>
+<% content_for :page_actions do %>
+
+<% end %>
+
+<% content_for(:page_actions_dropdown) do %>
+  <% if @order.completed? && spree.respond_to?(:order_path) %>
+    <%= link_to_with_icon "eye",
+    Spree.t(:preview),
+    spree.order_path(@order, host: current_store.url, token: @order.token),
+    class: "text-left dropdown-item",
+    target: "_blank" %>
+  <% end %>
+  <% if @order.completed? && can?(:resend, @order) %>
+    <%= link_to_with_icon "send",
+    Spree.t(:resend),
+    spree.resend_admin_order_path(@order),
+    data: {
+      turbo_method: :post,
+      turbo_confirm: Spree.t(:are_you_sure),
+    },
+    class: "btn text-left dropdown-item" %>
+  <% end %>
+
+  <% if @order.shipments.any?(&:shipped?) %>
+    <% can_create_ra = can?(:create, Spree::ReturnAuthorization) %>
+    <% can_create_cr =
+      can?(:create, Spree::CustomerReturn) && @order.return_authorizations.exists? %>
+
+    <% if can_create_ra || can_create_cr %>
+      <div class="dropdown-divider"></div>
+
+      <% if can_create_ra %>
+        <%= link_to_with_icon "plus", Spree.t(:new_return_authorization),
+        spree.new_admin_order_return_authorization_path(@order),
+        class: "btn dropdown-item" %>
+      <% end %>
+
+      <% if can_create_cr  && controller_name != "customer_returns" %>
+        <%= link_to_with_icon "plus", Spree.t(:new_customer_return),
+        spree.new_admin_order_customer_return_path(@order),
+        class: "btn dropdown-item" %>
+      <% end %>
+
+      <div class="dropdown-divider"></div>
+    <% end %>
+  <% end %>
+
+  <% if can?(:cancel, @order) %>
+    <div class="dropdown-divider"></div>
+    <%= link_to spree.cancel_admin_order_path(@order),
+                class: 'text-left btn-danger dropdown-item',
+                data: { turbo_method: :put, turbo_confirm: Spree.t(:are_you_sure) } do %>
+      <%= icon "cancel" %>
+      <%= Spree.t(:cancel_order) %>
+    <% end %>
+    <div class="dropdown-divider"></div>
+  <% end %>
+<% end %>

data/app/views/spree/admin/orders/_line_item.html.erb

@@ -0,0 +1,61 @@
+<%= turbo_frame_tag dom_id(line_item) do %>
+  <div class="order-line-items__form d-flex align-items-center">
+    <div class="w-35">
+      <%= render "spree/admin/variants/variant", variant: line_item.variant %>
+    </div>
+    <div class="w-10">
+      <%= line_item.single_money.to_html %>
+    </div>
+    <div class="w-10">
+      <%= line_item.quantity %>
+    </div>
+    <div class="w-10">
+      <%= line_item.display_amount %>
+    </div>
+    <div class="w-10">
+      <%= line_item.display_tax_total %>
+    </div>
+    <div class="w-10">
+      <%= line_item.display_promo_total %>
+    </div>
+    <div class="w-10">
+      <%= line_item.display_total %>
+    </div>
+    <div class="w-5">
+      <% if can?(:edit, line_item) %>
+        <div class="dropdown">
+          <button
+            class="btn btn-sm btn-light"
+            type="button"
+            data-toggle="dropdown"
+            aria-expanded="false"
+          >
+            <%= icon "dots-vertical", class: "mr-0" %>
+          </button>
+          <div class="dropdown-menu dropdown-menu-right w-100">
+            <%= link_to_with_icon "edit",
+              Spree.t(:edit),
+              spree.edit_admin_order_line_item_path(@order, line_item),
+              class: "dropdown-item" %>
+            <% if line_item.digital_links.any? %>
+              <%= link_to_with_icon "refresh",
+              Spree.t("admin.reset_digital_link_download_limits"),
+              spree.reset_digital_links_limit_admin_order_line_item_path(@order, line_item),
+              data: {
+                turbo_method: :post,
+                turbo_confirm: Spree.t(:are_you_sure),
+                turbo_frame: :_top,
+              },
+              class: "dropdown-item" %>
+            <% end %>
+
+            <% if can?(:destroy, line_item) %>
+              <div class="dropdown-divider"></div>
+              <%= link_to_with_icon "trash", Spree.t('actions.destroy'), spree.admin_order_line_item_path(@order, line_item), data: { turbo_method: :delete, turbo_frame: '_top', turbo_confirm: Spree.t(:are_you_sure )}, class: 'dropdown-item btn-danger' %>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/spree/admin/orders/_line_items.html.erb

@@ -0,0 +1,68 @@
+
+<%= turbo_frame_tag dom_id(@order, :line_items), class: "card mb-4" do %>
+  <% if @line_items.any? %>
+    <div class="card-header d-flex justify-content-between align-items-center">
+      <h5 class="card-title d-flex align-items-center">
+        <%= icon('shopping-cart', class: 'mr-2') %>
+        <%= Spree.t(:line_items) %>
+        <span class="badge badge-info ml-2"><%= @line_items.count %></span>
+      </h5>
+      <div class="d-flex gap-2">
+        <% if can?(:create, Spree::LineItem.new(order: @order)) %>
+          <div data-toggle="modal" data-target="#modal">
+            <%= link_to_with_icon 'plus', Spree.t(:new_line_item), spree.new_admin_order_line_item_path(@order), data: { turbo_frame: :dialog_modal }, class: "btn btn-link btn-sm" %>
+          </div>
+        <% end %>
+        <% if @order.completed? %>
+          <button class="btn btn-light btn-sm" type="button" data-toggle="collapse" data-target="#line-items" aria-expanded="false" aria-controls="collapseExample">
+            <%= Spree.t(:show_details) %>
+            <%= icon('selector', class: 'mr-0 ml-1') %>
+          </button>
+        <% end %>
+      </div>
+    </div>
+    <div class="card-body mb-0 p-0 <% if @order.completed? && params[:line_item_updated].blank? %>collapse<% else %>show<% end %>" id="line-items">
+      <div class="order-line-items">
+        <div class="d-flex align-items-center text-muted border-bottom py-2 px-3 font-size-sm order-line-items__row">
+          <div class="w-35">
+            <%= Spree.t(:item_description) %>
+          </div>
+          <div class="w-10">
+            <%= Spree.t(:price) %>
+          </div>
+          <div class="w-10">
+            <%= Spree.t(:quantity) %>
+          </div>
+          <div class="w-10">
+            <%= Spree.t(:subtotal) %>
+          </div>
+          <div class="w-10">
+            <%= Spree.t(:tax) %>
+          </div>
+          <div class="w-10">
+            <%= Spree.t(:discount) %>
+          </div>
+          <div class="w-10">
+            <%= Spree.t(:total) %>
+          </div>
+          <div class="w-5">
+          </div>
+        </div>
+        <%= render collection: @line_items, partial: 'spree/admin/orders/line_item', cached: spree_base_cache_scope %>
+      </div>
+    </div>
+  <% elsif can?(:create, Spree::LineItem.new(order: @order)) %>
+    <div class="card-header">
+      <h5 class="card-title">
+        <%= icon('shopping-cart', class: 'mr-2') %>
+        <%= Spree.t(:line_items) %>
+      </h5>
+    </div>
+    <div class="card-body">
+      <div data-toggle="modal" data-target="#modal">
+        <%= link_to_with_icon 'plus', Spree.t(:new_line_item), spree.new_admin_order_line_item_path(@order), data: { turbo_frame: :dialog_modal }, class: "btn btn-link w-100 py-3" %>
+      </div>
+    </div>
+  <% end %>
+<% end %>
+

data/app/views/spree/admin/orders/_list.html.erb

@@ -0,0 +1,30 @@
+<% if @orders.any? %>
+  <div class="table-responsive">
+    <table class="table position-relative" id="listing_orders">
+      <thead class="text-muted">
+        <tr>
+          <th><%= I18n.t(:number, scope: 'activerecord.attributes.spree/order') %></th>
+          <% if controller_name == 'orders' %>
+            <th><%= sort_link @search, :completed_at,   Spree.t(:date) %></th>
+          <% else %>
+            <th><%= sort_link @search, :created_at,     Spree.t(:date) %></th>
+          <% end %>
+          <th class="d-customer"><%= Spree.t(:customer) %></th>
+          <th><%= Spree.t(:package_from) %></th>
+          <th><%= I18n.t(:payment_state, scope: 'activerecord.attributes.spree/order') %></th>
+          <th><%= I18n.t(:shipment_state, scope: 'activerecord.attributes.spree/order') %></th>
+          <th class="text-right"><%= sort_link @search, :item_count, I18n.t(:item_count, scope: 'activerecord.attributes.spree/order') %></th>
+          <th class="text-right"><%= sort_link @search, :total, I18n.t(:total, scope: 'activerecord.attributes.spree/order') %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render collection: @orders, partial: 'spree/admin/orders/order', cached: !(defined?(current_vendor) && current_vendor) ? spree_base_cache_scope : false %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="text-muted p-5 d-flex align-items-center w-100 justify-content-center">
+    <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::Order)) %>
+  </div>
+<% end %>
+<%= render 'spree/admin/shared/index_table_options', collection: @orders, simple: true if @orders.any? %>

data/app/views/spree/admin/orders/_order.html.erb

@@ -0,0 +1,28 @@
+<tr id="<%= dom_id(order) %>" data-controller="row-link">
+  <td class="p-0 w-10">
+    <%= link_to order.number, spree.edit_admin_order_path(order), class: 'font-weight-bolder d-block p-2 px-3 text-decoration-none', data: { 'turbo-frame': '_top', row_link_target: :link } %>
+  </td>
+  <td class="w-15 cursor-pointer" data-action="click->row-link#openLink">
+    <%= local_time_ago(order.completed? ? order.completed_at : order.created_at, format: '%b %e, %Y %l:%M%P', class: 'with-tip') %>
+  </td>
+  <td class="d-customer w-15 cursor-pointer" data-action="click->row-link#openLink">
+    <%= render 'spree/admin/orders/customer_summary', order: order %>
+  </td>
+  <td class="text-wrap w-20 cursor-pointer" data-action="click->row-link#openLink">
+    <% order.shipments.map(&:stock_location).compact.uniq.each_with_index do |stock_location, index| %>
+      <% if index > 0 %>, <% end %><%= stock_location.name %>
+    <% end %>
+  </td>
+  <td class="w-10 cursor-pointer" data-action="click->row-link#openLink">
+    <%= order_payment_state(order) %>
+  </td>
+  <td class="w-10 cursor-pointer" data-action="click->row-link#openLink">
+    <%= order_shipment_state(order) %>
+  </td>
+  <td class="text-right w-10 cursor-pointer" data-action="click->row-link#openLink">
+    <%= pluralize(order.item_count, 'item') %>
+  </td>
+  <td class="text-right w-10 cursor-pointer" data-action="click->row-link#openLink">
+    <%= order.display_total.to_html %>
+  </td>
+</tr>