spree_admin 5.0.0.rc1

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

@@ -0,0 +1,102 @@
+<% content_for :page_title do %>
+  <%= Spree.t(:customers) %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= link_to spree.admin_users_path(q: params[:q].to_unsafe_hash, page: params[:page], per_page: params[:per_page], format: :csv), class: 'btn btn-light bg-transparent with-tip mr-2 d-none d-lg-inline-flex', title: 'Export Customers to a CSV file. To filter specific Customers use "Filters" or Customers/Subscribers tabs before clicking this button' do %>
+    <%= icon 'table-export', class: 'mr-2' %>
+    <%= Spree.t(:export) %>
+  <% end if can?(:export, Spree::Export) %>
+  <%= render 'extra_actions' %>
+  <%= button_link_to Spree.t(:create_customer), spree.new_admin_user_path, class: "btn-primary", icon: 'plus', id: 'admin_new_user_link' %>
+<% end if can? :create, Spree::user_class %>
+
+<% content_for :table_filter_title do %>
+  <%= Spree.t(:search) %>
+<% end %>
+
+<div class="card-lg p-0">
+  <%= render "spree/admin/users/filters" %>
+
+  <% if @users.any? %>
+    <div data-controller="bulk-operation" data-action="keydown.esc->bulk-operation#cancel" tabindex="0">
+      <%= form_tag spree.admin_users_path, data: { 'bulk-operation-target': 'form' } do %>
+        <%= render 'spree/admin/shared/bulk_modal' %>
+        <div id="bulk-panel" class="d-none" data-bulk-operation-target="panel">
+          <div class="bulk-panel-container animate__animated animate__bounceInUp animate__faster">
+            <div data-toggle="modal" data-target="#bulk-modal">
+              <% if can?(:manage_tags, Spree.user_class) %>
+                <a
+                  href="<%= spree.bulk_modal_admin_users_path(kind: :add_tags) %>"
+                  data-turbo-frame="bulk_modal"
+                  class="btn btn-light mr-2"
+                  data-action="click->bulk-operation#setBulkAction"
+                  data-url="<%= spree.bulk_add_tags_admin_users_path %>"
+                >
+                  <%= icon("tag-plus") %>
+                  <%= Spree.t("admin.bulk_ops.users.title.add_tags") %>
+                </a>
+
+                <a
+                  href="<%= spree.bulk_modal_admin_users_path(kind: :remove_tags) %>"
+                  data-turbo-frame="bulk_modal"
+                  class="btn btn-light mr-3"
+                  data-action="click->bulk-operation#setBulkAction"
+                  data-url="<%= spree.bulk_remove_tags_admin_users_path %>"
+                >
+                  <%= icon("tag-minus") %>
+                  <%= Spree.t("admin.bulk_ops.users.title.remove_tags") %>
+                </a>
+              <% end %>
+            </div>
+
+            <span>
+              <strong data-bulk-operation-target="counter"></strong>
+              customers selected
+            </span>
+
+            <button
+              type="button"
+              class="btn-close ml-2"
+              data-dismiss="modal"
+              aria-label="<%= Spree.t(:close) %>"
+              data-action="bulk-operation#cancel"
+            />
+          </div>
+        </div>
+
+        <div class="table-responsive">
+          <table class="table" id="listing_users">
+            <thead class="text-muted">
+              <tr data-hook="admin_users_index_headers">
+                <th scope="col" class="pr-0 w-5">
+                  <div class="custom-control custom-checkbox ml-1">
+                    <input
+                      type="checkbox"
+                      class="custom-control-input"
+                      id="checkAllMasterCheckbox"
+                      data-bulk-operation-target="checkboxAll"
+                    >
+                    <label class="custom-control-label" for="checkAllMasterCheckbox"><span></span></label>
+                  </div>
+                </th>
+                <th><%= Spree.t(:name) %></th>
+                <th><%= Spree.t(:email_marketing) %></th>
+                <th><%= Spree.t(:location) %></th>
+                <th><%= Spree.t('admin.num_orders') %></th>
+                <th><%= Spree.t('admin.amount_spent') %></th>
+              </tr>
+            </thead>
+            <tbody>
+              <%= render collection: @users, partial: "spree/admin/users/user", cached: spree_base_cache_scope %>
+            </tbody>
+          </table>
+        </div>
+      <% end %>
+    </div>
+  <% else %>
+    <%= render "spree/admin/shared/no_resource_found" %>
+  <% end %>
+
+  <%= render "spree/admin/shared/index_table_options", collection: @users, simple: true if @users.any? %>
+</div>

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

@@ -0,0 +1,14 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_users_path %>
+  <%= Spree.t(:new_user) %>
+<% end %>
+
+<%= form_for [:admin, @user], url: spree.admin_users_path, method: :post do |f| %>
+  <div class="card mb-4">
+    <div class="card-body">
+      <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @user } %>
+      <%= render 'form', f: f %>
+    </div>
+  </div>
+  <%= render 'spree/admin/shared/new_resource_links' %>
+<% end %>

data/app/views/spree/admin/users/show.html.erb

@@ -0,0 +1,38 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_users_path, @user %>
+  <%= customer_full_name(@user) || @user.email %>
+  <span class="font-size-base font-weight-normal ml-3">
+    <%= customer_location_flag(@user) %>
+    <%= customer_location(@user) %>
+  </span>
+<% end %>
+
+<% content_for(:page_actions_dropdown) do %>
+  <% if spree.respond_to?(:new_admin_user_gift_card_path) && can?(:create, Spree::GiftCard) %>
+    <%= link_to_with_icon 'plus', Spree.t(:issue_gift_card), spree.new_admin_user_gift_card_path(@user), class: 'text-left dropdown-item' %>
+  <% end %>
+
+  <% if can?(:create, Spree::StoreCredit) %>
+    <%= link_to_with_icon 'plus', Spree.t(:add_store_credit), spree.new_admin_user_store_credit_path(@user), class: 'text-left dropdown-item' %>
+  <% end %>
+<% end %>
+
+<div class="row">
+  <div class="col-lg-8 mb-4">
+    <%= render 'spree/admin/users/lifetime_stats' %>
+    <%= render 'spree/admin/users/last_order' %>
+
+    <%= render 'spree/admin/users/tabs' %>
+  </div>
+  <div class="col-lg-4">
+    <%= render 'spree/admin/users/details' %>
+    <%= render 'spree/admin/users/shipping' %>
+    <%= render 'spree/admin/users/billing' %>
+  </div>
+</div>
+
+<style>
+  .d-customer {
+    display: none;
+  }
+</style>

data/app/views/spree/admin/variants/_search_result.html.erb

@@ -0,0 +1,28 @@
+<div class="search-picker__option <% if variant.purchasable? || params[:all] %>cursor-pointer<% else %>opacity-50 disabled<% end %>" data-action="click->search-picker#toggle">
+  <%= radio_button_tag "#{params[:param_name]}[variant_id]", variant.id, false, class: "custom-control-input", id: "ids_#{variant.id}", data: { action: 'search-picker#toggle', search_picker_target: "checkbox" }, disabled: !params[:all] && !variant.purchasable? %>
+  <label for="ids_<%= variant.id %>" class="pr-2">
+    <div class="w-70 d-flex align-items-center">
+      <div class="variant-image">
+        <%= render 'spree/admin/shared/product_image', object: variant %>
+      </div>
+      <div class="ml-3 variant-info">
+        <strong class="variant-name"><%= highlight(variant.name, params.dig(:q)) %></strong>
+        <% if variant.options_text.present? %>
+          <p class="text-muted my-1 font-size-sm">
+            <%= variant.options_text %>
+          </p>
+        <% end %>
+      </div>
+    </div>
+    <div class="w-20">
+      <% if params[:stock_location_id].present? %>
+        <% stock_item = variant.stock_items.find { |si| si.stock_location_id == params[:stock_location_id] } %>
+        <span><%= stock_item&.count_on_hand || 0 %> at location</span>
+        <% if stock_item&.backorderable? %> <span class="text-muted"><%= Spree.t(:backorderable) %></span><% end %>
+      <% else %>
+        <%= display_inventory(variant) %>
+      <% end %>
+    </div>
+    <div class="w-10"><%= display_admin_price(variant) %></div>
+  </label>
+</div>

data/app/views/spree/admin/variants/_search_results.html.erb

@@ -0,0 +1,9 @@
+<div id="variants_search_results" class="search-results" data-search-picker-target="results">
+  <% if variants.any? %>
+    <%= render collection: variants, partial: 'spree/admin/variants/search_result', as: :variant %>
+  <% else %>
+    <p class="text-muted text-center py-5">
+      <%= Spree.t('admin.variants.search_results.no_variants') %>
+    </p>
+  <% end %>
+</div>

data/app/views/spree/admin/variants/_variant.html.erb

@@ -0,0 +1,13 @@
+<% cache variant do %>
+  <%= link_to spree.edit_admin_product_variant_path(variant.product, variant), id: spree_dom_id(variant), data: { turbo_permanent: true, turbo_frame: :_top }, class: 'd-flex align-items-center justify-content-start text-decoration-none' do %>
+    <%= render 'spree/admin/shared/product_image', object: variant %>
+    <div class="ml-3">
+      <strong><%= variant.name %></strong>
+      <% if variant.options_text.present? %>
+        <p class="text-muted my-1 font-size-sm">
+          <%= variant.options_text %>
+        </p>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,20 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.edit_admin_product_path(@product) %>
+  <%= @variant.human_name %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @variant } %>
+
+<%= form_for [:admin, @product, @variant] do |f| %>
+  <div class="row">
+    <div class="col-lg-6">
+      <%= render 'spree/admin/variants/form/basic', f: f %>
+      <%= render 'spree/admin/variants/form/pricing', f: f %>
+      <%= render 'spree/admin/variants/form/inventory', f: f %>
+    </div>
+    <div class="col-lg-6">
+      <%= render 'spree/admin/variants/form/media', viewable: @variant %>
+    </div>
+  </div>
+  <%= render 'spree/admin/shared/edit_resource_links', f: f %>
+<% end %>

data/app/views/spree/admin/variants/form/_basic.html.erb

@@ -0,0 +1,31 @@
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="card-title">
+      <%= Spree.t(:settings) %>
+    </h5>
+  </div>
+  <div class="card-body">
+    <div class="form-group" data-hook="sku">
+      <%= f.label :sku, Spree.t(:sku) %>
+      <%= f.text_field :sku, class: 'form-control' %>
+    </div>
+
+    <div class="form-group" data-hook="sku">
+      <%= f.label :barcode, Spree.t(:barcode) %>
+      <%= f.text_field :barcode, class: 'form-control' %>
+    </div>
+
+    <div class="form-group" data-hook="tax_category">
+      <%= f.label :tax_category_id, Spree.t(:tax_category) %>
+      <%= f.collection_select(:tax_category_id, @tax_categories, :id, :name, { include_blank: Spree.t('match_choices.none') }, { data: { controller: 'autocomplete-select' } }) %>
+    </div>
+
+    <div class="form-group" data-hook="discontinue_on">
+      <%= f.label :discontinue_on, Spree.t(:discontinue_on) %>
+      <%= f.error_message_on :discontinue_on %>
+      <%= f.date_field :discontinue_on, class: 'form-control' %>
+    </div>
+
+    <%= render 'spree/admin/variants/form/dimensions', f: f %>
+  </div>
+</div>

data/app/views/spree/admin/variants/form/_dimensions.html.erb

@@ -0,0 +1,33 @@
+<div class="row">
+  <div class="col-lg-6">
+    <div class="form-group mb-3">
+      <%= f.label :width %>
+      <%= f.text_field :width, value: number_with_precision(f.object.width, precision: 2), class: 'form-control' %>
+    </div>
+
+    <div class="form-group mb-3">
+      <%= f.label :height %>
+      <%= f.text_field :height, value: number_with_precision(f.object.height, precision: 2), class: 'form-control' %>
+    </div>
+  </div>
+
+  <div class="col-lg-6">
+    <div class="form-group mb-3">
+      <%= f.label :depth %>
+      <%= f.text_field :depth, value: number_with_precision(f.object.depth, precision: 2), class: 'form-control' %>
+    </div>
+
+    <div class="form-group mb-3">
+      <%= f.label :dimensions_unit, Spree.t(:unit) %>
+      <%= f.select :dimensions_unit, options_for_select(dimension_units(current_store), f.object.dimensions_unit), { include_blank: false }, { class: 'custom-select' } %>
+    </div>
+  </div>
+</div>
+
+<div class="form-group">
+  <%= f.label :weight %>
+  <div class="form-control d-flex align-items-center py-0 focus-border focus-shadow">
+    <%= f.text_field :weight, value: number_with_precision(f.object.weight, precision: 2), class: 'form-control-plaintext pl-0' %>
+    <%= f.select :weight_unit, options_for_select(weight_units(current_store), f.object.weight_unit), { include_blank: false }, { class: 'form-control-plaintext w-auto border-left' } %>
+  </div>
+</div>

data/app/views/spree/admin/variants/form/_inventory.html.erb

@@ -0,0 +1,45 @@
+<div class="card mb-4">
+  <div class="card-header">
+    <h5 class="card-title">
+      <%= Spree.t(:inventory) %>
+    </h5>
+  </div>
+  <div class="card-body p-0">
+    <table class="table">
+      <thead>
+        <tr>
+          <th><%= Spree.t(:stock_location) %></th>
+          <th>
+            <%= Spree.t(:count_on_hand) %>
+          </th>
+          <th>
+            <%= Spree.t(:backorderable) %>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= f.fields_for :stock_items do |stock_item_form| %>
+          <%= stock_item_form.hidden_field :id if stock_item_form.object.persisted? %>
+          <%= stock_item_form.hidden_field :stock_location_id, value: stock_item_form.object.stock_location.id %>
+          <tr>
+            <td class="w-40">
+              <%= link_to stock_item_form.object.stock_location.name, spree.edit_admin_stock_location_path(stock_item_form.object.stock_location) %>
+            </td>
+            <td class="w-20">
+              <%= stock_item_form.number_field :count_on_hand, min: 0, class: 'form-control', disabled: !can?(:manage, stock_item_form.object) %>
+            </td>
+            <td class="w-40">
+              <div class="custom-control custom-checkbox">
+                <%= stock_item_form.check_box :backorderable, class: 'custom-control-input', disabled: !can?(:manage, stock_item_form.object) %>
+                <%= stock_item_form.label :backorderable, Spree.t(:continue_selling_when_out_of_stock),class: 'custom-control-label' %>
+              </div>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+    <div class="card-footer border-toptext-center bg-gray-25 text-muted">
+      <%= Spree.t('admin.variants_form.stock_locations_link', link: spree.admin_stock_locations_path).html_safe %>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/variants/form/_media.html.erb

@@ -0,0 +1,32 @@
+<%= turbo_frame_tag 'media-form', class: 'card mb-4', data: { controller: 'media-form', media_form_delete_url_value: spree.bulk_destroy_admin_assets_path(viewable_id: viewable&.id) } do %>
+  <div class="card-header">
+    <h5 class="card-title mr-2"><%= Spree.t(:media) %></h5>
+    <button type="button" data-media-form-target="deleteButton" class="btn btn-sm btn-danger btn-outline d-none ml-auto" data-action="media-form#deleteSelected">
+      <%= icon('trash') %>
+      <%= Spree.t(:delete_selected) %>
+    </button>
+  </div>
+  <div class="card-body">
+    <div class="media-form" id="media-assets-list"
+          data-controller="sortable"
+          data-sortable-handle-value=".move-handle"
+          data-sortable-resource-name-value="asset"
+          data-sortable-response-kind-value="json">
+      <%= render partial: 'spree/admin/variants/form/media_asset', collection: media_form_assets(viewable), as: :asset, cached: spree_base_cache_scope %>
+      <%= button_tag class: 'upload-area media-form__add-button', data: {
+          controller: 'asset-uploader',
+          asset_uploader_multiple_value: true,
+          asset_uploader_viewable_id_value: viewable&.id,
+          asset_uploader_viewable_type_value: 'Spree::Variant',
+          asset_uploader_allowed_file_types_value: allowed_file_types_for_upload,
+          action: 'asset-uploader#open',
+          media_form_target: 'addButton'
+        }  do %>
+        <%= icon('upload', class: 'mt-5', style: 'font-size: 2rem;') %>
+        <p class="form-text mt-2 mb-5">
+          <%= Spree.t('admin.upload_new_asset') %>
+        </p>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/spree/admin/variants/form/_media_asset.html.erb

@@ -0,0 +1,21 @@
+<div id="<%= spree_dom_id(asset) %>" class="media-form__image border border-gray-200" data-sortable-update-url="<%= spree.admin_asset_path(asset) %>">
+  <div class="custom-control custom-checkbox d-none">
+    <%= check_box_tag "ids[]", asset.id, false, class: "custom-control-input", id: "#{asset.id}-checkbox", data: { media_form_target: "checkbox", action: 'media-form#showDeleteButton' } %>
+    <label class="custom-control-label" for="<%= asset.id %>-checkbox"><span></span></label>
+  </div>
+  <div class="move-handle text-center d-none ml-auto">
+    <button class="btn btn-light btn-sm px-1"><%= icon('grip-vertical', class: 'mr-0') %></button>
+  </div>
+
+  <div data-toggle="modal" data-target="#modal-lg">
+    <%= link_to spree.edit_admin_asset_path(asset), data: { turbo_frame: 'dialog_modal_lg' } do %>
+      <%= image_tag(
+            main_app.cdn_image_url(
+              asset.attachment.variant(spree_image_variant_options(resize_to_fill: [400, 400]))
+            ),
+            alt: asset.alt,
+            class: 'w-100 d-block h-100 position-absolute'
+          ) %>
+    <% end %>
+  </div>
+</div>

data/app/views/spree/admin/variants/form/_pricing.html.erb

@@ -0,0 +1,48 @@
+<div class="card mb-4" data-product-form-target="pricesForm">
+  <div class="card-header d-flex align-items-center justify-content-between">
+    <h5 class="card-title">
+      <%= Spree.t(:pricing) %>
+    </h5>
+
+    <% if can?(:manage, Spree::Store) %>
+      <%= link_to_with_icon 'adjustments', Spree.t('admin.manage_currencies'), spree.edit_admin_store_path, class: 'btn btn-sm btn-light' %>
+    <% end %>
+  </div>
+  <div class="card-body p-0">
+    <table class="table">
+      <thead>
+        <tr>
+          <th><%= Spree.t(:currency) %></th>
+          <th>
+            <%= Spree.t(:amount) %>
+          </th>
+          <th>
+            <%= Spree.t(:compare_at_amount) %>
+            <%= help_bubble(Spree.t('admin.variants_form.compare_at_price_description')) %>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= f.fields_for :prices do |price_form| %>
+          <%= price_form.hidden_field :id if price_form.object.persisted? %>
+          <%= price_form.hidden_field :currency %>
+          <tr>
+            <td><%= price_form.object.currency %></td>
+            <td>
+              <div class="form-control align-items-center py-0 focus-shadow focus-border mr-2 price-input-container d-flex">
+                <%= price_form.text_field :amount, class: 'form-control-plaintext px-0', disabled: !can?(:manage, price_form.object) %>
+                <span><%= currency_symbol(price_form.object.currency) %></span>
+              </div>
+            </td>
+            <td>
+              <div class="form-control align-items-center py-0 focus-shadow focus-border mr-2 price-input-container d-flex">
+                <%= price_form.text_field :compare_at_amount, class: 'form-control-plaintext px-0', disabled: !can?(:manage, price_form.object) %>
+                <span><%= currency_symbol(price_form.object.currency) %></span>
+              </div>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>

data/app/views/spree/admin/webhook_events/_webhook_event.html.erb

@@ -0,0 +1,17 @@
+<tr id="<%= spree_dom_id webhook_event %>">
+  <td><span class="badge badge-light"><%= webhook_event.name %></span></td>
+  <td><%= active_badge(webhook_event.success) %></td>
+  <td><%= local_time(webhook_event.created_at) %></td>
+  <td>
+    <% if webhook_event.response_code%>
+      <code><%= webhook_event.response_code %></code></td>
+    <% end %>
+  <td>
+    <% if webhook_event.execution_time %>
+      <code><%= webhook_event.execution_time %>ms</code>
+    <% end %>
+  </td>
+  <td>
+    <%= sanitize webhook_event.request_errors&.gsub('[SPREE WEBHOOKS]', '') if webhook_event.request_errors.present? && !webhook_event.success? %>
+  </td>
+</tr>

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

@@ -0,0 +1,66 @@
+<div class="row">
+  <div class="col-12 col-lg-6">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title">
+          <%= Spree.t(:general_settings) %>
+        </h5>
+      </div>
+      <div class="card-body">
+        <div class="row">
+          <div class="form-group col-12">
+            <%= f.label :url, raw(Spree.t('admin.url') + required_span_tag) %>
+            <%= f.text_field :url, class: 'form-control', placeholder: 'https://example.com/endpoint' %>
+            <%= f.error_message_on :url %>
+          </div>
+          <div class="form-group col-3">
+            <div class="custom-control custom-switch">
+              <%= f.check_box :active, class: 'custom-control-input' %>
+              <%= f.label :active, class: 'custom-control-label' %>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="col-12 col-lg-6">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title">
+          <%= Spree.t('admin.webhooks_subscribers.webhooks_events') %>
+        </h5>
+      </div>
+      <div class="card-body" data-controller="webhooks-subscriber-events">
+        <div class="form-group">
+          <div>
+            <div class="radio my-2">
+              <%= radio_button_tag :subscribe_to_all_events, true,
+                               subscribe_to_all_events?,
+                               {
+                                 'data-action' => 'webhooks-subscriber-events#hideCheckboxes',
+                                 'data-webhooks-subscriber-events-target' => 'subscribeToAll',
+                                  class: 'events' } %>
+              <%= label_tag :subscribe_to_all_events_true, Spree.t('admin.webhooks_subscribers.subscribe_to_all_events') %>
+            </div>
+            <div class="radio my-2">
+              <%= radio_button_tag :subscribe_to_all_events, false,
+                               !subscribe_to_all_events?,
+                               { 'data-action' => 'webhooks-subscriber-events#showCheckboxes',
+                                 class: 'events' } %>
+              <%= label_tag :subscribe_to_all_events_false, Spree.t('admin.webhooks_subscribers.select_events') %>
+            </div>
+          </div>
+          <br/>
+          <div data-webhooks-subscriber-events-target="eventsCheckboxesContainer" class="<%= subscribe_to_all_events? ? 'd-none' : '' %>">
+            <div class="row" >
+              <% Spree::Webhooks::Subscriber.supported_events.each_with_index do |se, index| %>
+                <% record, _ = se %>
+                <%= event_checkbox_for(record, f) %>
+              <% end %>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/webhooks_subscribers/_webhooks_subscriber.html.erb

@@ -0,0 +1,16 @@
+<tr id="<%= spree_dom_id webhooks_subscriber %>" data-controller="row-link" class="cursor-pointer">
+  <td data-action="click->row-link#openLink">
+    <%= webhooks_subscriber.url %>
+  </td>
+  <td data-action="click->row-link#openLink"><%= active_badge(webhooks_subscriber.active) %></td>
+  <td class="w-20" data-action="click->row-link#openLink">
+    <% webhooks_subscriber.subscriptions&.sort&.each do |subscription| %>
+      <span class="badge badge-light"><%= subscription %></span>
+    <% end %>
+  </td>
+  <td data-action="click->row-link#openLink"><%= local_time(webhooks_subscriber.latest_event_at) %></td>
+  <td class="actions">
+    <%= link_to_with_icon 'eye', Spree.t(:view), admin_webhooks_subscriber_path(webhooks_subscriber), class: "btn btn-light btn-sm", data: { row_link_target: 'link' } %>
+    <%= link_to_edit(webhooks_subscriber) if can? :edit, webhooks_subscriber %>
+  </td>
+</tr>

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

@@ -0,0 +1,9 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_webhooks_subscribers_path %>
+  <%= @webhooks_subscriber.url %>
+<% end %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @webhooks_subscriber } %>
+<%= form_for [:admin, @webhooks_subscriber] do |f| %>
+  <%= render 'form', f: f %>
+  <%= render 'spree/admin/shared/edit_resource_links', f: f %>
+<% end %>

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

@@ -0,0 +1,26 @@
+<%= render 'spree/admin/shared/developers_nav' %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t('admin.webhooks_subscribers.new_webhooks_subscriber'), new_object_url, class: "btn-primary", icon: 'add.svg', id: 'admin_new_webhooks_subscriber_link' %>
+<% end if can?(:create, Spree::Webhooks::Subscriber) %>
+<% if @webhooks_subscribers.any? %>
+  <div class="border rounded bg-white">
+    <table class="table">
+      <thead class="text-muted">
+        <tr>
+          <th><%= Spree.t('admin.url') %></th>
+          <th><%= Spree.t('admin.active') %></th>
+          <th><%= Spree.t('admin.webhooks_subscribers.subscriptions') %></th>
+          <th><%= Spree.t('admin.webhooks_subscribers.time_of_last_event') %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render partial: 'spree/admin/webhooks_subscribers/webhooks_subscriber', collection: @webhooks_subscribers, cached: spree_base_cache_scope %>
+      </tbody>
+    </table>
+  </div>
+  <%= render 'spree/admin/shared/index_table_options', collection: @webhooks_subscribers, simple: true %>
+<% else %>
+  <%= render 'spree/admin/shared/no_resource_found' %>
+<% end %>

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

@@ -0,0 +1,11 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_webhooks_subscribers_path %>
+  <%= Spree.t('admin.webhooks_subscribers.new_webhooks_subscriber') %>
+<% end %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @webhooks_subscriber } %>
+<%= form_for [:admin, @webhooks_subscriber] do |f| %>
+  <fieldset>
+    <%= render partial: 'form', locals: { f: f } %>
+    <%= render partial: 'spree/admin/shared/new_resource_links' %>
+  </fieldset>
+<% end %>