RubyGems - spree_admin - Versions diffs - 5.0.6 → 5.1.0.beta - Mend

spree_admin 5.0.6 → 5.1.0.beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (266) hide show

data/app/javascript/spree/admin/helpers/bootstrap.js CHANGED Viewed

@@ -4,11 +4,11 @@ import { lockScroll, unlockScroll } from 'spree/core/helpers/scroll_lock'
 const initTooltips = () => {
-  $('.with-tip, .trix-button').each(function() {
+  $('.with-tip, .trix-button, .uppy-Dashboard-close, time').each(function() {
     $(this).tooltip()
   })
-  $('.with-tip, .trix-button').on('show.bs.tooltip', function(event) {
+  $('.with-tip, .trix-button, .uppy-Dashboard-close, time').on('show.bs.tooltip', function(event) {
     if (('ontouchstart' in window)) {
       event.preventDefault()
     }
@@ -16,7 +16,7 @@ const initTooltips = () => {
 }
 const removeTooltips = () => {
-  $('.with-tip, .trix-button').each(function() {
+  $('.with-tip, .trix-button, .uppy-Dashboard-close, time').each(function() {
     $(this).tooltip('dispose')
   })
 }

data/app/javascript/spree/admin/helpers/uppy_active_storage.js CHANGED Viewed

@@ -20,8 +20,7 @@ export default class ActiveStorageUpload extends BasePlugin {
       limit: 0,
       timeout: 30 * 1000,
       directUploadUrl: null,
-      headers: {},
-      crop: false
+      headers: {}
     }
     this.opts = Object.assign({}, defaultOptions, opts)
@@ -38,19 +37,10 @@ export default class ActiveStorageUpload extends BasePlugin {
   install() {
     this.uppy.addUploader(this.handleUpload)
-    this.uppy.on('file-editor:complete', this.onEditorComplete)
   }
   uninstall() {
     this.uppy.removeUploader(this.handleUpload)
-    this.uppy.off('file-editor:complete', this.onEditorComplete)
-  }
-  onEditorComplete = (updatedFile) => {
-    this.handleUpload([updatedFile.id])
-    // call directly upload method after editing image
-    return this.uploadFiles([updatedFile])
   }
   handleUpload(fileIDs) {
@@ -58,10 +48,6 @@ export default class ActiveStorageUpload extends BasePlugin {
       this.uppy.log("[ActiveStorage] No files to upload!")
       return Promise.resolve()
     }
-    // do not upload before editing is done
-    if (this.opts.crop) {
-      return Promise.resolve()
-    }
     this.uppy.log("[ActiveStorage] Uploading...")
     const files = fileIDs.map(fileID => this.uppy.getFile(fileID))
@@ -129,6 +115,8 @@ export default class ActiveStorageUpload extends BasePlugin {
             directUploadSignedId: blob.signed_id,
           }
+          this.uppy.setFileState(file.id, { response })
           this.uppy.emit("upload-success", file, blob)
           return resolve(file)

data/app/views/active_storage/_upload_form.html.erb CHANGED Viewed

@@ -2,7 +2,7 @@
 <% height ||= 300 %>
 <% crop ||= false unless defined?(crop) %>
 <% auto_submit ||= false %>
-<% show_delete_button = defined?(can_delete) ? can_delete : true %>
+<% can_delete ||= true unless defined?(can_delete) %>
 <% css ||= '' %>
 <% if field_name && form %>
@@ -22,7 +22,7 @@
           form.object.send(field_name),
           width: width,
           height: height,
-          class: 'img-fluid rounded-lg',
+          class: 'img-fluid rounded',
           data: { active_storage_upload_target: 'thumb' },
           loading: :lazy
         ) %>
@@ -48,7 +48,7 @@
         <%= Spree.t('actions.select_file') %>
       </button>
-      <% if show_delete_button %>
+      <% if can_delete %>
         <button type="button" class="btn btn-danger ml-auto" data-action="active-storage-upload#remove" data-turbo-confirm="<%= Spree.t(:are_you_sure) %>">
           <%= icon('trash') %>

data/app/views/layouts/spree/minimal.html.erb ADDED Viewed

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head>
+    <%= render "spree/admin/shared/head" %>
+  </head>
+  <body class="admin min-vh-100 <%= controller_name %> <%= action_name %>">
+    <div class="container-fluid">
+      <div class="row bg-white">
+        <div
+          class="col-lg-5 d-none d-lg-flex bg-light min-vh-100"
+          style="background-image: url('<%= asset_path('login_sidebar_background.png') %>');background-repeat: no-repeat;background-size: cover;background-position: center')"
+        >
+        </div>
+        <div class="col-lg-6 col-xl-4 offset-xl-1 py-3 d-flex flex-column justify-content-center vh-100">
+          <%= yield %>
+        </div>
+      </div>
+    </div>
+    <%= render "spree/admin/shared/modal" %>
+    <%= render "spree/admin/shared/alerts" %>
+  </body>
+</html>

data/app/views/spree/admin/admin_users/_admin_user.html.erb ADDED Viewed

@@ -0,0 +1,19 @@
+<tr id="<%= spree_dom_id admin_user %>" class="cursor-pointer" data-controller="row-link">
+  <td class="w-50" data-action="click->row-link#openLink">
+    <%= link_to spree.admin_admin_user_path(admin_user), data: { row_link_target: :link }, class: 'd-flex align-items-center' do %>
+      <%= render_avatar(admin_user, width: 48, height: 48, class: 'mr-3 avatar') %>
+      <div class="d-flex flex-column">
+        <%= admin_user.name %>
+        <span class="text-muted"><%= admin_user.email %></span>
+      </div>
+    <% end %>
+  </td>
+  <td class="w-30" data-action="click->row-link#openLink">
+    <% admin_user.role_users.each do |role_user| %>
+      <span class="badge badge-light"><%= role_user.role.name %></span>
+    <% end %>
+  </td>
+  <td class="w-20">
+    <%= local_time(admin_user.created_at) %>
+  </td>
+</tr>

data/app/views/spree/admin/admin_users/_audit_log.html.erb ADDED Viewed

@@ -0,0 +1,5 @@
+<div class="text-muted text-center py-5">
+  <p>Audit log is part of the Spree Enterprise offering.</p>
+  <%= external_link_to 'Upgrade to Spree Enterprise', 'https://spreecommerce.org/pricing', class: 'btn btn-primary' %>
+</div>

data/app/views/spree/admin/admin_users/_form.html.erb ADDED Viewed

@@ -0,0 +1,12 @@
+<div class="form-group">
+  <%= f.label :email %>
+  <%= f.email_field :email, class: 'form-control', required: true, autofocus: true %>
+</div>
+<div class="form-group">
+  <%= f.label :first_name %>
+  <%= f.text_field :first_name, class: 'form-control', required: true %>
+</div>
+<div class="form-group">
+  <%= f.label :last_name %>
+  <%= f.text_field :last_name, class: 'form-control', required: true %>
+</div>

data/app/views/spree/admin/admin_users/edit.html.erb ADDED Viewed

@@ -0,0 +1,35 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_admin_users_path %>
+  <%= @admin_user.name %>
+<% end %>
+<%= content_for :title do %>
+  <%= @admin_user.name %>
+<% end %>
+<%= turbo_frame_tag :edit_user do %>
+  <div class="card-header d-flex align-items-center justify-content-between">
+    <h5 class="card-title">
+      <%= Spree.t(:details) %>
+    </h5>
+    <%= link_to Spree.t('actions.discard'), spree.admin_admin_user_path(@admin_user), class: 'btn btn-light btn-sm' %>
+  </div>
+  <%= form_for [:admin, @admin_user], as: :admin_user, url: spree.admin_admin_user_path(@admin_user), method: :put do |f| %>
+    <div class="card-body">
+      <%= render'spree/admin/shared/error_messages', target: @admin_user %>
+      <%= render 'form', f: f %>
+      <% if can?(:manage, Spree::Role) && @roles.any? %>
+        <div class="form-group">
+          <%= f.label :spree_role_ids, Spree.t(:roles) %>
+          <%= f.select :spree_role_ids,
+                  options_from_collection_for_select(@roles, 'id', 'name', @admin_user.spree_roles.pluck(:id)),
+                  { prompt: false },
+                  { multiple: true,  data: { controller: 'autocomplete-select' } } %>
+        </div>
+      <% end %>
+    </div>
+    <div class="card-footer">
+      <%= turbo_save_button_tag Spree.t('actions.update') %>
+    </div>
+  <% end %>
+<% end%>

data/app/views/spree/admin/admin_users/index.html.erb ADDED Viewed

@@ -0,0 +1,18 @@
+<%= render 'spree/admin/shared/team_nav' %>
+<div class="card-lg">
+  <div class="table-responsive">
+    <table class="table">
+      <thead>
+        <tr>
+          <th class="rounded-lg-top-left"><%= Spree.t(:user) %></th>
+          <th><%= Spree.t(:roles) %></th>
+          <th class="rounded-lg-top-right"><%= sort_link @search, :created_at, Spree.t(:created_at) %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <%= render partial: 'spree/admin/admin_users/admin_user', collection: @collection %>
+      </tbody>
+    </table>
+  </div>
+</div>

data/app/views/spree/admin/admin_users/new.html.erb ADDED Viewed

@@ -0,0 +1,21 @@
+<%= form_with model: @admin_user, url: spree.admin_admin_users_path(token: @invitation.token), method: :post, scope: :admin_user do |f| %>
+      <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @admin_user } %>
+      <div class="rounded border p-3 mb-3 d-flex align-items-center gap-2">
+        <%= render_avatar(@invitation.inviter, height: 32, width: 32) %>
+        <%= @invitation.inviter.name %> has invited you to join <strong><%= @invitation.resource.name %></strong>
+      </div>
+      <%= render 'form', f: f %>
+      <div class="form-group">
+        <%= f.label :password %>
+        <%= f.password_field :password, class: 'form-control', required: true %>
+      </div>
+      <div class="form-group">
+        <%= f.label :password_confirmation %>
+        <%= f.password_field :password_confirmation, class: 'form-control', required: true %>
+      </div>
+    <%= turbo_save_button_tag(Spree.t('create_a_new_account')) %>
+<% end %>

data/app/views/spree/admin/admin_users/show.html.erb ADDED Viewed

@@ -0,0 +1,113 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_admin_users_path, @admin_user %>
+  <%= @admin_user.name %>
+<% end %>
+<%= content_for :title do %>
+  <%= @admin_user.name %>
+<% end %>
+<div class="row">
+  <div class="col-lg-8">
+    <div class="card mb-4">
+      <div class="card-header">
+        <h5 class="card-title">
+          <%= icon 'history', class: 'mr-1' %>
+          <%= Spree.t(:audit_log) %>
+        </h5>
+      </div>
+      <div class="card-body">
+        <%= render 'audit_log' %>
+      </div>
+    </div>
+  </div>
+  <div class="col-lg-4">
+    <div class="card mb-4" id="user-details">
+      <%= turbo_frame_tag :edit_user do %>
+        <div class="card-header d-flex align-items-center justify-content-between">
+          <h5 class="card-title">
+            <%= Spree.t(:details) %>
+          </h5>
+          <%= link_to_with_icon 'edit', Spree.t(:edit), spree.edit_admin_admin_user_path(@admin_user), class: 'btn btn-light btn-sm', data: { turbo_frame: :edit_user } %>
+        </div>
+        <div class="card-body p-0">
+          <ul class="list-group list-group-flush">
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:email) %>
+              <span>
+                <%= @admin_user.email %>
+              </span>
+            </li>
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:name) %>
+              <span>
+                <%= @admin_user.name %>
+              </span>
+            </li>
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:roles) %>
+              <span>
+                <% @role_users.each do |role_user| %>
+                  <span class="badge badge-light"><%= role_user.role.name %></span>
+                <% end %>
+              </span>
+            </li>
+            <% if @admin_user.respond_to?(:sign_in_count) %>
+              <li class="list-group-item d-flex justify-content-between align-items-center">
+                <%= I18n.t('activerecord.attributes.user.sign_in_count') %>
+                <span>
+                  <%= @admin_user.sign_in_count %>
+                </span>
+              </li>
+            <% end %>
+            <% if @admin_user.respond_to?(:last_sign_in_at) %>
+              <li class="list-group-item d-flex justify-content-between align-items-center">
+                <%= I18n.t('activerecord.attributes.user.last_sign_in') %>
+                <span>
+                  <% if @admin_user.last_sign_in_at %>
+                    <%= local_time(@admin_user.last_sign_in_at) %>
+                  <% else %>
+                    <%= Spree.t(:not_available) %>
+                  <% end %>
+                </span>
+              </li>
+            <% end %>
+            <% if @admin_user.respond_to?(:current_sign_in_at) %>
+              <li class="list-group-item d-flex justify-content-between align-items-center">
+                <%= I18n.t('activerecord.attributes.user.current_sign_in') %>
+                <span>
+                  <% if @admin_user.current_sign_in_at %>
+                    <%= local_time(@admin_user.current_sign_in_at) %>
+                  <% else %>
+                    <%= Spree.t(:not_available) %>
+                  <% end %>
+                </span>
+              </li>
+            <% end %>
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:created_at) %>
+              <span>
+                <%= local_time(@admin_user.created_at) %>
+              </span>
+            </li>
+            <li class="list-group-item d-flex justify-content-between align-items-center">
+              <%= Spree.t(:updated_at) %>
+              <span>
+                <%= local_time(@admin_user.updated_at) %>
+              </span>
+            </li>
+            <% if @admin_user.invited_by %>
+              <li class="list-group-item d-flex justify-content-between align-items-center">
+                <%= Spree.t(:invited_by) %>
+                <span>
+                <%= @admin_user.invited_by.name %>
+                </span>
+              </li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/coupon_codes/index.html.erb CHANGED Viewed

@@ -8,8 +8,8 @@
           <%= render 'spree/admin/shared/filters_search_bar', param: :code_eq %>
           <div class="d-flex align-items-center justify-content-between">
-            <div class="dropdown h-100">
-              <button class="btn btn-light h-100 dropdown-toggle" type="button" data-toggle="dropdown" data-display="static" data-flip="false" aria-expanded="false">
+            <div class="dropdown">
+              <button class="btn btn-light dropdown-toggle" type="button" data-toggle="dropdown" data-display="static" data-flip="false" aria-expanded="false">
                 <span class="text-muted font-weight-normal mr-1">
                   <%= Spree.t(:show) %>
                 </span>
@@ -19,14 +19,14 @@
               </button>
               <div class="dropdown-menu w-100 font-size-sm" style="min-width: 200px">
                 <%= active_link_to Spree.t(:all),
-                  spree.admin_promotion_coupon_codes_path,
+                  spree.admin_promotion_coupon_codes_path(@promotion),
                   class: 'dropdown-item',
                   active: (params[:q] || {}).values_at(:state_eq).all?(&:blank?) %>
                 <%= link_to Spree.t('admin.coupon_codes.used'),
-                  params.merge({q: {state_eq: :used}}).permit!,
+                  spree.admin_promotion_coupon_codes_path(@promotion, q: {state_eq: :used}),
                   class: "dropdown-item #{'active' if params.dig(:q, :state_eq) == 'used'}" %>
                 <%= link_to Spree.t('admin.coupon_codes.unused'),
-                  params.merge({q: {state_eq: :unused}}).permit!,
+                  spree.admin_promotion_coupon_codes_path(@promotion, q: {state_eq: :unused}),
                   class: "dropdown-item #{'active' if params.dig(:q, :state_eq) == 'unused'}" %>
               </div>
             </div>
@@ -42,7 +42,7 @@
       <div class="table-responsive">
         <% if @coupon_codes.any? %>
           <table class="table">
-            <thead class="text-muted">
+            <thead>
             <tr data-hook="rate_header">
               <th><%= Spree.t(:code) %></th>
               <th><%= Spree.t(:used) %></th>

data/app/views/spree/admin/custom_domains/_custom_domains.html.erb CHANGED Viewed

@@ -1,7 +1,7 @@
 <% if current_store.custom_domains.any? %>
   <div class="table-responsive rounded mt-3 border">
     <table class="table">
-      <thead class="text-muted">
+      <thead>
         <tr>
           <th><%= Spree.t(:name) %></th>
           <th>Active?</th>

data/app/views/spree/admin/customer_returns/index.html.erb CHANGED Viewed

@@ -20,7 +20,7 @@
   <% if @collection.any? %>
     <div class="table-responsive">
       <table class="table">
-        <thead class="text-muted">
+        <thead>
           <tr data-hook="rate_header">
             <th><%= Spree.t(:number) %></th>
             <th><%= Spree.t(:created_at) %></th>

data/app/views/spree/admin/dashboard/_store_preview.html.erb CHANGED Viewed

@@ -1,5 +1,5 @@
 <% if current_store.default_theme %>
-  <div class="card mb-4 bg-transparent">
+  <div class="card mb-4">
     <%= link_to spree.edit_admin_theme_path(current_store.default_theme), class: 'd-block border rounded mx-2 mt-2 mb-0 overflow-auto bg-light position-relative store-preview-link' do %>
       <div class="position-absolute w-100 h-100 align-items-center justify-content-center overlay-background store-preview-actions">
         <button class="btn btn-primary">

data/app/views/spree/admin/dashboard/_top_products.html.erb CHANGED Viewed

@@ -5,7 +5,9 @@
     <h5 class="card-title">
       <%= Spree.t('admin.dashboard.top_products') %>
     </h5>
-    <%= link_to Spree.t('admin.dashboard.view_report'), report_link, class: 'btn btn-light btn-sm', data: { turbo_frame: '_top' } %>
+    <% if can?(:manage, Spree::Report) %>
+      <%= link_to Spree.t('admin.dashboard.view_report'), report_link, class: 'btn btn-light btn-sm', data: { turbo_frame: '_top' } %>
+    <% end %>
   </div>
   <div class="card-body m-0 p-0">
     <div class="table-responsive">
@@ -72,7 +74,7 @@
       </tbody>
     </table>
   </div>
-  <% if @top_products.any? %>
+  <% if @top_products.any? && can?(:manage, Spree::Report) %>
     <p class="text-center mt-0 border-top py-2 mb-0">
       <%= link_to Spree.t('admin.dashboard.view_report'), report_link, class: 'm-2 w-50 btn btn-light mt-2', data: { turbo_frame: '_top' } %>
     </p>

data/app/views/spree/admin/digital_assets/_table.html.erb CHANGED Viewed

@@ -1,5 +1,5 @@
 <table class="table">
-  <thead class="text-muted">
+  <thead>
     <tr>
       <% if @product.has_variants? %>
         <th><%= Spree.t(:variant) %></th>

data/app/views/spree/admin/digital_assets/index.html.erb CHANGED Viewed

@@ -1,6 +1,5 @@
 <% content_for :page_title do %>
   <%= page_header_back_button spree.admin_product_path(@product) %>
-  <span class="mr-3"><%= @product.name %></span>
   <span><%= Spree.t("digital_assets") %></span>
 <% end %>

data/app/views/spree/admin/exports/index.html.erb CHANGED Viewed

@@ -4,7 +4,7 @@
   <% if @collection.any? %>
     <div class="table-responsive">
       <table class="table">
-        <thead class="text-muted">
+        <thead>
           <tr>
             <th><%= Spree.t(:number) %></th>
             <th class="text-center"><%= Spree.t(:kind) %></th>

data/app/views/spree/admin/integrations/_integration.html.erb ADDED Viewed

@@ -0,0 +1,36 @@
+<% integration_name = integration_class.integration_name %>
+<% integration = store_integration(integration_class.integration_key) %>
+<% integration_description ||= Spree.t("admin.integrations.#{integration_class.integration_key}.description") %>
+<div id="integration-<%= integration_class.integration_key %>" class="col mb-4 d-flex align-items-stretch">
+  <div class="card w-full">
+    <div class="card-header border-bottom d-flex align-items-center justify-content-between h-auto pr-3 <% if integration.present? %>bg-success<% end %>">
+      <div style="height: 36px" class="d-flex align-items-center">
+        <%= image_tag integration_class.icon_path, alt: integration_name, height: 36 if integration_class.icon_path.present? %>
+      </div>
+      <% if integration.present? %>
+        <span class="badge badge-success small">
+          <%= icon('check', class: 'mr-1') %>
+          <%= Spree.t(:active) %>
+        </span>
+      <% end %>
+    </div>
+    <div class="card-body">
+      <p><%= integration_description %></p>
+    </div>
+    <div class="card-footer d-flex <% if integration.present? %>align-items-baseline justify-content-between<% else %>flex-column<% end %>">
+      <% if integration.present? %>
+        <%= link_to spree.edit_admin_integration_path(integration), class: 'card-link btn btn-sm btn-light' do %>
+          <%= icon 'settings' %>
+          <%= Spree.t(:settings) %>
+        <% end if can?(:update, integration) %>
+      <% else %>
+        <%= link_to_with_icon 'plus', "#{Spree.t('actions.connect')} #{integration_class.integration_name}", spree.new_admin_integration_path(integration: { type: integration_class.name }), class: 'btn btn-primary' if can?(:create, Spree::Integration) %>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/integrations/edit.html.erb ADDED Viewed

@@ -0,0 +1,11 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_integrations_path %>
+  <%= @integration.name %> <%= Spree.t(:settings) %>
+<% end %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @integration } %>
+<%= form_for @integration, as: :integration, url: spree.admin_integration_path(@integration) do |form| %>
+  <%= render "spree/admin/integrations/forms/#{@integration.key}", form: form %>
+  <%= render 'spree/admin/shared/edit_resource_links', f: form %>
+<% end %>

data/app/views/spree/admin/integrations/index.html.erb ADDED Viewed

@@ -0,0 +1,23 @@
+<%= content_for(:page_title) do %>
+  <%= Spree.t(:integrations) %>
+<% end %>
+<%= content_for(:page_alerts) do %>
+  <div class="alert alert-info">
+    <%= Spree.t('admin.integrations.page_subtitle') %>
+  </div>
+<% end %>
+<div class="container px-lg-0 mt-2">
+  <% grouped_available_store_integrations.each do |group, integrations| %>
+    <% if group.present? %>
+      <div class="my-2 text-muted font-weight-light text-uppercase"><%= Spree.t(group) %></div>
+    <% end %>
+    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 mb-4">
+      <% integrations.each do |integration| %>
+        <%= render 'spree/admin/integrations/integration', integration_class: integration %>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/spree/admin/integrations/new.html.erb ADDED Viewed

@@ -0,0 +1,14 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.admin_integrations_path %>
+  <%= Spree.t('actions.connect') %> <%= @integration.name %>
+<% end %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @integration } %>
+<%= form_for @integration, as: :integration, url: spree.admin_integrations_path do |form| %>
+  <%= form.hidden_field :type %>
+  <%= form.hidden_field :active, value: true %>
+  <%= render "spree/admin/integrations/forms/#{@integration.key}", form: form %>
+  <%= render 'spree/admin/shared/new_resource_links' %>
+<% end %>

data/app/views/spree/admin/invitations/_invitation.html.erb ADDED Viewed

@@ -0,0 +1,52 @@
+<tr id="<%= spree_dom_id invitation %>">
+  <td class="w-30">
+    <%= invitation.email %>
+  </td>
+  <td class="w-10">
+    <% if can?(:read, invitation.inviter) %>
+      <%= link_to invitation.inviter.name, spree.admin_admin_user_path(invitation.inviter) %>
+    <% else %>
+      <%= invitation.inviter.name %>
+    <% end %>
+  </td>
+  <td class="w-20">
+    <span class="badge badge-light"><%= invitation.role.name %></span>
+  </td>
+  <td class="w-20">
+    <% if invitation.accepted? %>
+      <span class="badge badge-success"><%= Spree.t(:accepted) %></span>
+    <% elsif invitation.deleted? %>
+      <span class="badge badge-danger"><%= Spree.t(:deleted) %></span>
+    <% elsif invitation.expired? %>
+      <span class="badge badge-warning"><%= Spree.t(:expired) %></span>
+    <% else %>
+      <span class="badge badge-light"><%= Spree.t(:pending) %></span>
+      <p class="text-muted font-size-sm mb-0 mt-2 pl-1">Expires at: <%= local_time(invitation.expires_at) %></p>
+    <% end %>
+  </td>
+  <td class="w-10">
+    <%= local_time(invitation.created_at) %>
+  </td>
+  <td class="w-10 actions">
+    <% if invitation.pending? && !invitation.expired? %>
+      <div class="dropdown" data-controller="clipboard">
+        <%= hidden_field_tag nil, spree.admin_invitation_url(invitation, token: invitation.token),  data: { clipboard_target: "source" } %>
+        <button class="btn btn-sm btn-light" type="button" id="dropdownMenuButton-<%= invitation.id %>" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          <%= icon('dots-vertical', class: 'mr-0') %>
+        </button>
+        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton-<%= invitation.id %>">
+          <%= link_to_with_icon 'copy', Spree.t(:copy_link), '#',
+              class: "dropdown-item",
+              data: { action: "clipboard#copy" } %>
+          <%= link_to_with_icon 'send', Spree.t('actions.resend'), spree.resend_admin_invitation_path(invitation),
+              class: "dropdown-item",
+              data: { turbo_method: :put, turbo_confirm: Spree.t(:are_you_sure) } %>
+          <%= link_to_with_icon 'trash', Spree.t('actions.destroy'), spree.admin_invitation_path(invitation),
+              class: "dropdown-item btn-danger",
+              data: { turbo_method: :delete, turbo_confirm: Spree.t(:are_you_sure) } if can?(:destroy, invitation) %>
+        </div>
+      </div>
+    <% end %>
+  </td>
+</tr>

data/app/views/spree/admin/invitations/create.turbo_stream.erb ADDED Viewed

@@ -0,0 +1,4 @@
+<%= turbo_render_alerts %>
+<%= turbo_close_modal %>
+<%= turbo_stream.prepend 'invitations', partial: 'spree/admin/invitations/invitation', locals: { invitation: @invitation } %>

data/app/views/spree/admin/invitations/index.html.erb ADDED Viewed

@@ -0,0 +1,21 @@
+<%= render 'spree/admin/shared/team_nav' %>
+<div class="card-lg">
+  <div class="table-responsive">
+    <table class="table">
+      <thead>
+      <tr>
+        <th class="rounded-lg-top-left"><%= Spree.t(:email) %></th>
+        <th><%= I18n.t('activerecord.attributes.spree/invitation.inviter') %></th>
+        <th><%= Spree.t(:role_id) %></th>
+        <th><%= Spree.t(:status) %></th>
+        <th class="rounded-lg-top-right"><%= sort_link @search, :created_at, Spree.t(:created_at) %></th>
+        <th></th>
+      </tr>
+      </thead>
+      <tbody id="invitations">
+        <%= render collection: @collection, partial: 'spree/admin/invitations/invitation', as: :invitation %>
+      </tbody>
+    </table>
+  </div>
+</div>