spree_admin 5.2.6 → 5.3.0.rc1

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

@@ -5,8 +5,8 @@
 
 <%= form_for @payment_method, as: :payment_method, url: spree.admin_payment_methods_path do |f| %>
   <%= f.hidden_field :type %>
-  <div class="row">
-    <div class="col-lg-6 offset-lg-3">
+  <div class="grid grid-cols-12 gap-6">
+    <div class="col-span-12 lg:col-span-6 lg:col-start-4">
       <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @payment_method } %>
       <%= render 'form', f: f %>
       <%= render 'spree/admin/shared/new_resource_links' %>

data/app/views/spree/admin/payments/_payment.html.erb

@@ -1,5 +1,5 @@
-<div class="card" id="<%= dom_id(payment) %>">
-  <div class="card-header d-flex align-items-center gap-2">
+<div class="card rounded-lg" id="<%= dom_id(payment) %>">
+  <div class="card-header flex items-center gap-2">
     <span class="badge badge-<%= payment.state %> gap-1">
       <% if payment.completed? %>
         <%= icon('check') %>
@@ -14,7 +14,7 @@
       <%= payment_method_icon_tag(payment.payment_method.payment_icon_name) %>
     <% end %>
     <strong><%= payment.number.upcase %></strong>
-    <%= spree_time(payment.created_at, class: 'ml-auto text-muted font-size-sm') %>
+    <%= spree_time(payment.created_at, class: 'ml-auto text-gray-600 text-sm') %>
 
     <%= dropdown do %>
       <%= dropdown_toggle class: 'btn-light btn-sm px-1' do %>
@@ -36,11 +36,11 @@
         <% end %>
         <% if can?(:cancel, payment) && payment.pending? && payment.payment_method.present? %>
           <div class="dropdown-divider"></div>
-          <%= link_to_with_icon 'cancel', Spree.t(:void), spree.void_admin_order_payment_path(@order, payment), class: 'dropdown-item btn-danger', data: { turbo_method: :put, turbo_confirm: Spree.t(:are_you_sure) } %>
+          <%= link_to_with_icon 'cancel', Spree.t(:void), spree.void_admin_order_payment_path(@order, payment), class: 'dropdown-item text-red-600 hover:bg-red-100', data: { turbo_method: :put, turbo_confirm: Spree.t(:are_you_sure) } %>
         <% end %>
         <% if can?(:destroy, payment) && payment.can_be_deleted? %>
           <div class="dropdown-divider"></div>
-          <%= link_to_with_icon 'trash', Spree.t('actions.destroy'), spree.admin_order_payment_path(@order, payment), class: 'dropdown-item btn-danger', data: { turbo_method: :delete, turbo_confirm: Spree.t(:are_you_sure) } %>
+          <%= link_to_with_icon 'trash', Spree.t('actions.destroy'), spree.admin_order_payment_path(@order, payment), class: 'dropdown-item text-red-600 hover:bg-red-100', data: { turbo_method: :delete, turbo_confirm: Spree.t(:are_you_sure) } %>
         <% end %>
       <% end %>
     <% end %>
@@ -53,16 +53,16 @@
       </div>
     <% end %>
 
-    <div class="d-flex">
-      <div class="w-50">
-        <p class="mb-1"><%= Spree.t(:amount) %>:</p>
+    <div class="flex">
+      <div class="w-1/2">
+        <p class="mb-0.5"><%= Spree.t(:amount) %>:</p>
         <strong><%= payment.display_amount %></strong>
 
-        <p class="mb-1 mt-2"><%= Spree.t(:payment_method) %>:</p>
+        <p class="mb-0.5 mt-2"><%= Spree.t(:payment_method) %>:</p>
         <strong><%= payment_method_name(payment) %></strong>
 
         <% if payment.transaction_id.present? %>
-          <p class="mb-1 mt-2">
+          <p class="mb-0.5 mt-2">
             <%= Spree.t(:transaction_id) %>
             <%= help_bubble(Spree.t(:transaction_id_help)) %>
           </p>
@@ -70,9 +70,9 @@
         <% end %>
       </div>
       <% if payment.source.present? %>
-        <div class="w-50">
+        <div class="w-1/2">
           <p class="mb-2"><%= Spree.t(:payment_source) %>:</p>
-          <div class="rounded-lg bg-light border shadow-xs p-3">
+          <div class="rounded-xl bg-gray-25 border shadow-xs p-4">
             <%= render 'spree/shared/payment', payment: payment %>
           </div>
         </div>
@@ -80,20 +80,20 @@
     </div>
   </div>
   <% if payment.transaction_id.present? && !payment.store_credit? %>
-    <div class="card-footer border-top border-top-dashed" data-controller="reveal">
-      <p class="mb-0 d-flex justify-content-between align-items-center">
+    <div class="card-footer border-t border-dashed py-3" data-controller="reveal">
+      <p class="mb-0 flex justify-between items-center">
         <span>
           <%= Spree.t(:risk_analysis) %>
           &nbsp;
           <% if @order.is_risky? %>
             <span class="badge badge-warning"><%= icon('shield-off') %> <%= Spree.t(:risky) %></span>
           <% else %>
-            <span class="text-success"><%= icon('shield-check-filled') %> <%= Spree.t(:not_risky) %></span>
+            <span class="text-green-700"><%= icon('shield-check-filled') %> <%= Spree.t(:not_risky) %></span>
           <% end %>
         </span>
-        <button type="button" class="btn btn-light btn-sm bg-transparent" data-action="click->reveal#toggle">
+        <button type="button" class="btn btn-light btn-sm" data-action="click->reveal#toggle">
           <%= Spree.t(:show_details) %>
-          <%= icon('selector', class: 'mr-0 ml-1') %>
+          <%= icon('selector', class: 'mr-0 ml-0.5') %>
         </button>
       </p>
       <%= render 'spree/admin/orders/risk_analysis', payment: payment %>

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

@@ -1,41 +1,31 @@
 <%= render 'spree/admin/orders/header' %>
 
-<div class="row">
-  <div class="col-lg-6 offset-lg-3">
+<div class="grid grid-cols-12 gap-6">
+  <div class="col-span-12 lg:col-span-6 lg:col-start-4">
     <%= render 'spree/admin/shared/error_messages', target: @payment %>
 
     <%= form_with url: spree.admin_order_payments_path(@order), model: @payment, method: :post do |f| %>
-      <div class="card mb-4">
+      <div class="card mb-6">
         <div class="card-header">
           <h5 class="card-title"><%= Spree.t(:new_payment) %></h5>
         </div>
         <div class="card-body">
-          <div class="form-group mb-3">
-            <%= f.label :amount, Spree.t(:amount) %>
-            <div class="input-group">
-              <%= f.number_field :amount,
-                value: @payment.max_amount,
-                max: @payment.max_amount,
-                step: '.01',
-                class: 'form-control',
-                required: true %>
-              <div class="input-group-append">
-                <span class="input-group-text"><%= currency_symbol(@order.currency) %></span>
-              </div>
-            </div>
-          </div>
+          <%= f.spree_money_field :amount,
+            value: @payment.max_amount,
+            currency: @order.currency,
+            required: true %>
 
           <%= f.label :payment_method_id, Spree.t(:payment_method) %>
-          <ul class="list-group mb-3">
+          <ul class="list-group mb-6">
             <% @payment_methods.each do |payment_method| %>
-              <li class="list-group-item p-0">
-                <%= link_to spree.new_admin_order_payment_path(@order, payment_method_id: payment_method.id), class: "form-check-label d-flex align-items-center gap-3 px-3 py-3 w-100 cursor-pointer hover-light text-dark" do %>
-                  <div class="form-check flex align-items-center">
+              <li class="list-group-item p-0 overflow-hidden">
+                <%= link_to spree.new_admin_order_payment_path(@order, payment_method_id: payment_method.id), class: "form-check-label flex items-center gap-4 px-6 py-6 w-full cursor-pointer hover:bg-gray-25 text-gray-900 no-underline" do %>
+                  <div class="form-check flex items-center">
                     <%= f.radio_button :payment_method_id, payment_method.id, class: "form-check-input" %>
                   </div>
 
                   <% if payment_method_icon_tag(payment_method.payment_icon_name).present? %>
-                    <%= payment_method_icon_tag(payment_method.payment_icon_name) %>
+                    <%= payment_method_icon_tag(payment_method.payment_icon_name, height: 24) %>
                   <% end %>
 
                   <%= payment_method.name %>
@@ -46,7 +36,7 @@
 
           <% if @payment.payment_method.present? && @payment.payment_method.source_required? %>
             <%= f.label :source, Spree.t(:payment_source) %>
-            <div class="my-3">
+            <div class="my-6">
               <%= render partial: "spree/admin/payments/source_forms/#{@payment.payment_method.method_type}",
                         locals: {
                           f: f,

data/app/views/spree/admin/payments/source_forms/_gateway.html.erb

@@ -1,5 +1,5 @@
 <% if previous_cards.any? %>
-  <div class="card my-3">
+  <div class="card my-6">
     <div class="card-header">
       <h5 class="card-title mb-0 h6"><%= Spree.t(:previously_used_card) %></h5>
     </div>
@@ -23,13 +23,13 @@
   </div>
 <% end %>
 
-<div id="card_form<%= payment_method.id %>" class="mt-3 row">
+<div id="card_form<%= payment_method.id %>" class="mt-6 grid grid-cols-12 gap-6">
   <% param_prefix = "payment_source[#{payment_method.id}]" %>
 
-  <div class="form-group col-12">
+  <div class="form-group col-span-12">
     <%= hidden_field_tag "#{param_prefix}[cc_type]", '', {class: 'ccType'} %>
     <%= label_tag "card_number#{payment_method.id}", raw(Spree.t(:card_number) + required_span_tag) %>
-    <%= text_field_tag "#{param_prefix}[number]", '', class: 'required form-control cardNumber', id: "card_number#{payment_method.id}", maxlength: 19 %>
+    <%= text_field_tag "#{param_prefix}[number]", '', class: 'required form-input cardNumber', id: "card_number#{payment_method.id}", maxlength: 19 %>
     <span id="card_type" style="display:none;">
       ( <span id="looks_like"><%= Spree.t(:card_type_is) %> <span id="type"></span></span>
         <span id="unrecognized"><%= Spree.t(:unrecognized_card_type) %></span>
@@ -37,18 +37,18 @@
     </span>
   </div>
 
-  <div class="form-group col-12">
+  <div class="form-group col-span-12">
     <%= label_tag "card_name#{payment_method.id}", raw(Spree.t(:name) + required_span_tag) %>
-    <%= text_field_tag "#{param_prefix}[name]", '', id: "card_name#{payment_method.id}", class: 'required form-control', maxlength: 19 %>
+    <%= text_field_tag "#{param_prefix}[name]", '', id: "card_name#{payment_method.id}", class: 'required form-input', maxlength: 19 %>
   </div>
 
-  <div class="form-group col-6">
+  <div class="form-group col-span-6">
     <%= label_tag "card_expiry#{payment_method.id}", raw(Spree.t(:expiration) + required_span_tag) %><br>
-    <%= text_field_tag "#{param_prefix}[expiry]", '', id: "card_expiry#{payment_method.id}", class: "required cardExpiry form-control", placeholder: Spree.t(:card_expiration_placeholder) %>
+    <%= text_field_tag "#{param_prefix}[expiry]", '', id: "card_expiry#{payment_method.id}", class: "required cardExpiry form-input", placeholder: Spree.t(:card_expiration_placeholder) %>
   </div>
 
-  <div class="form-group col-6">
+  <div class="form-group col-span-6">
     <%= label_tag "card_code#{payment_method.id}", raw(Spree.t(:card_code) + required_span_tag) %>
-    <%= text_field_tag "#{param_prefix}[verification_value]", '', id: "card_code#{payment_method.id}", class: 'required form-control cardCode', size: 5 %>
+    <%= text_field_tag "#{param_prefix}[verification_value]", '', id: "card_code#{payment_method.id}", class: 'required form-input cardCode', size: 5 %>
   </div>
 </div>

data/app/views/spree/admin/payments/source_forms/_previous_cards.html.erb

@@ -1,10 +1,10 @@
 <% if previous_cards.any? %>
-  <ul class="list-group mb-3">
+  <ul class="list-group mb-6">
     <%= f.fields_for :source, @payment.source do |source_form| %>
       <% previous_cards.each do |card| %>
         <li class="list-group-item p-0">
-          <%= source_form.label :id, value: card.id, class: "form-check-label d-flex align-items-center gap-3 px-3 py-3 w-100 cursor-pointer hover-light" do %>
-            <div class="form-check flex align-items-center">
+          <%= source_form.label :id, value: card.id, class: "form-check-label flex items-center gap-4 px-6 py-6 w-full cursor-pointer hover:bg-gray-25" do %>
+            <div class="form-check flex items-center">
               <%= source_form.radio_button :id, card.id, class: "form-check-input" %>
             </div>
             <%= payment_method_icon_tag(card.brand, width: 32, height: 32) %>
@@ -12,7 +12,7 @@
             <% if card.wallet_type.present? %>
               <%= payment_method_icon_tag(card.wallet_type, width: 32, height: 32) %>
             <% end %>
-            <span class="text-muted ms-auto">(<%= card.month %>/<%= card.year %>)</span>
+            <span class="text-gray-600 ms-auto">(<%= card.month %>/<%= card.year %>)</span>
           <% end %>
         </li>
       <% end %>

data/app/views/spree/admin/payments/source_forms/_spree_stripe.html.erb

@@ -1,7 +1,7 @@
 <% if previous_cards.any? %>
   <%= render 'spree/admin/payments/source_forms/previous_cards', previous_cards: previous_cards, f: f %>
 <% else %>
-  <span class="text-muted">
+  <span class="text-gray-600">
     <%= Spree.t(:no_saved_cards) %>
   </span>
 <% end %>

data/app/views/spree/admin/payments/source_forms/_store_credit.html.erb

@@ -1,13 +1,13 @@
 <% if @order.could_use_store_credit? %>
-  <ul class="list-group mb-3">
+  <ul class="list-group mb-6">
     <%= f.fields_for :source, @payment.source do |source_form| %>
       <% @store_credits.each do |credit| %>
         <li class="list-group-item p-0">
-          <%= source_form.label :id, value: credit.id, class: "form-check-label d-flex align-items-center gap-3 px-3 py-3 w-100 cursor-pointer hover-light" do %>
-            <div class="form-check flex align-items-center">
+          <%= source_form.label :id, value: credit.id, class: "form-check-label flex items-center gap-4 px-6 py-6 w-full cursor-pointer hover:bg-gray-25" do %>
+            <div class="form-check flex items-center">
               <%= source_form.radio_button :id, credit.id, class: "form-check-input", checked: @payment.source.id == credit.id || @store_credits.first.id == credit.id %>
             </div>
-            <div class="font-weight-normal">
+            <div class="font-normal">
               <%= Spree.t('admin.store_credit.amount_remaining_of_total', amount: credit.display_amount_remaining, total: credit.display_amount).html_safe %>
             </div>
           <% end %>
@@ -16,7 +16,7 @@
     <% end %>
   </ul>
 <% else %>
-  <div class="alert alert-danger w-100">
+  <div class="alert alert-danger w-full">
     <%= Spree.t('admin.user.no_store_credit') %>
   </div>
 <% end %>

data/app/views/spree/admin/payments/source_views/_gateway.html.erb

@@ -1,5 +1,5 @@
 <div>
-  <div class="table-responsive border rounded bg-white mb-3">
+  <div class="table-responsive border rounded-lg  bg-white mb-6">
     <table class="table table-condensed">
       <tr>
         <th width="20%"><%= Spree.t(:name_on_card) %>:</th>

data/app/views/spree/admin/payments/source_views/_storecredit.html.erb

@@ -1,6 +1,6 @@
 <fieldset>
   <legend><%= Spree.t(:store_credits) %></legend>
-  <div class="table-responsive border rounded bg-white">
+  <div class="table-responsive border rounded-lg  bg-white">
     <table class="table table-condensed border rounded">
       <tr>
         <th width="20%"><%= Spree.t(:used) %>:</th>

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

@@ -1,5 +1,5 @@
 <%= search_form_for [:admin, @search], class: "filter-wrap", data: { controller: "filters" } do |f| %>
-  <div class="d-flex flex-column flex-lg-row gap-2">
+  <div class="flex flex-col lg:flex-row gap-2">
     <%= render 'spree/admin/shared/filters_search_bar', param: :name_i_cont, label: Spree.t(:name) %>
   </div>
 

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

@@ -1,4 +1,4 @@
-<div class="card mb-4">
+<div class="card mb-6">
   <div class="card-body" data-controller="slug-form">
     <%= f.spree_text_field :name, required: true, autofocus: f.object.new_record?, data: { slug_form_target: 'name', action: 'slug-form#updateUrlFromName' } %>
     <%= f.spree_text_field :slug, required: true, data: { slug_form_target: 'url' } %>

data/app/views/spree/admin/policies/_table_row.html.erb

@@ -1,8 +1,8 @@
 <tr id="<%= spree_dom_id policy %>" data-controller="row-link">
   <td class="w-30 cursor-pointer" data-action="click->row-link#openLink">
-    <%= link_to policy.name, spree.edit_admin_policy_path(policy.id), class: 'text-decoration-none d-flex align-items-center font-weight-bold text-dark', data: { row_link_target: :link, turbo_frame: '_top' } %>
+    <%= link_to policy.name, spree.edit_admin_policy_path(policy.id), class: 'no-underline flex items-center font-bold text-gray-900', data: { row_link_target: :link, turbo_frame: '_top' } %>
   </td>
-  <td class="w-25 cursor-pointer" data-action="click->row-link#openLink">
+  <td class="w-1/4 cursor-pointer" data-action="click->row-link#openLink">
     <code><%= policy.slug %></code>
   </td>
   <td class="w-10 cursor-pointer" data-action="click->row-link#openLink">

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

@@ -6,4 +6,4 @@
   <%= link_to_with_icon 'plus', Spree.t(:new_policy), new_object_url, class: 'btn btn-primary' if can?(:create, Spree::Policy) %>
 <% end %>
 
-<%= render 'spree/admin/shared/index_table' %>
+<%= render_table @collection, :policies %>

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

@@ -1,4 +1,4 @@
-<div class="card mb-4">
+<div class="card mb-6">
   <div class="card-body">
     <%= f.spree_text_field :title, required: true, autofocus: f.object.new_record? %>
     <%= f.spree_rich_text_area :description %>

data/app/views/spree/admin/post_categories/_table_row.html.erb

@@ -1,6 +1,6 @@
 <tr data-controller="row-link" id="<%= dom_id(post_category) %>">
   <td class="w-60 p-0">
-    <%= link_to post_category.title, spree.edit_admin_post_category_path(post_category), class: 'd-block w-100 h-100 px-3 py-2', data: { row_link_target: :link, turbo_frame: '_top' } %>
+    <%= link_to post_category.title, spree.edit_admin_post_category_path(post_category), class: 'block w-full h-full px-4 py-2', data: { row_link_target: :link, turbo_frame: '_top' } %>
   </td>
   <td class="w-10 cursor-pointer" data-action="click->row-link#openLink"><%= post_category.posts.count %></td>
   <td class="w-10 cursor-pointer text-right" data-action="click->row-link#openLink">

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

@@ -7,4 +7,4 @@
 
 <%= render_admin_partials(:post_categories_header_partials) %>
 
-<%= render 'spree/admin/shared/index_table' %>
+<%= render_table @collection, :post_categories %>

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

@@ -1,6 +1,6 @@
-<div class="row" data-controller="slug-form seo-form">
-  <div class="col-lg-8">
-    <div class="card mb-4">
+<div class="grid grid-cols-12 gap-6" data-controller="slug-form seo-form">
+  <div class="col-span-12 lg:col-span-8">
+    <div class="card mb-6">
       <div class="card-body">
         <%= f.spree_text_field :title,
               required: true,
@@ -22,14 +22,14 @@
     </div>
   </div>
 
-  <div class="col-lg-4">
-    <div class="card mb-4">
+  <div class="col-span-12 lg:col-span-4">
+    <div class="card mb-6">
       <div class="card-body">
         <%= f.spree_file_field :image, width: 1200, height: 600, crop: true, css: 'flex-col', label: Spree.t(:featured_image) %>
       </div>
     </div>
 
-    <div class="card mb-4">
+    <div class="card mb-6">
       <div class="card-body">
         <%= f.spree_select :author_id, options_for_select(post_authors_select_options, @post.author_id || try_spree_current_user.id), { label: Spree.t(:author), autocomplete: true } %>
         <%= f.spree_select :post_category_id, options_for_select(@post_categories.pluck(:title, :id), @post.post_category_id), { label: Spree.t(:category), include_blank: true, autocomplete: true } %>
@@ -37,7 +37,7 @@
 
         <div class="form-group mb-0">
           <%= f.label :tag_list, Spree.t(:tags) %>
-          <%= tom_select_tag 'post[tag_list]', multiple: true, class: 'w-100', options: post_tags_json_array, active_option: @post.tag_list, value_field: :name, create: true %>
+          <%= tom_select_tag 'post[tag_list]', multiple: true, class: 'w-full', options: post_tags_json_array, active_option: @post.tag_list, value_field: :name, create: true %>
         </div>
       </div>
     </div>

data/app/views/spree/admin/posts/_table_row.html.erb

@@ -1,6 +1,6 @@
 <tr data-controller="row-link" id="<%= dom_id(post) %>">
   <td>
-    <%= link_to spree.edit_admin_post_path(post), class: 'text-decoration-none d-flex align-items-center font-weight-bold text-dark gap-3', data: { row_link_target: :link, 'turbo-frame': '_top' } do %>
+    <%= link_to spree.edit_admin_post_path(post), class: 'no-underline flex items-center font-bold text-gray-900 gap-4', data: { row_link_target: :link, 'turbo-frame': '_top' } do %>
       <% if post.image.attached? && post.image.variable? %>
         <div class="admin-product-image-container">
           <%= spree_image_tag(post.image, width: 100, height: 65, class: 'img-fluid', loading: :lazy) %>

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

@@ -1,15 +1,5 @@
-<% content_for :page_title do %>
-  <%= page_header_back_button spree.admin_posts_path, @post %>
-  <%= @post.title %>
-<% end %>
-
 <% content_for :page_actions_dropdown do %>
   <%= external_page_preview_link(@post) %>
 <% end %>
 
-<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @post } %>
-
-<%= form_for [:admin, @post] do |f| %>
-  <%= render 'form', f: f %>
-  <%= render 'spree/admin/shared/edit_resource_links', f: f %>
-<% end %>
+<%= render 'spree/admin/shared/edit_resource', col_class: 'col-span-12' %>

data/app/views/spree/admin/posts/filters.html.erb

@@ -1,14 +1,14 @@
 <%= search_form_for [:admin, @search], class: "filter-wrap", data: {controller: "filters dialog"} do |f| %>
-    <div class="d-flex flex-column flex-lg-row gap-2">
+    <div class="flex flex-col lg:flex-row gap-2">
       <%= render 'spree/admin/shared/filters_search_bar', param: :search_by_title, label: Spree.t(:title) %>
 
-      <%= button_tag type: 'button', class: 'btn btn-light d-flex align-items-center', data: { action: 'dialog#open' } do %>
+      <%= button_tag type: 'button', class: 'btn btn-light flex items-center', data: { action: 'dialog#open' } do %>
         <%= icon "adjustments", class: "mr-1" %>
         <%= Spree.t("admin.filters") %>
       <% end %>
     </div>
 
-  <dialog class="drawer" data-dialog-target="dialog" id="posts-filters-drawer">
+  <%= drawer(id: 'posts-filters-drawer', controller_name: 'dialog') do %>
     <%= drawer_header(Spree.t(:filter), 'dialog') %>
     <div class="drawer-body">
     <div class="form-group">
@@ -31,7 +31,7 @@
       <%= drawer_discard_button('dialog') %>
       <%= render 'spree/admin/shared/filter_submit' %>
     </div>
-  </dialog>
+  <% end %>
 
   <%= render "spree/admin/shared/filter_badge_template" %>
 

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

@@ -7,4 +7,4 @@
 
 <%= render_admin_partials(:posts_header_partials) %>
 
-<%= render 'spree/admin/shared/index_table' %>
+<%= render_table @collection, :posts %>

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

@@ -1,11 +1 @@
-<% content_for :page_title do %>
-  <%= page_header_back_button spree.admin_posts_path, @post %>
-  <%= Spree.t(:new_post) %>
-<% end %>
-
-<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @post } %>
-
-<%= form_for [:admin, @post] do |f| %>
-  <%= render 'form', f: f %>
-  <%= render 'spree/admin/shared/new_resource_links' %>
-<% end %>
+<%= render 'spree/admin/shared/new_resource', col_class: 'col-span-12' %>

data/app/views/spree/admin/preferences/_password_field.html.erb

@@ -1,25 +1,25 @@
 <div class="form-group" data-controller="replace password-visibility">
   <% if form.object.persisted? %>
     <div data-replace-target="from">
-      <div readonly class="form-control d-flex align-items-center justify-content-between pr-1">
-        <span class="text-muted">
-          ...<%= form.object.send(field)&.last(4) %>
+      <div readonly class="input-group bg-gray-25 border border-gray-100">
+        <span class="text-gray-600 py-2 grow pl-2">
+          <%= form.object.send(field).length.times do %>&bull; <% end %>
+          <%= form.object.send(field)&.last(4) %>
         </span>
-        <button class="btn btn-sm btn-light" type="button" data-action="click->replace#replace">
-          <%= icon 'edit', class: 'mr-2' %>
+        <button class="btn btn-sm btn-light mr-1" type="button" data-action="click->replace#replace">
+          <%= icon 'edit' %>
           <%= Spree.t(:edit) %>
         </button>
       </div>
     </div>
-    <div class="input-group <% if form.object.persisted? %>d-none<% end %>" data-replace-target="to">
-      <%= password_field form.object_name, field, class: 'form-control', required: form.object.new_record?, data: { 'enable-button-target': 'input', 'password-visibility-target': 'input' } %>
-      <div class="input-group-append">
-        <button type="button" class="btn btn-light" data-action="password-visibility#toggle">
-          <span data-password-visibility-target="icon"><%= icon 'eye', class: 'mr-0' %></span>
-          <span data-password-visibility-target="icon" class="hidden"><%= icon 'eye-off', class: 'mr-0' %></span>
-        </button>
-      </div>
-    </div>
+    <div class="input-group <% if form.object.persisted? %>hidden<% end %>" data-replace-target="to">
+      <%= password_field form.object_name, field, class: 'form-input', required: form.object.new_record?, data: { 'enable-button-target': 'input', 'password-visibility-target': 'input' } %>
+
+      <button type="button" class="btn hover:bg-gray-100 p-1 mr-1 rounded" data-action="password-visibility#toggle">
+        <span data-password-visibility-target="icon"><%= icon 'eye', class: 'mr-0' %></span>
+        <span data-password-visibility-target="icon" class="hidden"><%= icon 'eye-off', class: 'mr-0' %></span>
+      </button>
+  </div>
   <% else %>
     <%= form.password_field(field, preference_field_options(options)) %>
   <% end %>

data/app/views/spree/admin/price_list_products/bulk_create.turbo_stream.erb

@@ -0,0 +1,11 @@
+<%= turbo_close_drawer %>
+
+<%= turbo_render_alerts %>
+
+<%= turbo_stream.replace :price_list_products do %>
+  <%= render template: 'spree/admin/price_list_products/index' %>
+<% end %>
+
+<%= turbo_stream.replace 'products_header' do %>
+  <%= render 'spree/admin/price_lists/products_header' %>
+<% end %>

data/app/views/spree/admin/price_list_products/bulk_destroy.turbo_stream.erb

@@ -0,0 +1,13 @@
+<%= turbo_render_alerts %>
+
+<%= turbo_stream.replace 'bulk-dialog' do %>
+  <%= render 'spree/admin/shared/bulk_modal' %>
+<% end %>
+
+<% params[:ids]&.each do |id| %>
+  <%= turbo_stream.remove("product_#{id}") %>
+<% end %>
+
+<%= turbo_stream.replace 'products_header' do %>
+  <%= render 'spree/admin/price_lists/products_header' %>
+<% end %>

data/app/views/spree/admin/price_list_products/bulk_new.html.erb

@@ -0,0 +1,29 @@
+<%= turbo_frame_tag :drawer do %>
+  <div data-controller="search-picker" class="flex flex-col justify-between h-full">
+    <%= drawer_header(Spree.t(:add_products)) %>
+
+    <div class="drawer-body border-b flex-none">
+      <%= form_with url: spree.search_admin_products_path, method: :post, data: { controller: 'auto-submit' } do |form| %>
+        <%= form.hidden_field :omit_ids, value: @price_list.products.pluck(:id).join(',') %>
+        <%= form.search_field :q, value: params[:q], class: 'form-input w-full', placeholder: Spree.t(:search_products), data: { search_picker_target: :search, action: 'auto-submit#submit' }, autofocus: true %>
+      <% end %>
+    </div>
+
+    <%= form_with url: spree.bulk_create_admin_price_list_products_path(@parent), method: :post, class: 'grow flex flex-col justify-between' do |form| %>
+      <%= form.hidden_field :currency, value: @currency %>
+
+      <div class="drawer-body grow">
+        <div id="products_search_results" class="search-results overflow-y-auto max-h-96">
+          <p class="text-gray-500 text-center py-8">
+            <%= Spree.t(:type_to_search_products) %>
+          </p>
+        </div>
+      </div>
+
+      <div class="drawer-footer">
+        <%= turbo_save_button_tag Spree.t(:add_selected), class: 'btn btn-primary', disabled: true, data: { search_picker_target: :submit } %>
+        <%= drawer_discard_button %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

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

@@ -0,0 +1 @@
+<%= render_table @collection, :price_list_products, container_class: 'card-body p-0', bulk_operations: true %>