solidus_admin 0.0.2 → 0.1.0

data/app/components/solidus_admin/orders/show/customer_search/component.yml

@@ -0,0 +1,2 @@
+en:
+  placeholder: "Search customer"

data/app/components/solidus_admin/orders/show/customer_search/result/component.html.erb

@@ -0,0 +1,17 @@
+<%= render component('ui/forms/search/result').new do %>
+  <% if @customer %>
+    <%= form_for(@order, url: solidus_admin.order_path(@order), html: {
+      "data-controller": "readonly-when-submitting",
+      class: "flex items-center",
+    }) do |f| %>
+      <%= hidden_field_tag("#{f.object_name}[user_id]", @customer.id) %>
+      <button type="submit" class="flex gap-2 grow items-center">
+        <%= render component("ui/icon").new(name: "user-line", class: 'w-5 h-5 m-2') %>
+        <div  class="flex-col text-left">
+          <div class="leading-5 text-black font-semibold text-sm"><%= @name %></div>
+          <div class="leading-5 text-gray-500 font-normal text-sm"><%= @customer.email %></div>
+        </div>
+      </button>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/orders/show/customer_search/result/component.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Orders::Show::CustomerSearch::Result::Component < SolidusAdmin::BaseComponent
+  with_collection_parameter :customer
+
+  def initialize(order:, customer:)
+    @order = order
+    @customer = customer
+    @name = (customer.default_user_bill_address || customer.default_user_ship_address)&.address&.name if customer
+  end
+end

data/app/components/solidus_admin/orders/show/email/component.html.erb

@@ -0,0 +1,18 @@
+<div class="<%= stimulus_id %>">
+  <%= render component("orders/show").new(order: @order) %>
+  <%= render component("ui/modal").new(title: t(".title"), close_path: close_path) do |modal| %>
+    <%= form_for @order, url: close_path, html: { id: form_id} do |f| %>
+      <%= render component("ui/forms/field").text_field(f, :email) %>
+      <label class="font-normal text-sm mt-4 block">
+        <%= t('.guest_checkout') %>:
+        <output class="font-semibold text-sm"><%= @order.user ? t('.no') : t('.yes') %></output>
+        <%= render component('ui/toggletip').new(text: t('.guest_checkout_tip'), class: "align-middle") %>
+      </label>
+    <% end %>
+
+    <% modal.with_actions do %>
+      <%= render component("ui/button").new(tag: :a, scheme: :secondary, href: close_path, type: :submit, text: t('.cancel')) %>
+      <%= render component("ui/button").new(form: form_id, type: :submit, text: t('.submit')) %>
+    <% end %>
+  <% end %>
+</div>

data/app/components/solidus_admin/orders/show/email/component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Orders::Show::Email::Component < SolidusAdmin::BaseComponent
+  def initialize(order:)
+    @order = order
+  end
+
+  def form_id
+    dom_id(@order, "#{stimulus_id}_email_form")
+  end
+
+  def close_path
+    @close_path ||= solidus_admin.order_path(@order)
+  end
+end

data/app/components/solidus_admin/orders/show/email/component.yml

@@ -0,0 +1,8 @@
+en:
+  title: "Edit order email"
+  submit: "Save"
+  cancel: "Cancel"
+  guest_checkout: "Guest checkout"
+  guest_checkout_tip: "An order without an associated user account is considered a guest checkout."
+  "yes": "Yes"
+  "no": "No"

data/app/components/solidus_admin/orders/show/summary/component.html.erb

@@ -0,0 +1,14 @@
+<div class="<%= stimulus_id %> w-full">
+  <%= render component('ui/panel').new(title: t('.summary')) do %>
+    <%= render component('ui/details_list').new(
+      items: [
+        { label: t('.subtotal'), value: number_to_currency(@order.item_total), class: 'font-semibold' },
+        { label: t('.taxes'), value: number_to_currency(@order.additional_tax_total) },
+        { label: t('.shipping'), value: number_to_currency(@order.shipment_total) },
+        { label: link_to(t('.add_promo_code'), '#', class: "body-link"), value: number_to_currency(@order.promo_total) },
+        { label: link_to(t('.adjustments'), '#', class: "body-link"), value: number_to_currency(@order.adjustment_total) },
+        { label: t('.total'), value: number_to_currency(@order.total), class: 'font-semibold' }
+      ]
+    ) %>
+  <% end %>
+</div>

data/app/components/solidus_admin/orders/show/summary/component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Orders::Show::Summary::Component < SolidusAdmin::BaseComponent
+  def initialize(order:)
+    @order = order
+  end
+end

data/app/components/solidus_admin/orders/show/summary/component.yml

@@ -0,0 +1,8 @@
+en:
+  summary: Summary
+  subtotal: Subtotal
+  taxes: Taxes
+  shipping: Shipping
+  add_promo_code: Add Promo Code
+  adjustments: Adjustments
+  total: Total

data/app/components/solidus_admin/payment_methods/index/component.html.erb

@@ -0,0 +1,38 @@
+<%= page do %>
+  <%= page_header do %>
+    <%= page_header_title title %>
+    <%= page_header_actions do %>
+      <%= render component("ui/button").new(
+        tag: :a,
+        text: t('.add'),
+        href: spree.new_admin_payment_method_path,
+        icon: "add-line",
+      ) %>
+    <% end %>
+  <% end %>
+
+  <%= render component('ui/table').new(
+    id: stimulus_id,
+    data: {
+      class: Spree::PaymentMethod,
+      rows: @page.records,
+      prev: prev_page_path,
+      next: next_page_path,
+      url: ->(payment_method) { spree.edit_admin_payment_method_path(payment_method) },
+      columns: columns,
+      batch_actions: batch_actions,
+    },
+    search: {
+      name: :q,
+      value: params[:q],
+      url: solidus_admin.payment_methods_path,
+      searchbar_key: :name_or_description_cont,
+      scopes: scopes,
+      filters: filters,
+    },
+    sortable: {
+      url: ->(payment_method) { solidus_admin.move_payment_method_path(payment_method) },
+      param: 'position',
+    },
+  ) %>
+<% end %>

data/app/components/solidus_admin/payment_methods/index/component.rb

@@ -0,0 +1,93 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::PaymentMethods::Index::Component < SolidusAdmin::BaseComponent
+  include SolidusAdmin::Layout::PageHelpers
+
+  def initialize(page:)
+    @page = page
+  end
+
+  def title
+    Spree::PaymentMethod.model_name.human.pluralize
+  end
+
+  def prev_page_path
+    solidus_admin.url_for(**request.params, page: @page.number - 1, only_path: true) unless @page.first?
+  end
+
+  def next_page_path
+    solidus_admin.url_for(**request.params, page: @page.next_param, only_path: true) unless @page.last?
+  end
+
+  def batch_actions
+    [
+      {
+        display_name: t('.batch_actions.delete'),
+        action: solidus_admin.payment_methods_path,
+        method: :delete,
+        icon: 'delete-bin-7-line',
+      },
+    ]
+  end
+
+  def scopes
+    [
+      { name: :all, label: t('.scopes.all'), default: true },
+      { name: :active, label: t('.scopes.active') },
+      { name: :inactive, label: t('.scopes.inactive') },
+      { name: :storefront, label: t('.scopes.storefront') },
+      { name: :admin, label: t('.scopes.admin') },
+    ]
+  end
+
+  def filters
+    []
+  end
+
+  def columns
+    [
+      {
+        header: :name,
+        data: ->(payment_method) do
+          content_tag :div, payment_method.name
+        end
+      },
+      {
+        header: :type,
+        data: ->(payment_method) do
+          content_tag :div, payment_method.model_name.human
+        end
+      },
+      {
+        header: :available_to_users,
+        data: ->(payment_method) do
+          if payment_method.available_to_users?
+            component('ui/badge').new(name: t('.yes'), color: :green)
+          else
+            component('ui/badge').new(name: t('.no'), color: :graphite_light)
+          end
+        end
+      },
+      {
+        header: :available_to_admin,
+        data: ->(payment_method) do
+          if payment_method.available_to_admin?
+            component('ui/badge').new(name: t('.yes'), color: :green)
+          else
+            component('ui/badge').new(name: t('.no'), color: :graphite_light)
+          end
+        end
+      },
+      {
+        header: :status,
+        data: ->(payment_method) do
+          if payment_method.active?
+            render component('ui/badge').new(name: t('.status.active'), color: :green)
+          else
+            render component('ui/badge').new(name: t('.status.inactive'), color: :graphite_light)
+          end
+        end
+      },
+    ]
+  end
+end

data/app/components/solidus_admin/payment_methods/index/component.yml

@@ -0,0 +1,15 @@
+en:
+  add: 'Add new'
+  "yes": "Yes"
+  "no": "No"
+  status:
+    active: Active
+    inactive: Inactive
+  scopes:
+    active: Active
+    inactive: Inactive
+    admin: Admin
+    storefront: Storefront
+    all: All
+  batch_actions:
+    delete: 'Delete'

data/app/components/solidus_admin/products/index/component.html.erb

@@ -1,30 +1,34 @@
-<div class="<%= stimulus_id %> px-4">
-  <header class="py-6 flex items-center">
-    <h1 class="body-title">
-      <%= title %>
-    </h1>
-
-    <div class="ml-auto flex gap-2 items-center">
-      <%= render component("feedback").new %>
+<%= page do %>
+  <%= page_header do %>
+    <%= page_header_title title %>
+    <%= page_header_actions do %>
       <%= render component("ui/button").new(
         tag: :a,
-        text: t('.add_product'),
+        text: t('.add'),
         href: spree.new_admin_product_path,
         icon: "add-line",
       ) %>
-    </div>
-  </header>
+    <% end %>
+  <% end %>
 
   <%= render component('ui/table').new(
-    id: 'products-list',
-    model_class: Spree::Product,
-    rows: @page.records,
-    search_key: SolidusAdmin::Config[:product_search_key],
-    search_url: solidus_admin.products_path,
-    batch_actions: batch_actions,
-    filters: filters,
-    columns: columns,
-    prev_page_link: prev_page_link,
-    next_page_link: next_page_link,
+    id: stimulus_id,
+    data: {
+      class: Spree::Product,
+      rows: @page.records,
+      url: ->(product) { solidus_admin.product_path(product) },
+      prev: prev_page_path,
+      next: next_page_path,
+      columns: columns,
+      batch_actions: batch_actions,
+    },
+    search: {
+      name: :q,
+      value: params[:q],
+      url: solidus_admin.products_path,
+      searchbar_key: :name_or_variants_including_master_sku_cont,
+      scopes: scopes,
+      filters: filters,
+    },
   ) %>
-</div>
+<% end %>

data/app/components/solidus_admin/products/index/component.rb

@@ -1,6 +1,8 @@
 # frozen_string_literal: true
 
 class SolidusAdmin::Products::Index::Component < SolidusAdmin::BaseComponent
+  include SolidusAdmin::Layout::PageHelpers
+
   def initialize(page:)
     @page = page
   end
@@ -9,12 +11,12 @@ class SolidusAdmin::Products::Index::Component < SolidusAdmin::BaseComponent
     Spree::Product.model_name.human.pluralize
   end
 
-  def prev_page_link
-    @page.first? ? nil : solidus_admin.url_for(host: request.host, port: request.port, **request.params, page: @page.number - 1)
+  def prev_page_path
+    solidus_admin.url_for(**request.params, page: @page.number - 1, only_path: true) unless @page.first?
   end
 
-  def next_page_link
-    @page.last? ? nil : solidus_admin.url_for(host: request.host, port: request.port, **request.params, page: @page.next_param)
+  def next_page_path
+    solidus_admin.url_for(**request.params, page: @page.next_param, only_path: true) unless @page.last?
   end
 
   def batch_actions
@@ -40,16 +42,29 @@ class SolidusAdmin::Products::Index::Component < SolidusAdmin::BaseComponent
     ]
   end
 
-  def filters
+  def scopes
     [
-      {
-        name: 'q[with_discarded]',
-        value: true,
-        label: t('.filters.with_deleted'),
-      },
+      { name: :all, label: t('.scopes.all'), default: true },
+      { name: :in_stock, label: t('.scopes.in_stock') },
+      { name: :out_of_stock, label: t('.scopes.out_of_stock') },
+      { name: :available, label: t('.scopes.available') },
+      { name: :discontinued, label: t('.scopes.discontinued') },
+      { name: :deleted, label: t('.scopes.deleted') },
     ]
   end
 
+  def filters
+    Spree::OptionType.all.map do |option_type|
+      {
+        presentation: option_type.presentation,
+        combinator: 'or',
+        attribute: "variants_option_values",
+        predicate: "in",
+        options: option_type.option_values.pluck(:name, :id),
+      }
+    end
+  end
+
   def columns
     [
       image_column,
@@ -62,16 +77,16 @@ class SolidusAdmin::Products::Index::Component < SolidusAdmin::BaseComponent
 
   def image_column
     {
-      class_name: "w-[72px]",
-      header: tag.span('aria-label': t('.product_image'), role: 'text'),
+      col: { class: "w-[72px]" },
+      header: tag.span('aria-label': t('.image'), role: 'text'),
       data: ->(product) do
         image = product.gallery.images.first or return
 
-        link_to(
-          image_tag(image.url(:small), class: 'h-10 w-10 max-w-min rounded border border-gray-100', alt: product.name),
-          solidus_admin.product_path(product),
-          class: 'inline-flex overflow-hidden',
-          tabindex: -1,
+        render(
+          component('ui/thumbnail').new(
+            src: image.url(:small),
+            alt: product.name
+          )
         )
       end
     }
@@ -81,7 +96,7 @@ class SolidusAdmin::Products::Index::Component < SolidusAdmin::BaseComponent
     {
       header: :name,
       data: ->(product) do
-        link_to product.name, solidus_admin.product_path(product)
+        content_tag :div, product.name
       end
     }
   end
@@ -89,29 +104,14 @@ class SolidusAdmin::Products::Index::Component < SolidusAdmin::BaseComponent
   def status_column
     {
       header: :status,
-      data: ->(product) { component('products/status').new(product: product) }
+      data: ->(product) { component('products/status').from_product(product) }
     }
   end
 
   def stock_column
     {
       header: :stock,
-      data: ->(product) do
-        stock_info =
-          case (on_hand = product.total_on_hand)
-          when Float::INFINITY
-            content_tag :span, t('.stock.in_stock', on_hand: t('.stock.infinity')), class: 'text-forest'
-          when 1..Float::INFINITY
-            content_tag :span, t('.stock.in_stock', on_hand: on_hand), class: 'text-forest'
-          else
-            content_tag :span, t('.stock.in_stock', on_hand: on_hand), class: 'text-red-500'
-          end
-
-        variant_info =
-          t('.for_variants', count: product.variants.count)
-
-        content_tag :div, safe_join([stock_info, variant_info], ' ')
-      end
+      data: ->(product) { component('products/stock').from_product(product) }
     }
   end
 
@@ -119,7 +119,7 @@ class SolidusAdmin::Products::Index::Component < SolidusAdmin::BaseComponent
     {
       header: :price,
       data: ->(product) do
-        content_tag :div, product.master.display_price.to_html
+        content_tag :div, product.master.display_price&.to_html
       end
     }
   end

data/app/components/solidus_admin/products/index/component.yml

@@ -1,13 +1,16 @@
 en:
-  product_image: 'Image'
-  add_product: 'Add Product'
-  stock:
-    infinity: '∞'
-    in_stock: '%{on_hand} in stock'
-  for_variants: 'for %{count} variants'
+  image: 'Image'
+  add: 'Add new'
   batch_actions:
     delete: 'Delete'
     discontinue: 'Discontinue'
     activate: 'Activate'
   filters:
     with_deleted: Include deleted
+  scopes:
+    all: All
+    available: Available
+    discontinued: Discontinued
+    in_stock: In stock
+    out_of_stock: Out of stock
+    deleted: Deleted

data/app/components/solidus_admin/products/show/component.html.erb

@@ -1,19 +1,10 @@
-<div class="px-4 relative" data-controller="<%= stimulus_id %>">
-  <header class="py-6 flex items-center gap-4">
-    <%= render component("ui/button").new(
-      tag: :a,
-      title: t(".back"),
-      icon: "arrow-left-line",
-      scheme: :secondary,
-      href: solidus_admin.products_path
-    ) %>
-    <h1 class="flex items-center gap-2">
-      <span class="body-title"><%= @product.name %></span>
-      <%= render component("products/status").new(product: @product) %>
-    </h1>
-
-    <div class="ml-auto flex gap-2 items-center">
-      <%= render component("feedback").new %>
+<%= page do %>
+  <%= page_header do %>
+    <%= page_header_back(solidus_admin.products_path) %>
+    <%= page_header_title(@product.name) do %>
+      <%= render component("products/status").from_product(@product) %>
+    <% end %>
+    <%= page_header_actions do %>
       <%= render component("ui/button").new(
         tag: :a,
         text: t(".duplicate"),
@@ -29,19 +20,19 @@
         scheme: :ghost
       ) %>
       <%= render component("ui/button").new(tag: :button, text: t(".save"), form: form_id) %>
-    </div>
-  </header>
+    <% end %>
+  <% end %>
 
   <%= form_for @product, url: solidus_admin.product_path(@product), html: { id: form_id } do |f| %>
-    <div class="flex gap-4 items-start pb-4">
-      <div class="justify-center items-start gap-4 flex flex-col w-full">
+    <%= page_with_sidebar do %>
+      <%= page_with_sidebar_main do %>
         <%= render component('ui/panel').new do %>
           <%= render component("ui/forms/field").text_field(f, :name) %>
           <%= render component("ui/forms/field").text_field(f, :slug) %>
           <%= render component("ui/forms/field").text_area(f, :description) %>
         <% end %>
 
-        <%= render component('ui/panel').new(title: 'SEO', title_hint: 'Search Engine Optimization') do %>
+        <%= render component('ui/panel').new(title: 'SEO') do %>
           <%= render component("ui/forms/field").text_field(f, :meta_title) %>
           <%= render component("ui/forms/field").text_field(f, :meta_description) %>
           <%= render component("ui/forms/field").text_area(f, :meta_keywords) %>
@@ -105,35 +96,38 @@
             href: spree.admin_product_product_properties_path(@product)
           ) %>
         <% end %>
-      </div>
+      <% end %>
 
-      <aside class="justify-center items-start gap-4 flex flex-col w-full max-w-sm">
+      <%= page_with_sidebar_aside do %>
         <%= render component('ui/panel').new(title: "Publishing") do %>
-          <%= render component("ui/forms/field").text_field(f, :available_on, tip: t(".hints.available_on_html"), type: :date) %>
-          <%= render component("ui/forms/field").text_field(f, :discontinue_on, tip: t(".hints.discontinue_on_html"), type: :date) %>
+          <%= render component("ui/forms/field").text_field(f, :available_on, hint: t(".available_on_html"), type: :date) %>
+          <%= render component("ui/forms/field").text_field(f, :discontinue_on, hint: t(".discontinue_on_html"), type: :date) %>
 
           <label class="flex gap-2 items-center">
             <%= render component("ui/forms/checkbox").new(
               name: "#{f.object_name}[promotionable]",
               checked: f.object.promotionable
             ) %>
-            <span class="body-text-sm"><%= Spree::Product.human_attribute_name :promotionable %></span>
-            <%= render component("ui/toggletip").new(
-              text: t(".hints.promotionable_html"),
-              position: :left
-            ) %>
+            <span class="font-normal text-xs"><%= Spree::Product.human_attribute_name :promotionable %></span>
+            <%= render component("ui/toggletip").new(text: t(".hints.promotionable_html")) %>
           </label>
         <% end %>
 
         <%= render component('ui/panel').new(title: "Product organization") do %>
-          <%= render component("ui/forms/field").select(f, :taxon_ids, taxon_options, multiple: true, "size" => taxon_options.size) %>
+          <%= render component("ui/forms/field").select(
+            f,
+            :taxon_ids,
+            taxon_options,
+            multiple: true,
+            "size" => taxon_options.size, # use a string key to avoid setting the size of the component
+          ) %>
         <% end %>
-      </aside>
-    </div>
+      <% end %>
+    <% end %>
   <% end %>
 
-  <div class="mt-4 py-4 px-2 pb-8 border-t border-gray-100 flex">
-    <div class="flex gap-2 grow">
+  <%= page_footer do %>
+    <%= page_footer_actions do %>
       <%= form_for @product, url: solidus_admin.product_path(@product), method: :delete do %>
         <%= render component("ui/button").new(
           tag: :button,
@@ -143,7 +137,7 @@
           "data-#{stimulus_id}-message-param": t(".delete_confirmation"),
         ) %>
       <% end %>
-    </div>
+    <% end %>
     <%= render component("ui/button").new(tag: :button, text: t(".save"), form: form_id) %>
-  </div>
-</div>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/products/show/component.rb

@@ -1,6 +1,8 @@
 # frozen_string_literal: true
 
 class SolidusAdmin::Products::Show::Component < SolidusAdmin::BaseComponent
+  include SolidusAdmin::Layout::PageHelpers
+
   def initialize(product:)
     @product = product
   end

data/app/components/solidus_admin/products/show/component.yml

@@ -9,9 +9,9 @@ en:
   manage_properties: "Manage product specifications"
   manage_stock: "Manage stock"
   delete_confirmation: "Are you sure you want to delete this product?"
+  available_on_html: 'Product availability starts from the set date.<br> Empty date indicates no availability.'
+  discontinue_on_html: 'Product availability ends from the set date.<br> Empty date indicates continuous availability.'
   hints:
-    available_on_html: This sets the availability date for the product. If this value is not set, or it is set to a date in the future, then the product is not available on the storefront.
-    discontinue_on_html: This sets the discontinue date for the product. If this value is set to a date, then the product is not available on the storefront from that day on anymore.
-    promotionable_html: 'This determines whether or not promotions can apply to this product.<br>Default: Checked'
-    shipping_category_html: 'This determines what kind of shipping this product requires.<br> Default: Default'
-    tax_category_html: 'This determines what kind of taxation is applied to this product.<br> Default: %{default_tax_category}'
+    promotionable_html: Promotions can apply to this product
+    shipping_category_html: Manage Shipping in Settings
+    tax_category_html: Manage Taxes in Settings