spree_backend 4.3.0 → 4.5.0

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

@@ -1,11 +1,6 @@
-<%= render partial: 'spree/admin/users/sidebar', locals: { current: :address } %>
+<%= render partial: 'spree/admin/users/tabs', locals: { current: :address } %>
 <%= render partial: 'spree/admin/users/user_page_actions' %>
 
-<% content_for :page_title do %>
-  <%= link_to @user.email, spree.edit_admin_user_url(@user) %> /
-  <%= Spree.t(:addresses) %>
-<% end %>
-
 <div data-hook="admin_user_addresses" id="admin_user_edit_addresses">
   <div data-hook="admin_user_edit_form_header">
     <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @user } %>

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

@@ -1,15 +1,11 @@
-<%= render partial: 'spree/admin/users/sidebar', locals: { current: :account } %>
+<%= render partial: 'spree/admin/users/tabs', locals: { current: :account } %>
 <%= render partial: 'spree/admin/users/user_page_actions' %>
 
-<% content_for :page_title do %>
-  <%= @user.email %>
-<% end %>
-
 <div data-hook="admin_user_edit_general_settings" class="card mb-3">
   <div class="card-header">
-    <h1 class="card-title mb-0 h5">
+    <h5 class="card-title mb-0 h6">
       <%= Spree.t(:general_settings) %>
-    </h1>
+    </h5>
   </div>
 
   <div class="card-body">
@@ -29,44 +25,4 @@
   </div>
 </div>
 
-<div data-hook="admin_user_api_key" id="admin_user_edit_api_key" class="card mb-3">
-  <div class="card-header">
-    <h1 class="card-title mb-0 h5">
-      <%= Spree.t('access', scope: 'api') %>
-    </h1>
-  </div>
-
-  <div class="card-body">
-    <% if @user.spree_api_key.present? %>
-      <div class="form-group">
-        <div id="current-api-key">
-          <label><%= Spree.t('key', scope: 'api') %>: </label>
-          <strong><%= @user.spree_api_key %></strong>
-        </div>
-      </div>
-      <div class="form-actions">
-        <%= form_tag spree.clear_api_key_admin_user_path(@user), method: :put do %>
-          <%= button Spree.t('clear_key', scope: 'api'), 'delete.svg', 'submit', class: "btn-danger" %>
-        <% end %>
-
-        <span class="or"><%= Spree.t(:or) %></span>
-
-        <%= form_tag spree.generate_api_key_admin_user_path(@user), method: :put do %>
-          <%= button Spree.t('regenerate_key', scope: 'api'), 'recycle.svg' %>
-        <% end %>
-      </div>
-
-    <% else %>
-
-      <div class="alert alert-warning"><%= Spree.t('no_key', scope: 'api') %></div>
-
-      <div class="form-actions">
-        <%= form_tag spree.generate_api_key_admin_user_path(@user), method: :put do %>
-          <%= button Spree.t('generate_key', scope: 'api'), 'key' %>
-        <% end %>
-      </div>
-    <% end %>
-  </div>
-</div>
-
 <%= render 'spree/admin/users/lifetime_stats' %>

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

@@ -15,7 +15,7 @@
     <%= search_form_for [:admin, @search], url: spree.admin_users_url do |f| %>
       <div class="form-group">
         <%= f.label :email_cont, Spree.t(:email) %>
-        <%= f.text_field :email_cont, class: "form-control js-quick-search-target js-filterable" %>
+        <%= f.email_field :email_cont, class: "form-control js-quick-search-target js-filterable" %>
       </div>
       <div class="row">
         <div class="col-12 col-lg-6">
@@ -45,9 +45,9 @@
 <% end %>
 
 <% if @users.any? %>
-  <div class="table-responsive">
+  <div class="table-responsive border rounded bg-white">
     <table class="table" id="listing_users" data-hook>
-      <thead>
+      <thead class="text-muted">
         <tr data-hook="admin_users_index_headers">
           <th>
             <%= sort_link @search,:email, Spree.t(:user), {}, {title: 'users_email_title'} %>
@@ -71,7 +71,7 @@
     </table>
   </div>
 <% else %>
-  <div class="alert alert-info no-objects-found">
+  <div class="text-center no-objects-found m-5">
     <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree.user_class)) %>,
     <%= link_to Spree.t(:add_one), new_object_url %>!
   </div>

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

@@ -1,18 +1,13 @@
-<%= render partial: 'spree/admin/users/sidebar', locals: { current: :items } %>
+<%= render partial: 'spree/admin/users/tabs', locals: { current: :items } %>
 <%= render partial: 'spree/admin/users/user_page_actions' %>
 
-<% content_for :page_title do %>
-  <%= link_to @user.email, spree.edit_admin_user_url(@user) %> /
-  <%= Spree.t(:"admin.user.items_purchased") %>
-<% end %>
-
 <fieldset data-hook="admin_user_items_purchased">
 
   <% if @orders.any? %>
     <%# TODO add search interface %>
-    <div class="table-responsive">
-    <table class="table table-condensed table-bordered stock-contents" id="listing_items" data-hook="stock-contents">
-      <thead>
+    <div class="table-responsive border rounded bg-white">
+    <table class="table table-condensed stock-contents" id="listing_items" data-hook="stock-contents">
+      <thead class="text-muted">
         <th><%= sort_link @search, :completed_at, I18n.t(:completed_at, scope: 'activerecord.attributes.spree/order'), {}, {title: 'orders_completed_at_title'} %></th>
         <th colspan=2><%= Spree.t(:description) %></th>
         <th><%= I18n.t(:price, scope: 'activerecord.attributes.spree/line_item') %></th>
@@ -56,7 +51,7 @@
     </table>
     </div>
   <% else %>
-    <div class="alert alert-info no-objects-found">
+    <div class="text-center no-objects-found m-5">
       <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::Order)) %>,
       <%= link_to Spree.t(:add_one), spree.new_admin_order_path %>!
     </div>

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

@@ -1,5 +1,5 @@
 <% content_for :page_title do %>
-  <%= link_to Spree.t(:users), spree.admin_users_url %> /
+  <%= page_header_back_button spree.admin_users_path %>
   <%= Spree.t(:new_user) %>
 <% end %>
 

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

@@ -1,18 +1,13 @@
-<%= render partial: 'spree/admin/users/sidebar', locals: { current: :orders } %>
+<%= render partial: 'spree/admin/users/tabs', locals: { current: :orders } %>
 <%= render partial: 'spree/admin/users/user_page_actions' %>
 
-<% content_for :page_title do %>
-  <%= link_to @user.email, spree.edit_admin_user_url(@user) %> /
-  <%= Spree.t(:"admin.user.order_history") %>
-<% end %>
-
 <fieldset data-hook="admin_user_order_history">
 
   <% if @orders.any? %>
     <%# TODO add search interface %>
-    <div class="table-responsive">
-      <table class="table table-condensed table-bordered" id="listing_orders" data-hook>
-        <thead>
+    <div class="table-responsive border rounded bg-white">
+      <table class="table table-condensed" id="listing_orders" data-hook>
+        <thead class="text-muted">
           <tr data-hook="admin_orders_index_headers">
             <th><%= sort_link @search, :completed_at,   I18n.t(:completed_at, scope: 'activerecord.attributes.spree/order'), {}, {title: 'orders_completed_at_title'} %></th>
             <th><%= sort_link @search, :number,         I18n.t(:number, scope: 'activerecord.attributes.spree/order'), {}, {title: 'orders_number_title'} %></th>
@@ -41,7 +36,7 @@
     </table>
     </div>
   <% else %>
-    <div class="alert alert-info no-objects-found">
+    <div class="text-center no-objects-found m-5">
       <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::Order)) %>,
       <%= link_to Spree.t(:add_one), spree.new_admin_order_path %>!
     </div>

data/app/views/spree/admin/variants/_autocomplete.js.erb

@@ -14,12 +14,12 @@
 
     <div class='variant-details media-body'>
       <h5 class="variant-name media-heading h6 mb-0">{{variant.name}}</h5>
-      {{#if variant.option_values}}
-        {{#each variant.option_values}}
-          <strong>{{this.option_type_presentation}}:</strong> {{name_or_presentation this}}<br/>
-        {{/each}}
+      {{#if variant.options_text}}
+        {{variant.options_text}}
+      {{/if}}
+      {{#if variant.sku}}
+        <strong><%= Spree.t(:sku) %>:</strong> {{variant.sku}}
       {{/if}}
-      <strong><%= Spree.t(:sku) %>:</strong> {{variant.sku}}
     </div>
   </div>
 </script>

data/app/views/spree/admin/variants/_autocomplete_line_items_stock.js.erb

@@ -2,8 +2,8 @@
 
   <label><%= Spree.t(:select_stock) %></label>
 
-  <table class="stock-levels table table-bordered" data-hook="stock-levels">
-    <thead>
+  <table class="stock-levels table border rounded" data-hook="stock-levels">
+    <thead class="text-muted">
       <th><%= Spree.t(:name) %></th>
       <th class="text-center"><%= Spree.t(:count_on_hand) %></th>
       <th class="text-center"><%= Spree.t(:quantity) %></th>
@@ -13,7 +13,7 @@
       <tr>
         <td>{{variant.name}}</td>
         {{#if variant.track_inventory}}
-          {{#if variant.is_orderable}}
+          {{#if variant.purchasable}}
             <td class="text-center">
               {{variant.total_on_hand}}
             </td>
@@ -23,13 +23,13 @@
             </td>
             <td class="actions">
               <span class="d-flex justify-content-center">
-                <button class="btn btn-sm btn-success add_variant with-tip" data-variant-id="{{variant.id}}" title="<%= Spree.t(:add) %>" data-action="add">
+                <button class="btn btn-sm btn-success add_variant with-tip icon-add icon-link" data-variant-id="{{variant.id}}" title="<%= Spree.t(:add) %>" data-action="add">
                    <%= svg_icon name: "add.svg", width: '16', height: '16' %>
                 </button>
               </span>
             </td>
           {{else}}
-            {{#if variant.is_backorderable}}
+            {{#if variant.backorderable}}
               <td class="text-center">
                 {{variant.total_on_hand}} (<%= Spree.t(:backorders_allowed) %>)
               </td>
@@ -39,7 +39,7 @@
               </td>
               <td class="actions">
                 <span class="d-flex justify-content-center">
-                  <button class="btn btn-sm btn-success add_variant with-tip" data-variant-id="{{variant.id}}" title="<%= Spree.t(:add) %>" data-action="add">
+                  <button class="btn btn-sm btn-success add_variant with-tip icon-add icon-link" data-variant-id="{{variant.id}}" title="<%= Spree.t(:add) %>" data-action="add">
                      <%= svg_icon name: "add.svg", width: '16', height: '16' %>
                   </button>
                 </span>
@@ -57,7 +57,7 @@
           </td>
           <td class="actions">
             <span class="d-flex justify-content-center">
-              <button class="btn btn-sm btn-success add_variant with-tip" data-variant-id="{{variant.id}}" title="<%= Spree.t(:add) %>" data-action="add">
+              <button class="btn btn-sm btn-success add_variant with-tip icon-add icon-link" data-variant-id="{{variant.id}}" title="<%= Spree.t(:add) %>" data-action="add">
                 <%= svg_icon name: "add.svg", width: '16', height: '16' %>
               </button>
             </span>

data/app/views/spree/admin/variants/_autocomplete_stock.js.erb

@@ -1,8 +1,8 @@
 <script type='text/template' id='variant_autocomplete_stock_template'>
 
   <label><%= Spree.t(:select_stock) %></label>
-  <table class="table table-condensed table-bordered stock-levels mb-0" data-hook="stock-levels">
-    <thead>
+  <table class="table table-condensed border rounded stock-levels mb-0" data-hook="stock-levels">
+    <thead class="text-muted">
       <th><%= Spree.t(:location) %></th>
       <th><%= Spree.t(:count_on_hand) %></th>
       <th width="15%"><%= Spree.t(:quantity) %></th>
@@ -11,32 +11,32 @@
     <tbody>
       {{#each variant.stock_items}}
         <tr>
-          <td>{{this.stock_location_name}}</td>
+          <td>{{this.stock_location.name}}</td>
           {{#unless ../variant.track_inventory}}
             <td><%= Spree.t(:doesnt_track_inventory) %></td>
             <td>
-              <input class="quantity form-control input-sm" id="stock_item_quantity" data-stock-location-id="{{this.stock_location_id}}" type="number" min="1" value="1">
+              <input class="quantity form-control input-sm" id="stock_item_quantity" data-stock-location-id="{{this.stock_location.id}}" type="number" min="1" value="1">
             </td>
             <td class="actions">
               <span class="d-flex justify-content-center">
-                <button class="btn btn-sm btn-success add_variant with-tip" data-stock-location-id="{{this.stock_location_id}}" title="<%= Spree.t(:add) %>" data-action="add">
+                <button class="btn btn-sm btn-success add_variant with-tip" data-stock-location-id="{{this.stock_location.id}}" title="<%= Spree.t(:add) %>" data-action="add">
                   <%= svg_icon name: "add", width: '16', height: '16' %>
                 </button>
               </span>
             </td>
           {{else}}
-            {{#if this.available}}
+            {{#if this.is_available}}
               <td>
                 {{this.count_on_hand}}
                 {{#if this.backorderable}} (<%= Spree.t(:backorders_allowed) %>) {{/if}}
               </td>
               <td>
-                <input class="quantity form-control input-sm" id="stock_item_quantity" data-stock-location-id="{{this.stock_location_id}}" type="number" min="1" value="1">
+                <input class="quantity form-control input-sm" id="stock_item_quantity" data-stock-location-id="{{this.stock_location.id}}" type="number" min="1" value="1">
               </td>
               <td class="actions">
                 <span class="d-flex justify-content-center">
-                  <button class="btn btn-sm btn-success add_variant with-tip" data-stock-location-id="{{this.stock_location_id}}" title="<%= Spree.t(:add) %>" data-action="add">
-                    <%= svg_icon name: "add", width: '16', height: '16' %>
+                  <button class="btn btn-sm btn-success add_variant with-tip icon-link" data-stock-location-id="{{this.stock_location.id}}" title="<%= Spree.t(:add) %>" data-action="add">
+                    <%= svg_icon name: "add.svg", width: '16', height: '16' %>
                   </button>
                 </span>
               </td>

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

@@ -48,7 +48,7 @@
             <%= f.text_field :discontinue_on,
                              value: datepicker_field_value(@variant.discontinue_on),
                              placeholder: Spree.t(:select_a_date),
-                             class: 'form-control shadow-none',
+                             class: 'form-control',
                              'data-input':'' %>
 
             <%= render partial: 'spree/admin/shared/cal_close' %>

data/app/views/spree/admin/variants/_split.js.erb

@@ -13,7 +13,7 @@
       </optgroup>
       <optgroup label="<%=Spree.t('new_shipment_at_location')%>">
         {{#each variant.stock_items}}
-          <option data-new-shipment='true' value='{{this.stock_location_id}}'>{{this.stock_location_name}}&nbsp({{this.count_on_hand}} on hand)</option>
+          <option data-new-shipment='true' value='{{this.stock_location.id}}'>{{this.stock_location.name}}&nbsp({{this.count_on_hand}} on hand)</option>
         {{/each}}
       </optgroup>
       </select>
@@ -23,7 +23,7 @@
     </td>
     <td class='actions'>
       <span class='d-flex justify-content-center'>
-        <a href='#' class='cancel-split with-tip btn btn-sm btn-outline-secondary' title='Cancel'>
+        <a href='#' class='cancel-split with-tip btn btn-sm btn-light' title='Cancel'>
           <%= svg_icon name: "cancel", classes: 'icon-cancel', width: '16', height: '16' %>
         </a>
         <a href='#' class='icon-save-split save-split with-tip btn btn-sm btn-success' title='Save'>

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

@@ -3,11 +3,15 @@
 <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @variant } %>
 
 <%= form_for [:admin, @product, @variant] do |f| %>
-  <fieldset>
-    <div data-hook="admin_variant_edit_form">
+  <div class="card mb-0">
+    <div class="card-header">
+      <h5 class="mb-0"><%= @variant.sku || @variant.options_text %></h5>
+    </div>
+    <div class="card-body" data-hook="admin_variant_edit_form">
       <%= render partial: 'form', locals: { f: f } %>
     </div>
-
-    <%= render partial: 'spree/admin/shared/edit_resource_links' %>
-  </fieldset>
+    <div class="card-body">
+      <%= render partial: 'spree/admin/shared/edit_resource_links' %>
+    </div>
+  </div>
 <% end %>

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

@@ -4,13 +4,14 @@
 <div id="new_variant" data-hook></div>
 
 <% if @variants.any? %>
-<div class="table-responsive">
+<div class="table-responsive border rounded bg-white">
   <table class="table sortable" data-sortable-link="<%= update_positions_admin_product_variants_path(@product) %>">
-    <thead data-hook="variants_header">
+    <thead data-hook="variants_header" class="text-muted">
       <tr>
-        <th colspan="2"><%= Spree.t(:options) %></th>
-        <th><%= Spree.t(:price) %></th>
+        <th></th>
         <th><%= sort_link @search, :sku, Spree.t(:sku) %></th>
+        <th><%= Spree.t(:options) %></th>
+        <th><%= Spree.t(:price) %></th>
         <th class="actions"></th>
       </tr>
     </thead>
@@ -19,12 +20,12 @@
       <tr id="<%= spree_dom_id variant %>" <%= 'style="color:red;"' if variant.deleted? %> data-hook="variants_row">
         <td class="move-handle">
           <% if can? :edit, variant %>
-            <%= svg_icon name: "sort.svg", width: '18', height: '18' %>
+            <%= svg_icon name: "grip-vertical.svg", width: '18', height: '18' %>
           <% end %>
         </td>
+        <td><%= variant.sku %></td>
         <td><%= variant.options_text %></td>
         <td><%= display_price(variant) %></td>
-        <td><%= variant.sku %></td>
         <td class="actions">
           <span class="d-flex justify-content-end">
             <%= link_to_edit(variant, no_text: true) if can?(:edit, variant) && !variant.deleted? %>
@@ -42,17 +43,17 @@
   </table>
 </div>
 <% else %>
-  <div class="no-objects-found alert alert-info">
+  <div class="text-center no-objects-found m-5">
     <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::Variant)) %>
-    <% if can?(:create, Spree::Variant) && !@product.empty_option_values? %>
-      - <%= link_to(Spree.t(:add_one), spree.new_admin_product_variant_path(@product)) %>!
+    <% if can?(:create, Spree::Variant) && !@product.empty_option_values? && params.dig(:q, :deleted_at_null).nil? %>
+      - <%= link_to(Spree.t(:add_one), spree.new_admin_product_variant_path(@product)) %>
     <% end %>
   </div>
 <% end %>
 
 <% if @product.empty_option_values? %>
   <% if can?(:modify, Spree::ProductOptionType) %>
-    <p class='first_add_option_types no-objects-found' data-hook="first_add_option_types">
+    <p class='text-center no-objects-found m-5 first_add_option_types' data-hook="first_add_option_types">
       <%= Spree.t(:to_add_variants_you_must_first_define) %>
       <%= link_to(Spree.t(:option_types), spree.admin_product_url(@product)) %>
       <% if can?(:read, Spree::OptionType) && can?([:create, :read], Spree::OptionValue) %>
@@ -63,9 +64,9 @@
   <% end %>
 <% else %>
   <% content_for :page_actions do %>
-    <%= product_preview_link(@product) %>
+    <%= external_page_preview_link(@product) %>
     <%= button_link_to(Spree.t(:new_variant), spree.new_admin_product_variant_url(@product), { icon: 'add.svg', :'data-update' => 'new_variant', class: 'btn-success', id: 'new_var_link' }) if can? :create, Spree::Variant %>
-    <%= button_link_to (@deleted == '1' ? Spree.t(:show_active) : Spree.t(:show_deleted)), spree.admin_product_variants_url(@product, { q: { deleted_at_null: @deleted == '1' ? "0" : "1" } }), { class: 'btn-outline-secondary', icon: 'filter.svg' } %>
+    <%= button_link_to (@deleted == '1' ? Spree.t(:show_active) : Spree.t(:show_deleted)), spree.admin_product_variants_url(@product, { q: { deleted_at_null: @deleted == '1' ? "0" : "1" } }), { class: 'btn-light', icon: 'filter.svg' } %>
   <% end %>
 <% end %>
 <%= render partial: 'spree/admin/shared/index_table_options', locals: { collection: @collection } %>

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

@@ -3,13 +3,15 @@
 <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @variant } %>
 
 <%= form_for [:admin, @product, @variant] do |f| %>
-  <div class="card mb-3 bg-light">
+  <div class="card mb-3">
+    <div class="card-header">
+      <h5 class="mb-0"><%= Spree.t(:new_variant) %></h5>
+    </div>
     <div class="card-body">
-      <fieldset data-hook="admin_variant_new_form">
-        <legend class="border-bottom"><%= Spree.t(:new_variant) %></legend>
+      <div data-hook="admin_variant_new_form">
         <%= render partial: 'form', locals: { f: f } %>
         <%= render partial: 'spree/admin/shared/new_resource_links' %>
-      </fieldset>
+      </div>
     </div>
   </div>
 <% end %>

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

@@ -0,0 +1,102 @@
+<div data-hook="admin_webhooks_subscriber_form_fields">
+  <%= f.field_container :url, class: ['form-group'] do %>
+    <%= 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 %>
+  <% end %>
+  <div class="form-group">
+    <div class="custom-control custom-switch">
+      <%= f.check_box :active, class: 'custom-control-input' %>
+      <%= f.label :active, class: 'custom-control-label' %>
+    </div>
+  </div>
+
+  Events
+
+  <div data-controller="webhooks_subscriber_events">
+    <%= f.field_container :subscriptions, class: ['form-group'] do %>
+      <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">
+        <div class="row">
+          <%= event_checkbox_for(:address, f) %>
+          <%= event_checkbox_for(:asset, f) %>
+          <%= event_checkbox_for(:cms_page, f) %>
+          <%= event_checkbox_for(:credit_card, f) %>
+          <%= event_checkbox_for(:customer_return, f) %>
+          <%= event_checkbox_for(:digital_link, f) %>
+        </div>
+        <div class="row">
+          <%= event_checkbox_for(:digital, f) %>
+          <%= event_checkbox_for(:inventory_unit, f) %>
+          <%= event_checkbox_for(:line_item, f) %>
+          <%= event_checkbox_for(:menu_item, f) %>
+          <%= event_checkbox_for(:menu, f) %>
+          <%= event_checkbox_for(:option_type, f) %>
+        </div>
+        <div class="row">
+          <%= event_checkbox_for(:option_value, f) %>
+          <%= event_checkbox_for(:order, f) %>
+          <%= event_checkbox_for(:payment, f) %>
+          <%= event_checkbox_for(:payment_capture_event, f) %>
+          <%= event_checkbox_for(:price, f) %>
+          <%= event_checkbox_for(:product, f) %>
+        </div>
+        <div class="row">
+          <%= event_checkbox_for(:promotion, f) %>
+          <%= event_checkbox_for(:property, f) %>
+          <%= event_checkbox_for(:prototype, f) %>
+          <%= event_checkbox_for(:refund, f) %>
+          <%= event_checkbox_for(:reimbursement, f) %>
+          <%= event_checkbox_for(:return_authorization, f) %>
+        </div>
+        <div class="row">
+          <%= event_checkbox_for(:return_item, f) %>
+          <%= event_checkbox_for(:role, f) %>
+          <%= event_checkbox_for(:shipment, f) %>
+          <%= event_checkbox_for(:shipping_category, f) %>
+          <%= event_checkbox_for(:shipping_method, f) %>
+          <%= event_checkbox_for(:shipping_rate, f) %>
+        </div>
+        <div class="row">
+          <%= event_checkbox_for(:stock_item, f) %>
+          <%= event_checkbox_for(:stock_location, f) %>
+          <%= event_checkbox_for(:stock_movement, f) %>
+          <%= event_checkbox_for(:stock_transfer, f) %>
+          <%= event_checkbox_for(:store_credit, f) %>
+          <%= event_checkbox_for(:store, f) %>
+        </div>
+        <div class="row">
+          <%= event_checkbox_for(:tax_rate, f) %>
+          <%= event_checkbox_for(:taxonomy, f) %>
+          <%= event_checkbox_for(:taxon, f) %>
+          <%= event_checkbox_for(:variant, f) %>
+          <%= event_checkbox_for(:wished_item, f) %>
+          <%= event_checkbox_for(:wishlist, f) %>
+        </div>
+        <div class="row">
+          <%= event_checkbox_for(:zone, f) %>
+          <%= event_checkbox_for(:vendor, f) if defined?(Spree::Vendor) %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,13 @@
+<% content_for :page_title do %>
+  <%= link_to Spree.t('admin.webhooks_subscribers.webhooks_subscribers'), 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| %>
+  <fieldset>
+    <%= render partial: 'form', locals: { f: f } %>
+    <%= render partial: 'spree/admin/shared/edit_resource_links' %>
+  </fieldset>
+<% end %>

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

@@ -0,0 +1,55 @@
+<% content_for :page_title do %>
+  <%= Spree.t('admin.webhooks_subscribers.webhooks_subscribers') %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t('admin.webhooks_subscribers.new_webhooks_subscriber'), new_object_url, class: "btn-success", icon: 'add.svg', id: 'admin_new_webhooks_subscriber_link' %>
+<% end if can?(:create, Spree::Webhooks::Subscriber) %>
+
+<% if @webhooks_subscribers.any? %>
+  <div class="table-responsive border rounded bg-white">
+    <table class="table">
+      <thead class="text-muted">
+      <tr>
+        <th><%= Spree.t('admin.url') %></th>
+        <% if defined?(Spree::Vendor) && can?(:manage, Spree::Vendor) && !current_spree_vendor %>
+          <th><%= Spree.t(:vendor) %></th>
+        <% end %>
+        <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><%= Spree.t('admin.webhooks_subscribers.all_events') %></th>
+        <th></th>
+      </tr>
+      </thead>
+      <tbody>
+      <% @webhooks_subscribers.each do |webhooks_subscriber| %>
+        <tr id="<%= spree_dom_id webhooks_subscriber %>">
+          <td><code><%= webhooks_subscriber.url %></code></td>
+          <% if defined?(Spree::Vendor) && can?(:manage, Spree::Vendor) && !current_spree_vendor %>
+            <td>
+              <%= link_to webhooks_subscriber.vendor.name, spree.admin_vendor_path(webhooks_subscriber.vendor) if webhooks_subscriber.vendor.present? %>
+            </td>
+          <% end %>
+          <td><%= active_badge(webhooks_subscriber.active) %></td>
+          <td><%= webhooks_subscriber.subscriptions&.join(', ') %></td>
+          <td><%= webhooks_subscriber.events.order(:created_at).last&.created_at %></td>
+          <td><%= link_to Spree.t(:view), admin_webhooks_subscriber_path(webhooks_subscriber) %></td>
+          <td class="actions">
+          <span class="d-flex justify-content-end">
+            <%= link_to_edit(webhooks_subscriber, no_text: true) if can? :edit, webhooks_subscriber %>
+            <%= link_to_delete(webhooks_subscriber, no_text: true) if can? :delete, webhooks_subscriber %>
+          </span>
+          </td>
+        </tr>
+      <% end %>
+      </tbody>
+    </table>
+  </div>
+  <%= render 'spree/admin/shared/index_table_options', collection: @webhooks_subscribers, simple: true %>
+<% else %>
+  <div class="text-center no-objects-found m-5">
+    <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::Webhooks::Subscriber)) %>,
+    <%= link_to(Spree.t(:add_one), new_object_url) if can? :create, Spree::Webhooks::Subscriber %>!
+  </div>
+<% end %>

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

@@ -0,0 +1,13 @@
+<% content_for :page_title do %>
+  <%= link_to Spree.t('admin.webhooks_subscribers.webhooks_subscribers'), 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 %>