solidus_admin 0.4.0 → 0.5.0

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

@@ -5,20 +5,16 @@ class SolidusAdmin::StockLocations::Index::Component < SolidusAdmin::Shipping::C
     Spree::StockLocation
   end
 
-  def actions
+  def page_actions
     render component("ui/button").new(
       tag: :a,
-      text: t('.add'),
-      href: spree.new_admin_stock_location_path,
+      text: t(".add"),
+      href: solidus_admin.new_stock_location_path,
       icon: "add-line",
-      class: "align-self-end w-full",
+      class: "align-self-end w-full"
     )
   end
 
-  def row_url(stock_location)
-    spree.edit_admin_stock_location_path(stock_location)
-  end
-
   def search_url
     solidus_admin.stock_locations_path
   end
@@ -27,14 +23,18 @@ class SolidusAdmin::StockLocations::Index::Component < SolidusAdmin::Shipping::C
     :name_or_description_cont
   end
 
+  def edit_path(stock_location)
+    solidus_admin.edit_stock_location_path(stock_location)
+  end
+
   def batch_actions
     [
       {
-        label: t('.batch_actions.delete'),
+        label: t(".batch_actions.delete"),
         action: solidus_admin.stock_locations_path,
         method: :delete,
-        icon: 'delete-bin-7-line',
-      },
+        icon: "delete-bin-7-line"
+      }
     ]
   end
 
@@ -48,42 +48,89 @@ class SolidusAdmin::StockLocations::Index::Component < SolidusAdmin::Shipping::C
 
   def columns
     [
-      :name,
-      :code,
-      :admin_name,
-      {
-        header: :state,
-        data: -> {
-          color = _1.active? ? :green : :graphite_light
-          text = _1.active? ? t('.active') : t('.inactive')
-
-          component('ui/badge').new(name: text, color:)
-        },
-      },
-      {
-        header: :backorderable,
-        data: -> {
-          _1.backorderable_default ? component('ui/badge').yes : component('ui/badge').no
-        }
-      },
-      {
-        header: :default,
-        data: -> {
-          _1.default ? component('ui/badge').yes : component('ui/badge').no
-        }
-      },
-      {
-        header: :stock_movements,
-        data: -> {
-          count = _1.stock_movements.count
-
-          link_to(
-            "#{count} #{Spree::StockMovement.model_name.human(count:).downcase}",
-            spree.admin_stock_location_stock_movements_path(_1),
-            class: 'body-link'
-          )
-        }
-      }
+      name_column,
+      code_column,
+      admin_name_column,
+      state_column,
+      backorderable_column,
+      default_column,
+      stock_movements_column
     ]
   end
+
+  private
+
+  def name_column
+    {
+      header: :name,
+      data: ->(stock_location) do
+        link_to stock_location.name, edit_path(stock_location), class: "body-link"
+      end
+    }
+  end
+
+  def code_column
+    {
+      header: :code,
+      data: ->(stock_location) do
+        return if stock_location.code.blank?
+        link_to stock_location.code, edit_path(stock_location), class: "body-link"
+      end
+    }
+  end
+
+  def admin_name_column
+    {
+      header: :admin_name,
+      data: ->(stock_location) do
+        return if stock_location.admin_name.blank?
+        link_to stock_location.admin_name, edit_path(stock_location), class: "body-link"
+      end
+    }
+  end
+
+  def state_column
+    {
+      header: :state,
+      data: ->(stock_location) do
+        color = stock_location.active? ? :green : :graphite_light
+        text = stock_location.active? ? t(".active") : t(".inactive")
+
+        component("ui/badge").new(name: text, color:)
+      end
+    }
+  end
+
+  def backorderable_column
+    {
+      header: :backorderable,
+      data: -> do
+        _1.backorderable_default ? component("ui/badge").yes : component("ui/badge").no
+      end
+    }
+  end
+
+  def default_column
+    {
+      header: :default,
+      data: -> do
+        _1.default ? component("ui/badge").yes : component("ui/badge").no
+      end
+    }
+  end
+
+  def stock_movements_column
+    {
+      header: :stock_movements,
+      data: ->(stock_location) do
+        count = stock_location.stock_movements.count
+
+        link_to(
+          "#{count} #{Spree::StockMovement.model_name.human(count:).downcase}",
+          spree.admin_stock_location_stock_movements_path(stock_location),
+          class: "body-link"
+        )
+      end
+    }
+  end
 end

data/app/components/solidus_admin/stock_locations/new/component.html.erb

@@ -0,0 +1,16 @@
+<%= page id: :resource_form do %>
+  <%= page_header do %>
+    <%= page_header_back(back_url) %>
+    <%= page_header_title(t('.title')) %>
+    <%= page_header_actions do %>
+      <%= render component("ui/button").discard(path: back_url) %>
+      <%= render component("ui/button").save(form: form_id) %>
+    <% end %>
+  <% end %>
+
+  <%= render component("stock_locations/form").new(stock_location: @stock_location, url: form_url, id: form_id) %>
+
+  <%= page_footer do %>
+    <%= render component("ui/button").save(form: form_id) %>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/stock_locations/new/component.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::StockLocations::New::Component < SolidusAdmin::Resources::New::Component
+  include SolidusAdmin::Layout::PageHelpers
+
+  def initialize(*args)
+    super
+    ensure_country
+  end
+
+  private
+
+  def ensure_country
+    @stock_location.country.blank? && (@stock_location.country = Spree::Country.default)
+  end
+end

data/app/components/solidus_admin/stock_locations/new/component.yml

@@ -0,0 +1,2 @@
+en:
+  title: "New Stock Location"

data/app/components/solidus_admin/store_credit_reasons/edit/component.html.erb

@@ -1,24 +1,15 @@
-<%= turbo_frame_tag :resource_modal, target: "_top" do %>
+<%= turbo_frame_tag :resource_form, target: "_top" do %>
   <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
-    <%= form_for @store_credit_reason, url: form_url, html: { id: form_id } do |f| %>
+    <%= solidus_form_for @store_credit_reason, url: form_url, html: { id: form_id } do |f| %>
       <div class="flex flex-col gap-6 pb-4">
-        <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
-        <label class="flex gap-2 items-center">
-          <%= hidden_field_tag "#{f.object_name}[active]", "0" %>
-          <%= render component("ui/forms/checkbox").new(
-            name: "#{f.object_name}[active]",
-            value: "1",
-            checked: f.object.active
-          ) %>
-          <span class="font-semibold text-xs ml-2"><%= Spree::StoreCreditReason.human_attribute_name :active %></span>
-          <%= render component("ui/toggletip").new(text: t(".hints.active")) %>
-        </label>
+        <%= f.text_field(:name, class: "required") %>
+        <%= f.checkbox(:active, hint: t(".hints.active")) %>
       </div>
       <% modal.with_actions do %>
         <form method="dialog">
           <%= render component("ui/button").new(scheme: :secondary, text: t('.cancel')) %>
         </form>
-        <%= render component("ui/button").new(form: form_id, type: :submit, text: t('.submit')) %>
+        <%= f.submit %>
       <% end %>
     <% end %>
   <% end %>

data/app/components/solidus_admin/store_credit_reasons/edit/component.yml

@@ -3,6 +3,5 @@
 en:
   title: "Edit Store Credit Reason"
   cancel: "Cancel"
-  submit: "Update Store Credit Reason"
   hints:
     active: "When checked, this store credit reason will be available for selection when adding store credit to orders."

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

@@ -8,17 +8,17 @@ class SolidusAdmin::StoreCreditReasons::Index::Component < SolidusAdmin::Refunds
   def page_actions
     render component("ui/button").new(
       tag: :a,
-      text: t('.add'),
+      text: t(".add"),
       href: solidus_admin.new_store_credit_reason_path(**search_filter_params),
-      data: { turbo_frame: :resource_modal },
+      data: {turbo_frame: :resource_form},
       icon: "add-line",
-      class: "align-self-end w-full",
+      class: "align-self-end w-full"
     )
   end
 
   def turbo_frames
     %w[
-      resource_modal
+      resource_form
     ]
   end
 
@@ -37,11 +37,11 @@ class SolidusAdmin::StoreCreditReasons::Index::Component < SolidusAdmin::Refunds
   def batch_actions
     [
       {
-        label: t('.batch_actions.delete'),
+        label: t(".batch_actions.delete"),
         action: solidus_admin.store_credit_reasons_path(**search_filter_params),
         method: :delete,
-        icon: 'delete-bin-7-line',
-      },
+        icon: "delete-bin-7-line"
+      }
     ]
   end
 
@@ -51,16 +51,16 @@ class SolidusAdmin::StoreCreditReasons::Index::Component < SolidusAdmin::Refunds
         header: :name,
         data: ->(store_credit_reason) do
           link_to store_credit_reason.name, edit_path(store_credit_reason),
-            data: { turbo_frame: :resource_modal },
-            class: 'body-link'
+            data: {turbo_frame: :resource_form},
+            class: "body-link"
         end
       },
       {
         header: :active,
         data: ->(store_credit_reason) do
-          store_credit_reason.active? ? component('ui/badge').yes : component('ui/badge').no
+          store_credit_reason.active? ? component("ui/badge").yes : component("ui/badge").no
         end
-      },
+      }
     ]
   end
 end

data/app/components/solidus_admin/store_credit_reasons/new/component.html.erb

@@ -1,24 +1,15 @@
-<%= turbo_frame_tag :resource_modal, target: "_top" do %>
+<%= turbo_frame_tag :resource_form, target: "_top" do %>
   <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
-    <%= form_for @store_credit_reason, url: form_url, html: { id: form_id } do |f| %>
+    <%= solidus_form_for @store_credit_reason, url: form_url, html: { id: form_id } do |f| %>
       <div class="flex flex-col gap-6 pb-4">
-        <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
-        <label class="flex gap-2 items-center">
-          <%= hidden_field_tag "#{f.object_name}[active]", "0" %>
-          <%= render component("ui/forms/checkbox").new(
-            name: "#{f.object_name}[active]",
-            value: "1",
-            checked: f.object.active
-          ) %>
-          <span class="font-semibold text-xs ml-2"><%= Spree::StoreCreditReason.human_attribute_name :active %></span>
-          <%= render component("ui/toggletip").new(text: t(".hints.active")) %>
-        </label>
+        <%= f.text_field(:name, class: "required") %>
+        <%= f.checkbox(:active, hint: t(".hints.active")) %>
       </div>
       <% modal.with_actions do %>
         <form method="dialog">
           <%= render component("ui/button").new(scheme: :secondary, text: t('.cancel')) %>
         </form>
-        <%= render component("ui/button").new(form: form_id, type: :submit, text: t('.submit')) %>
+        <%= f.submit %>
       <% end %>
     <% end %>
   <% end %>

data/app/components/solidus_admin/store_credit_reasons/new/component.yml

@@ -3,6 +3,5 @@
 en:
   title: "New Store Credit Reason"
   cancel: "Cancel"
-  submit: "Add Store Credit Reason"
   hints:
     active: "When checked, this store credit reason will be available for selection when adding store credit to orders."

data/app/components/solidus_admin/stores/edit/component.html.erb

@@ -0,0 +1,27 @@
+<%= page id: :resource_form do %>
+  <%= page_header do %>
+    <%= page_header_back(back_url) %>
+    <%= page_header_title(@store.name) %>
+    <%= page_header_actions do %>
+      <%= render component("ui/button").discard(path: back_url) %>
+      <%= render component("ui/button").save(form: form_id) %>
+    <% end %>
+  <% end %>
+
+  <%= render component("stores/form").new(store: @store, url: form_url, id: form_id) %>
+
+  <%= page_footer do %>
+    <div class="flex justify-between w-full">
+      <% unless @store.default %>
+        <%= form_for @store, url: solidus_admin.store_path(@store), method: :delete do %>
+          <%= render component("ui/button").delete(
+            "data-controller": "confirm",
+            "data-confirm-text-value": t("spree.are_you_sure")
+          ) %>
+        <% end %>
+      <% end %>
+
+      <%= render component("ui/button").save(form: form_id) %>
+    </div>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/stores/edit/component.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Stores::Edit::Component < SolidusAdmin::Resources::Edit::Component
+  include SolidusAdmin::Layout::PageHelpers
+end

data/app/components/solidus_admin/stores/form/component.html.erb

@@ -0,0 +1,102 @@
+<%= form_for @store, url: @url, html: { id: @id } do |f| %>
+  <%= page_with_sidebar do %>
+    <%= page_with_sidebar_main do %>
+      <%= render component('ui/panel').new do |panel| %>
+        <% panel.with_section(class: "flex flex-col gap-4") do %>
+          <div class="flex flex-col gap-4 w-full">
+            <%= render component("ui/forms/field").text_field(f, :name) %>
+            <%= render component("ui/forms/field").text_field(f, :code) %>
+            <%= render component("ui/forms/field").text_field(f, :url) %>
+            <%= render component("ui/forms/field").text_field(f, :mail_from_address) %>
+          </div>
+        <% end %>
+      <% end %>
+      <%# This check can be removed once we drop support for Solidus 4.7 and earlier. %>
+      <% if Spree::Store.reflect_on_association(:address) %>
+        <%= render component('ui/panel').new(title: t('.address')) do |panel| %>
+          <% panel.with_section do %>
+            <%= render component('ui/forms/address').new(
+              addressable: address,
+              form_field_name: "store[address_attributes]",
+              excludes: address_excludes
+            ) %>
+          <% end %>
+        <% end %>
+      <% end %>
+      <%= render component('ui/panel').new(title: t('.localization')) do |panel| %>
+        <% panel.with_section(class: "flex flex-col gap-4") do %>
+          <div class="flex flex-col gap-4 w-full">
+            <%= render component("ui/forms/field").select(f, :default_currency, Spree::Config.available_currencies.map(&:iso_code)) %>
+            <%= render component("ui/forms/field").select(f, :cart_tax_country_iso, Spree::Country.order(:name).map { |c| [c.name, c.iso] },
+              include_blank: t(".tax_country.no_taxes_without_address")
+            ) %>
+            <%= render component("ui/forms/field").select(f, :available_locales, available_locales, multiple: true) %>
+          </div>
+          <%= render component('ui/panel').new do |inner_panel| %>
+            <% inner_panel.with_section(class: "flex justify-between") do %>
+              <div class="flex gap-2 items-center">
+                <div class="p-1 border border-gray-100 rounded-sm">
+                  <%= render component("ui/icon").new(name: "github-fill", class: "w-9 h-9 fill-gray-500") %>
+                </div>
+                <div class="flex flex-col">
+                  <div class="flex gap-1">
+                    <div class="font-semibold"><%= t(".plugins.solidus_i18n.title") %></div>
+                    <%= render component("ui/badge").new(name: t(".plugins.plugin"), color: :blue, size: :s) %>
+                  </div>
+                  <div class="text-sm text-gray-500"><%= t(".plugins.solidus_i18n.desc") %></div>
+                </div>
+              </div>
+              <div class="flex items-center">
+                <%= render component("ui/button").new(
+                  tag: :a,
+                  text: t(".plugins.install"),
+                  scheme: :secondary,
+                  href: t(".plugins.solidus_i18n.href"),
+                  target: "_blank"
+                ) %>
+              </div>
+            <% end %>
+          <% end %>
+
+          <%= render component('ui/panel').new do |inner_panel| %>
+            <% inner_panel.with_section(class: "flex justify-between") do %>
+              <div class="flex gap-2 items-center">
+                <div class="p-1 border border-gray-100 rounded-sm">
+                  <%= render component("ui/icon").new(name: "github-fill", class: "w-9 h-9 fill-gray-500") %>
+                </div>
+                <div class="flex flex-col">
+                  <div class="flex gap-1">
+                    <div class="font-semibold"><%= t(".plugins.solidus_globalize.title") %></div>
+                    <%= render component("ui/badge").new(name: t(".plugins.plugin"), color: :blue, size: :s) %>
+                  </div>
+                  <div class="text-sm text-gray-500"><%= t(".plugins.solidus_globalize.desc") %></div>
+                </div>
+              </div>
+              <div class="flex items-center">
+                <%= render component("ui/button").new(
+                  tag: :a,
+                  text: t(".plugins.install"),
+                  scheme: :secondary,
+                  href: t(".plugins.solidus_globalize.href"),
+                  target: "_blank"
+                ) %>
+              </div>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    <% end %>
+
+    <%= page_with_sidebar_aside do %>
+      <%= render component('ui/panel').new(title: t('.seo')) do |panel| %>
+        <% panel.with_section(class: "flex flex-col gap-4") do %>
+          <div class="flex flex-col gap-4 w-full">
+            <%= render component("ui/forms/field").text_field(f, :seo_title) %>
+            <%= render component("ui/forms/field").text_field(f, :meta_keywords) %>
+            <%= render component("ui/forms/field").text_field(f, :meta_description) %>
+          </div>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/stores/form/component.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Stores::Form::Component < SolidusAdmin::BaseComponent
+  include SolidusAdmin::Layout::PageHelpers
+
+  def initialize(store:, id:, url:)
+    @store = store
+    @id = id
+    @url = url
+  end
+
+  def address
+    @store.address || Spree::Address.new(country: Spree::Country.find_by(iso: Spree::Config.default_country_iso))
+  end
+
+  def address_excludes
+    excludes = [:email, :street_contd]
+    excludes << :phone unless Spree::Config.address_requires_phone
+    excludes
+  end
+
+  def available_locales
+    Spree.i18n_available_locales.map do |locale|
+      [I18n.t("spree.i18n.this_file_language", locale: locale, default: locale.to_s, fallback: false), locale]
+    end.sort
+  end
+end

data/app/components/solidus_admin/stores/form/component.yml

@@ -0,0 +1,17 @@
+en:
+  address: Address
+  localization: Localization
+  plugins:
+    install: Install
+    plugin: Plugin
+    solidus_i18n:
+      href: https://github.com/solidusio/solidus_i18n
+      desc: Translate Solidus Admin in every language
+      title: Solidus i18n
+    solidus_globalize:
+      href: https://github.com/solidusio-contrib/solidus_globalize
+      desc: Translate your store content in every language
+      title: Solidus Globalize
+  seo: SEO
+  tax_country:
+    no_taxes_without_address: No taxes on carts without address

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

@@ -13,46 +13,75 @@ class SolidusAdmin::Stores::Index::Component < SolidusAdmin::UI::Pages::Index::C
     solidus_admin.stores_path
   end
 
-  def row_url(store)
-    spree.edit_admin_store_path(store)
+  def edit_path(store)
+    solidus_admin.edit_store_path(store)
   end
 
   def page_actions
     render component("ui/button").new(
       tag: :a,
-      text: t('.add'),
-      href: spree.new_admin_store_path,
-      icon: "add-line",
+      text: t(".add"),
+      href: solidus_admin.new_store_path,
+      icon: "add-line"
     )
   end
 
   def batch_actions
     [
       {
-        label: t('.batch_actions.delete'),
+        label: t(".batch_actions.delete"),
         action: solidus_admin.stores_path,
         method: :delete,
-        icon: 'delete-bin-7-line',
-      },
+        icon: "delete-bin-7-line",
+        require_confirmation: true
+      }
     ]
   end
 
   def columns
     [
-      :name,
-      :url,
-      {
-        header: :slug,
-        data: ->(store) do
-          content_tag :div, store.code
-        end
-      },
-      {
-        header: :default,
-        data: ->(store) do
-          store.default? ? component('ui/badge').yes : component('ui/badge').no
-        end
-      },
+      name_column,
+      url_column,
+      slug_column,
+      default_column
     ]
   end
+
+  private
+
+  def name_column
+    {
+      header: :name,
+      data: ->(store) do
+        link_to store.name, edit_path(store), class: "body-link"
+      end
+    }
+  end
+
+  def url_column
+    {
+      header: :url,
+      data: ->(store) do
+        link_to store.url, edit_path(store), class: "body-link"
+      end
+    }
+  end
+
+  def slug_column
+    {
+      header: :slug,
+      data: ->(store) do
+        link_to store.code, edit_path(store), class: "body-link"
+      end
+    }
+  end
+
+  def default_column
+    {
+      header: :default,
+      data: ->(store) do
+        store.default? ? component("ui/badge").yes : component("ui/badge").no
+      end
+    }
+  end
 end

data/app/components/solidus_admin/stores/new/component.html.erb

@@ -0,0 +1,16 @@
+<%= page id: :resource_form do %>
+  <%= page_header do %>
+    <%= page_header_back(back_url) %>
+    <%= page_header_title(t('.title')) %>
+    <%= page_header_actions do %>
+      <%= render component("ui/button").discard(path: back_url) %>
+      <%= render component("ui/button").save(form: form_id) %>
+    <% end %>
+  <% end %>
+
+  <%= render component("stores/form").new(store: @store, url: form_url, id: form_id) %>
+
+  <%= page_footer do %>
+    <%= render component("ui/button").save(form: form_id) %>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/stores/new/component.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::Stores::New::Component < SolidusAdmin::Resources::New::Component
+  include SolidusAdmin::Layout::PageHelpers
+end

data/app/components/solidus_admin/stores/new/component.yml

@@ -0,0 +1,2 @@
+en:
+  title: "New Store"