[wip] Add orders/show/shipment component

Co-Authored-By: andrea longhi <[email protected]>

admin/app/components/solidus_admin/orders/show/shipment/component.html.erb

@@ -1,7 +1,10 @@
 <div class="<%= stimulus_id %>" data-controller="<%= stimulus_id %>">
   <div class="rounded p-2">
     <%= render component('ui/panel').new do |panel| %>
-      <% panel.with_menu t(".edit_shipment"), solidus_admin.order_shipments_path(@order, shipment_id: @shipment.id) %>
+      <% panel.with_menu t(".edit"), solidus_admin.edit_order_shipments_path(@order, shipment_id: @shipment.id) %>
+      <% panel.with_menu t(".split"), solidus_admin.split_edit_order_shipments_path(@order, shipment_id: @shipment.id) %>
+      <% panel.with_menu t(".merge"), solidus_admin.order_shipments_path(@order, shipment_id: @shipment.id) %>
+      <% panel.with_menu t(".change_location"), solidus_admin.order_shipments_path(@order, shipment_id: @shipment.id) %>
 
       <% panel.with_section(wide: true, high: true) do %>
         <section class="border-gray-100 border-t w-full first-of-type:border-t-0 p-6">

admin/app/components/solidus_admin/orders/show/shipment/component.yml

@@ -5,7 +5,10 @@ en:
   total: Total Price
   actions: Actions
   none: No tracking details provided
-  edit_shipment: Edit shipment
+  edit: Edit
+  split: Split
+  merge: Merge
+  change_location: Change Location
   inventory_states:
     backordered: Backordered
     canceled: Canceled

admin/app/components/solidus_admin/orders/show/shipment/split/component.html.erb

@@ -0,0 +1,96 @@
+<div class="<%= stimulus_id %>" data-controller="<%= stimulus_id %>">
+  <%= render component("orders/show").new(order: @order) %>
+  <%= render component("ui/modal").new(title: t(".title", number: @shipment.number), close_path: close_path) do |modal| %>
+    <table class="table-auto w-full">
+      <thead>
+        <tr>
+          <th class="py-2 px-4 h-10 bg-gray-15 w-16">
+            <%=
+              render component("ui/forms/checkbox").new(
+                form: form_id,
+                "data-action": "#{stimulus_id}#selectAllRows",
+                "data-#{stimulus_id}-target": "headerCheckbox",
+                "aria-label": t('.select_all'),
+              )
+            %>
+          </th>
+          <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none">
+            <%= t(".product") %>
+          </th>
+          <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none w-16">
+            <%= t(".quantity") %>
+          </th>
+          <th class="text-left body-small-bold text-gray-800 bg-gray-15 px-6 py-3 leading-none w-16 whitespace-nowrap">
+            <%= t(".total") %>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <% manifest.each do |item| %>
+          <tr class="border-gray-100 border-t">
+            <td class="py-2 px-4">
+              <%=
+                render component("ui/forms/checkbox").new(
+                  name: "selected_variants[]",
+                  form: form_id,
+                  value: item.variant.id,
+                  "data-#{stimulus_id}-target": "checkbox",
+                )
+              %>
+            </td>
+
+            <td class="px-6 py-4">
+              <div class="flex gap-2 grow">
+                <% variant = item.variant %>
+                <%= render component("ui/thumbnail").new(
+                  src: (variant.images.first || variant.product.gallery.images.first)&.url(:small),
+                  alt: variant.name
+                ) %>
+                <div class="flex-col">
+                  <div class="leading-5 text-black body-small-bold"><%= variant.name %></div>
+                  <div class="leading-5 text-gray-500 body-small">
+                    SKU: <%= variant.sku %>
+                    <%= variant.options_text.presence&.prepend("- ") %>
+                  </div>
+                </div>
+              </div>
+            </td>
+            <td class="px-6 py-4">
+              <span class="text-gray-500 body-small whitespace-nowrap">
+                <%= render component("ui/forms/input").new(
+                  value: item.line_item.quantity,
+                  form: form_id,
+                  name: "variants[#{item.variant.id}][quantity]",
+                  type: :number,
+                  step: 1,
+                  min: "1",
+                  max: item.line_item.quantity,
+                  "data-#{stimulus_id}-target": "quantity",
+                  "data-action": "focus->#{stimulus_id}#selectRow",
+                ) %>
+              </span>
+            </td>
+            <td class="px-6 py-4">
+              <span class="text-gray-500 body-small"><%= item.line_item.display_amount %></span>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+
+    <% modal.with_actions do %>
+      <%= form_tag '', id: form_id, "data-action": "submit->#{stimulus_id}#submit" %>
+      <%= render component("ui/button").new(tag: :a, scheme: :secondary, href: close_path, type: :submit, text: t('.cancel')) %>
+      <%= render_split_action_button %>
+    <% end %>
+  <% end %>
+</div>
+
+
+
+<form action="/your_action" method="post">
+  <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>">
+  <input type="text" name="variants[1][quantity]" value="12">
+  <input type="text" name="variants[2][quantity]" value="3">
+  <input type="submit" value="Submit">
+</form>

admin/app/components/solidus_admin/orders/show/shipment/split/component.js

@@ -0,0 +1,23 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+  static targets = [
+    "checkbox",
+    "headerCheckbox",
+    "quantity"
+  ]
+
+  selectAllRows(event) {
+    this.checkboxTargets.forEach((checkbox) => (checkbox.checked = event.target.checked))
+  }
+
+  selectRow(event) {
+    const checkbox = this.checkboxTargets.find(selection => event.target.closest("tr").contains(selection))
+    if (checkbox) checkbox.checked = true
+  }
+
+  submit(event) {
+    event.preventDefault()
+    //this.quantityTargets.forEach((quantity) => (quantity.disabled = !this.checkboxTargets.find(selection => quantity.contains(selection).checked )))
+  }
+}

admin/app/components/solidus_admin/orders/show/shipment/split/component.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Orders::Show::Shipment::Split::Component < SolidusAdmin::BaseComponent
+  include SolidusAdmin::Layout::PageHelpers
+
+  def initialize(shipment:)
+    @order = shipment.order
+    @shipment = shipment
+  end
+
+  def manifest
+    Spree::ShippingManifest.new(
+      inventory_units: @shipment.inventory_units.where(carton_id: nil),
+    ).items.sort_by { |item| item.line_item.created_at }
+  end
+
+  def form_id
+    dom_id(@order, "#{stimulus_id}_shipment_form_#{@shipment.id}")
+  end
+
+
+  def render_split_action_button
+    render component("ui/button").new(
+      name: request_forgery_protection_token,
+      value: form_authenticity_token(form_options: {
+        action: solidus_admin.split_create_order_shipments_path(@order),
+        method: :put,
+      }),
+      formaction: solidus_admin.split_create_order_shipments_path(@order),
+      formmethod: :put,
+      form: form_id,
+      text: t('.split'),
+      type: :submit,
+    )
+  end
+
+  def close_path
+    @close_path ||= solidus_admin.order_path(@order)
+  end
+end

admin/app/components/solidus_admin/orders/show/shipment/split/component.yml

@@ -0,0 +1,16 @@
+en:
+  title: "Split shipment %{number}"
+  submit: "Save"
+  cancel: "Cancel"
+  product: Product
+  quantity: Quantity
+  total: Total Price
+  actions: Actions
+  split: Split
+  select_all: Select All
+  inventory_states:
+    backordered: Backordered
+    canceled: Canceled
+    on_hand: On hand
+    returned: Returned
+    shipped: Shipped

admin/app/controllers/solidus_admin/shipments_controller.rb

@@ -3,21 +3,57 @@
 class SolidusAdmin::ShipmentsController < SolidusAdmin::BaseController
   include Spree::Core::ControllerHelpers::StrongParameters
 
-  before_action :load_order, :load_shipment, only: [:show, :update]
+  before_action :load_order, :load_shipment, only: [:edit, :update, :split_edit]
+  #before_action :load_transfer_params, only: [:split_create]
 
-  def show
+  def edit
     render component('orders/show/shipment/edit').new(shipment: @shipment)
   end
 
+  def split_edit
+    render component('orders/show/shipment/split').new(shipment: @shipment)
+
+    # if params[:stock_location_id]
+    #   @desired_stock_location = Spree::StockLocation.find(params[:stock_location_id])
+    #   @desired_shipment = @original_shipment.order.shipments.build(stock_location: @desired_stock_location)
+    # end
+    #
+    # @desired_shipment ||= Spree::Shipment.find_by!(number: params[:target_shipment_number])
+    #
+    # fulfilment_changer = Spree::FulfilmentChanger.new(
+    #   current_shipment: @original_shipment,
+    #   desired_shipment: @desired_shipment,
+    #   variant: @variant,
+    #   quantity: @quantity,
+    #   track_inventory: Spree::Config.track_inventory_levels
+    # )
+    #
+    # if fulfilment_changer.run!
+    #   redirect_to order_path(@order), status: :see_other, notice: t('.success')
+    # else
+    #   flash.now[:error] = @shipment.errors[:base].join(", ") if @shipment.errors[:base].any?
+    #
+    #   respond_to do |format|
+    #     format.html do
+    #       render component('orders/show/shipment/split').new(shipment: @shipment), status: :unprocessable_entity
+    #     end
+    #   end
+    # end
+  end
+
+  def split_create
+    raise
+  end
+
   def update
     if @shipment.update_attributes_and_order(shipment_params)
       redirect_to order_path(@order), status: :see_other, notice: t('.success')
     else
-      flash.now[:error] = @order.errors[:base].join(", ") if @order.errors[:base].any?
+      flash.now[:error] = @shipment.errors[:base].join(", ") if @shipment.errors[:base].any?
 
       respond_to do |format|
         format.html do
-          render component('orders/show/shipment/edit').new(order: @order), status: :unprocessable_entity
+          render component('orders/show/shipment/edit').new(shipment: @shipment), status: :unprocessable_entity
         end
       end
     end
@@ -33,6 +69,15 @@ def load_shipment
     @shipment = @order.shipments.find_by(id: params[:shipment_id])
   end
 
+  # def load_transfer_params
+  #   @original_shipment         = Spree::Shipment.find_by!(number: params[:original_shipment_number])
+  #   @order                     = @original_shipment.order
+  #   @variant                   = Spree::Variant.find(params[:variant_id])
+  #   @quantity                  = params[:quantity].to_i
+  #   authorize! [:update, :destroy], @original_shipment
+  #   authorize! :create, Shipment
+  # end
+
   def shipment_params
     if params[:shipment] && !params[:shipment].empty?
       params.require(:shipment).permit(permitted_shipment_attributes)

admin/config/routes.rb

@@ -38,7 +38,12 @@
     resource :customer
     resource :ship_address, only: [:show, :edit, :update], controller: "addresses", type: "ship"
     resource :bill_address, only: [:show, :edit, :update], controller: "addresses", type: "bill"
-    resource :shipments
+    resource :shipments do
+      member do
+        get :split_edit
+        put :split_create
+      end
+    end
 
     member do
       get :variants_for

admin/spec/components/previews/solidus_admin/orders/show/shipment/split/component_preview.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+# @component "orders/show/shipment/split"
+class SolidusAdmin::Orders::Show::Shipment::Split::ComponentPreview < ViewComponent::Preview
+  include SolidusAdmin::Preview
+
+  def overview
+    render_with_template
+  end
+
+  # @param shipment text
+  def playground(shipment: "shipment")
+    render component("orders/show/shipment/split").new(shipment: shipment)
+  end
+end

admin/spec/components/previews/solidus_admin/orders/show/shipment/split/component_preview/overview.html.erb

@@ -0,0 +1,7 @@
+<div class="mb-8">
+  <h6 class="text-gray-500 mb-3 mt-0">
+    Scenario 1
+  </h6>
+
+  <%= render current_component.new(shipment: "shipment") %>
+</div>

admin/spec/components/solidus_admin/orders/show/shipment/split/component_spec.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+require "spec_helper"
+
+RSpec.describe SolidusAdmin::Orders::Show::Shipment::Split::Component, type: :component do
+  it "renders the overview preview" do
+    render_preview(:overview)
+  end
+
+  # it "renders something useful" do
+  #   render_inline(described_class.new(shipment: "shipment"))
+  #
+  #   expect(page).to have_text "Hello, components!"
+  #   expect(page).to have_css '.value'
+  # end
+end