spree_backend 4.1.15 → 4.2.0.beta

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

@@ -43,14 +43,23 @@
         <%= f.field_container :available_on, class: ['form-group'] do %>
           <%= f.label :available_on, Spree.t(:available_on) %>
           <%= f.error_message_on :available_on %>
-          <%= f.text_field :available_on, class: 'datepicker form-control' %>
+
+          <div class="input-group datepicker" data-wrap="true">
+            <%= f.text_field :available_on,
+                             value: datepicker_field_value(@product.available_on),
+                             placeholder: Spree.t(:select_a_date),
+                             class: 'form-control shadow-none',
+                             'data-input':'' %>
+
+            <%= render partial: 'spree/admin/shared/cal_close' %>
+          </div>
         <% end %>
       </div>
 
       <div data-hook="new_product_shipping_category" class="col-12 col-md-4">
         <%= f.field_container :shipping_category, class: ['form-group'] do %>
           <%= f.label :shipping_category_id, Spree.t(:shipping_categories) %><span class="required">*</span>
-          <%= f.collection_select(:shipping_category_id, @shipping_categories, :id, :name, { include_blank: Spree.t('match_choices.none') }, { class: 'select2', required: :required }) %>
+          <%= f.collection_select(:shipping_category_id, @shipping_categories, :id, :name, { include_blank: Spree.t('match_choices.none') }, { class: 'select2' }) %>
           <%= f.error_message_on :shipping_category_id %>
         <% end %>
       </div>

data/app/views/spree/admin/products/stock.html.erb

@@ -7,8 +7,8 @@
   </div>
 <% end %>
 
-<div class="card mb-3">
-  <table class="table table-bordered" id="listing_product_stock">
+<div class="card mb-3 table-responsive">
+  <table class="table" id="listing_product_stock">
     <thead>
       <tr data-hook="admin_product_stock_management_index_headers">
         <th colspan="2"><%= Spree.t(:variant) %></th>
@@ -63,7 +63,7 @@
                         <% end if can? :update, item %>
                       </td>
                       <td class="actions actions-1 text-center">
-                        <%= link_to_with_icon('delete', Spree.t(:remove), [:admin, item], method: :delete, remote: true, class: 'icon_link btn btn-danger btn-sm', data: { action: :remove, confirm: Spree.t(:are_you_sure) }, no_text: true) if can? :destroy, item %>
+                        <%= link_to_with_icon('delete.svg', Spree.t(:remove), [:admin, item], method: :delete, remote: true, class: 'icon_link btn btn-danger btn-sm', data: { action: :remove, confirm: Spree.t(:are_you_sure) }, no_text: true) if can? :destroy, item %>
                       </td>
                     </tr>
                   <% end %>

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

@@ -3,10 +3,12 @@
 <% end %>
 
 <% content_for :page_actions do %>
-  <%= button_link_to Spree.t(:new_promotion_category), new_object_url, icon: 'add', class: 'btn-success' %>
+  <%= button_link_to Spree.t(:new_promotion_category), new_object_url, icon: 'add.svg', class: 'btn-success' %>
 <% end if can?(:create, Spree::PromotionCategory) %>
 
 <% if @promotion_categories.any? %>
+
+<div class="table-responsive">
   <table class="table">
     <thead>
       <th><%= Spree::PromotionCategory.human_attribute_name :name %></th>
@@ -26,6 +28,7 @@
       <% end %>
     </tbody>
   </table>
+</div>
 <% else %>
   <div class="alert alert-info no-objects-found">
     <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::PromotionCategory)) %>,

data/app/views/spree/admin/promotions/_actions.html.erb

@@ -12,7 +12,7 @@
       <%= select_tag 'action_type', options, class: 'select2' %>
     </div>
     <div class="form-actions">
-      <%= button Spree.t(:add), 'plus', 'submit', class: "btn-success" %>
+      <%= button Spree.t(:add), 'add.svg', 'submit', class: "btn-success" %>
     </div>
 
   <% end %>
@@ -28,7 +28,7 @@
       <% end %>
     </div>
     <div class="actions promotion-update">
-      <%= button Spree.t('actions.update'), 'save' %>
+      <%= button Spree.t('actions.update'), 'save.svg' %>
     </div>
   <% end %>
 

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

@@ -1,24 +1,26 @@
 <%= render partial: 'spree/admin/shared/error_messages', locals: { target: @promotion } %>
 
 <div class="row" id="general_fields" >
-  <div class="col-6 col-md-3">
+  <div class="col-12 col-md-3">
     <%= f.field_container :name, class: ['form-group'] do %>
       <%= f.label :name %>
       <%= f.text_field :name, class: 'form-control' %>
       <%= f.error_message_on :name %>
     <% end %>
 
-    <%= f.field_container :code, class: ['form-group'] do %>
-      <%= f.label :code %>
-      <%= f.text_field :code, class: 'form-control' %>
-    <% end %>
+    <div class="form-group">
+      <%= f.field_container :code do %>
+        <%= f.label :code %>
+        <%= f.text_field :code, class: 'form-control' %>
+      <% end %>
 
-    <%= f.field_container :generate_code, class: ['checkbox'] do %>
-      <%= f.label :generate_code do %>
-        <%= f.check_box :generate_code %>
-        <%= Spree.t(:generate_code) %>
+      <%= f.field_container :generate_code, class: ['checkbox'] do %>
+        <%= f.label :generate_code do %>
+          <%= f.check_box :generate_code %>
+          <%= Spree.t(:generate_code) %>
+        <% end %>
       <% end %>
-    <% end %>
+    </div>
 
     <%= f.field_container :path, class: ['form-group'] do %>
       <%= f.label :path %>
@@ -45,23 +47,48 @@
     <% end %>
   </div>
 
-  <div id="expiry_fields" class="col-6 col-md-3">
-    <%= f.field_container :usage_limit do %>
-      <%= f.label :usage_limit %>
-      <%= f.number_field :usage_limit, min: 0, class: 'form-control' %>
+  <div id="expiry_fields" class="col-12 col-md-3">
+    <div class="form-group">
+      <%= f.field_container :usage_limit do %>
+        <%= f.label :usage_limit, Spree.t('limit_usage_to') %>
+        <%= f.number_field :usage_limit, min: 0, class: 'form-control hide-number-toggle' %>
+      <% end %>
       <small class="form-text text-muted">
         <%= Spree.t(:current_promotion_usage, count: @promotion.credits_count) %>
       </small>
-    <% end %>
+    </div>
 
     <div id="starts_at_field" class="form-group">
       <%= f.label :starts_at %>
-      <%= f.datetime_field :starts_at, class: 'form-control' %>
+      <div class="input-group datePickerFrom"
+           data-wrap="true"
+           data-enable-time="true"
+           data-date-format="<%= Spree.t('js_date_time', scope: 'date_picker') %>"
+           data-max-date="<%= @promotion.expires_at %>" >
+        <%= f.datetime_field :starts_at,
+                             class: 'form-control shadow-none',
+                             placeholder: Spree.t('starting_from'),
+                             'data-input':'' %>
+
+        <%= render partial: 'spree/admin/shared/cal_close' %>
+      </div>
     </div>
 
     <div id="expires_at_field" class="form-group">
       <%= f.label :expires_at %>
-      <%= f.datetime_field :expires_at, class: 'form-control' %>
+      <div class="input-group datePickerTo"
+           data-wrap="true"
+           data-enable-time= 'true'
+           data-date-format= "<%= Spree.t('js_date_time', scope: 'date_picker') %>"
+           data-min-date="<%= @promotion.starts_at %>" >
+        <%= f.datetime_field :expires_at,
+                              placeholder:Spree.t('ends_at'),
+                              class: 'form-control shadow-none',
+                              'data-input':'' %>
+
+        <%= render partial: 'spree/admin/shared/cal_close' %>
+      </div>
     </div>
+
   </div>
 </div>

data/app/views/spree/admin/promotions/_promotion_action.html.erb

@@ -1,7 +1,7 @@
 <div class="promotion_action promotion-block <%= promotion_action.type.to_s.demodulize.underscore %> card  mb-3" id="<%= dom_id promotion_action %>">
   <% type_name = promotion_action.class.name.demodulize.underscore %>
   <div class="card-header d-flex justify-content-between">
-    <%= link_to_with_icon 'delete', '', spree.admin_promotion_promotion_action_path(@promotion, promotion_action), remote: true, method: :delete, class: 'delete order-2' %>
+    <%= link_to_with_icon 'delete.svg', '', spree.admin_promotion_promotion_action_path(@promotion, promotion_action), remote: true, method: :delete, class: 'delete order-2' %>
     <h3 class="card-title h5 mb-0 promotion-title"><%= Spree.t("promotion_action_types.#{type_name}.description") %></h3>
   </div>
   <% param_prefix = "promotion[promotion_actions_attributes][#{promotion_action.id}]" %>

data/app/views/spree/admin/promotions/_promotion_rule.html.erb

@@ -1,7 +1,7 @@
 <div class="promotion_rule promotion-block card mb-3" id="<%= dom_id promotion_rule %>">
   <% type_name = promotion_rule.class.name.demodulize.underscore %>
   <div class="card-header d-flex justify-content-between">
-    <%= link_to_with_icon 'delete', '',
+    <%= link_to_with_icon 'delete.svg', '',
       spree.admin_promotion_promotion_rule_path(@promotion, promotion_rule),
       remote: true,
       method: :delete,

data/app/views/spree/admin/promotions/_rules.html.erb

@@ -6,13 +6,13 @@
 <div id="rule_fields" class="card-body">
 
   <%= form_tag spree.admin_promotion_promotion_rules_path(@promotion), remote: true, id: 'new_product_rule_form', class: 'mb-3' do %>
-    
+
     <div class="form-group">
       <%= label_tag :promotion_rule_type, Spree.t(:add_rule_of_type) %>
       <%= select_tag('promotion_rule[type]', options_for_promotion_rule_types(@promotion), class: 'select2') %>
     </div>
     <div class="form-actions">
-      <%= button Spree.t(:add), 'plus', 'submit', class: "btn-success" %>
+      <%= button Spree.t(:add), 'add.svg', 'submit', class: "btn-success" %>
     </div>
 
   <% end %>
@@ -40,7 +40,7 @@
     </div>
 
     <div class="promotion-update actions">
-      <%= button Spree.t('actions.update'), 'ok' %>
-    </div>    
+      <%= button Spree.t('actions.update'), 'save.svg' %>
+    </div>
   <% end %>
 </div>

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

@@ -4,8 +4,8 @@
 <% end %>
 
 <%= form_for @promotion, url: object_url, method: :put do |f| %>
-  <div class="row">
-    <div class="col-12">
+<div class="card mb-4">
+  <div class="card-body">
       <%= render partial: 'form', locals: { f: f } %>
       <%= render partial: 'spree/admin/shared/edit_resource_links' %>
     </div>

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

@@ -3,7 +3,7 @@
 <% end %>
 
 <% content_for :page_actions do %>
-  <%= button_link_to Spree.t(:new_promotion), new_object_url, class: "btn-success", icon: 'add' %>
+  <%= button_link_to Spree.t(:new_promotion), new_object_url, class: "btn-success", icon: 'add.svg' %>
 <% end if can?(:create, Spree::Promotion) %>
 
 <% content_for :table_filter do %>
@@ -36,15 +36,16 @@
       </div>
 
       <div data-hook="admin_promotions_index_search_buttons" class="form-actions">
-        <%= button Spree.t(:filter_results), 'search' %>
+        <%= button Spree.t(:filter_results), 'search.svg' %>
       </div>
     <% end %>
   </div>
 <% end %>
 
-<%= paginate @promotions, theme: 'twitter-bootstrap-4' %>
+<%= paginate @promotions, theme: 'admin-twitter-bootstrap-4' %>
 
 <% if @promotions.any? %>
+<div class="table-responsive">
   <table class="table">
     <thead>
       <tr>
@@ -75,6 +76,7 @@
       <% end %>
     </tbody>
   </table>
+  </div>
 <% else %>
   <div class="alert alert-info no-objects-found">
     <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::Promotion)) %>,

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

@@ -2,10 +2,11 @@
   <%= link_to Spree.t(:promotions), admin_promotions_url %> /
   <%= Spree.t(:new_promotion) %>
 <% end %>
-
-<%= form_for :promotion, url: collection_url do |f| %>
-  <%= render partial: 'form', locals: { f: f } %>
-  <div class="text-center">
-    <%= render partial: 'spree/admin/shared/new_resource_links' %>
+<div class="card">
+  <div class="card-body">
+    <%= form_for :promotion, url: collection_url do |f| %>
+      <%= render partial: 'form', locals: { f: f } %>
+      <%= render partial: 'spree/admin/shared/new_resource_links' %>
+    <% end %>
   </div>
-<% end %>
+</div>

data/app/views/spree/admin/promotions/rules/_country.html.erb

@@ -1,6 +1,6 @@
 <div class="card-body">
   <div class="form-group mb-0">
     <%= label_tag Spree.t('country_rule.label') %>
-    <%= select_tag("#{param_prefix}[preferred_country_id]", options_for_select(Spree::Country.pluck(:name, :id), promotion_rule.preferred_country_id), { class: 'select_product form-control' }) %>
+    <%= select_tag("#{param_prefix}[preferred_country_id]", options_for_select(Spree::Country.pluck(:name, :id), promotion_rule.preferred_country_id), { class: 'select_product form-control custom-select' }) %>
   </div>
 </div>

data/app/views/spree/admin/promotions/rules/_item_total.html.erb

@@ -1,11 +1,11 @@
 <div class="card-body">
   <div class="row mb-0">
-    <div class="form-group col-12 col-md-6 mb-0">
-      <%= select_tag "#{param_prefix}[preferred_operator_min]", options_for_select(Spree::Promotion::Rules::ItemTotal::OPERATORS_MIN.map{|o| [Spree.t("item_total_rule.operators.#{o}"),o]}, promotion_rule.preferred_operator_min), { class: 'select2 select_item_total marginb' } %>
-      <%= select_tag "#{param_prefix}[preferred_operator_max]", options_for_select(Spree::Promotion::Rules::ItemTotal::OPERATORS_MAX.map{|o| [Spree.t("item_total_rule.operators.#{o}"),o]}, promotion_rule.preferred_operator_max), { class: 'select2 select_item_total' } %>
+    <div class="form-group col-6 mb-3">
+      <%= select_tag "#{param_prefix}[preferred_operator_min]", options_for_select(Spree::Promotion::Rules::ItemTotal::OPERATORS_MIN.map{|o| [Spree.t("item_total_rule.operators.#{o}"),o]}, promotion_rule.preferred_operator_min), { class: 'custom-select select_item_total mb-3' } %>
+      <%= select_tag "#{param_prefix}[preferred_operator_max]", options_for_select(Spree::Promotion::Rules::ItemTotal::OPERATORS_MAX.map{|o| [Spree.t("item_total_rule.operators.#{o}"),o]}, promotion_rule.preferred_operator_max), { class: 'custom-select select_item_total' } %>
     </div>
-    <div class="form-group col-12 col-md-6 mb-0">
-      <%= text_field_tag "#{param_prefix}[preferred_amount_min]", promotion_rule.preferred_amount_min, class: 'form-control marginb' %>
+    <div class="form-group col-6 mb-3">
+      <%= text_field_tag "#{param_prefix}[preferred_amount_min]", promotion_rule.preferred_amount_min, class: 'form-control mb-3' %>
       <%= text_field_tag "#{param_prefix}[preferred_amount_max]", promotion_rule.preferred_amount_max, class: 'form-control' %>
     </div>
   </div>

data/app/views/spree/admin/promotions/rules/_option_value.html.erb

@@ -1,9 +1,8 @@
 <div class="card-body">
   <div class="promo-rule-option-values">
     <div class="js-promo-rule-option-values"></div>
-
     <button class="btn btn-primary btn-success js-add-promo-rule-option-value">
-      <span class="icon icon-add"></span>
+      <%= svg_icon name: "add.svg", width: '16', height: '16' %>
       <%= Spree.t(:add) %>
     </button>
   </div>
@@ -17,20 +16,14 @@
 </script>
 
 <script type="text/x-handlebars-template" id="promo-rule-option-value-template">
-  <div class="promo-rule-option-value panel  ">
-    <div class="card-header">
+  <div class="promo-rule-option-value panel card mb-3">
+    <div class="card-header d-flex justify-content-between">
+      <label><%= Spree.t(:product) %> <%= Spree.t(:option_values) %></label>
       <a class="js-remove-promo-rule-option-value delete pull-right">
-        <span class="icon icon-delete"></span>
+        <%= svg_icon name: "delete.svg", width: '16', height: '16' %>
       </a>
-      <div class="col-12 col-md-6">
-        <label><%= Spree.t(:product) %></label>
-      </div>
-      <div class="col-12 col-md-5">
-        <label><%= Spree.t(:option_values) %></label>
-      </div>
-      <div class="clearfix"></div>
     </div>
-    <div class="card-body row">
+    <div class="card-body row p-3">
       <div class="col-12 col-md-6">
         <input class="js-promo-rule-option-value-product-select fullwidth" type="hidden" value="{{ productSelect.value }}">
       </div>

data/app/views/spree/admin/promotions/rules/_product.html.erb

@@ -5,6 +5,6 @@
   </div>
   <div class="form-group mb-0">
     <%= label_tag Spree.t('product_rule.label') %>
-    <%= select_tag("#{param_prefix}[preferred_match_policy]", options_for_select(Spree::Promotion::Rules::Product::MATCH_POLICIES.map{|s| [Spree.t("product_rule.match_#{s}"),s] }, promotion_rule.preferred_match_policy), {class: 'select_product form-control'}) %>
+    <%= select_tag("#{param_prefix}[preferred_match_policy]", options_for_select(Spree::Promotion::Rules::Product::MATCH_POLICIES.map{|s| [Spree.t("product_rule.match_#{s}"),s] }, promotion_rule.preferred_match_policy), {class: 'select_product form-control custom-select'}) %>
   </div>
 </div>

data/app/views/spree/admin/promotions/rules/_taxon.html.erb

@@ -5,6 +5,6 @@
   </div>
   <div class="form-group mb-0">
     <%= label_tag Spree.t('taxon_rule.label') %>
-    <%= select_tag("#{param_prefix}[preferred_match_policy]", options_for_select(Spree::Promotion::Rules::Taxon::MATCH_POLICIES.map{|s| [Spree.t("taxon_rule.match_#{s}"),s] }, promotion_rule.preferred_match_policy), {class: 'select_taxon form-control'}) %>
+    <%= select_tag("#{param_prefix}[preferred_match_policy]", options_for_select(Spree::Promotion::Rules::Taxon::MATCH_POLICIES.map{|s| [Spree.t("taxon_rule.match_#{s}"),s] }, promotion_rule.preferred_match_policy), {class: 'select_taxon form-control custom-select'}) %>
   </div>
 </div>

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

@@ -3,7 +3,7 @@
 <% end %>
 
 <% content_for :page_actions do %>
-  <%= button_link_to Spree.t(:new_property), new_object_url, { class: "btn-success", icon: 'add', 'data-update' => 'new_property', id: 'new_property_link' } %>
+  <%= button_link_to Spree.t(:new_property), new_object_url, { class: "btn-success", icon: 'add.svg', 'data-update' => 'new_property', id: 'new_property_link' } %>
 <% end if can?(:create, Spree::Property) %>
 
 <% content_for :table_filter do %>
@@ -29,7 +29,7 @@
       </div>
 
       <div class="form-actions" data-hook="admin_pproperties_index_search_buttons">
-        <%= button Spree.t(:search), 'search' %>
+        <%= button Spree.t(:search), 'search.svg' %>
       </div>
 
     <% end %>
@@ -37,6 +37,7 @@
 <% end %>
 
 <% if @properties.any? %>
+<div class="table-responsive">
   <table class="table" id='listing_properties' data-hook>
     <thead>
       <tr data-hook="listing_properties_header">
@@ -58,6 +59,7 @@
       <% end %>
     </tbody>
   </table>
+</div>
 <% else %>
   <div class="alert alert-info no-objects-found">
     <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::Property)) %>,
@@ -65,4 +67,4 @@
   </div>
 <% end %>
 
-<%= paginate @collection, theme: 'twitter-bootstrap-4' %>
+<%= paginate @collection, theme: 'admin-twitter-bootstrap-4' %>

data/app/views/spree/admin/prototypes/_prototypes.html.erb

@@ -1,29 +1,31 @@
-<table class="table table-condensed table-bordered">
-  <thead>
-    <tr data-hook="available_header">
-      <th><%= Spree.t(:name) %></th>
-      <th class="actions"></th>
-    </tr>
-  </thead>
-  <tbody>
-    <% @prototypes.each do |prototype| %>
-      <tr id="row_<%= prototype.id %>" data-hook="available_row">
-        <td><%= prototype.name %></td>
-        <td class="actions actions-1">
-          <%= link_to_with_icon 'save',
-            Spree.t(:select),
-            select_admin_prototype_url(prototype),
-            class: 'btn btn-success btn-sm ajax select_properties_from_prototype',
-            no_text: true %>
-        </td>
+<div class="table-responsive">
+  <table class="table table-condensed table-bordered">
+    <thead>
+      <tr data-hook="available_header">
+        <th><%= Spree.t(:name) %></th>
+        <th class="actions"></th>
       </tr>
-    <% end %>
-    <% if @prototypes.empty? %>
-      <tr data-hook="available_none">
-        <td colspan="2">
-          <% Spree.t(:none) %>.
-        </td>
-      </tr>
-    <% end %>
-  </tbody>
-</table>
+    </thead>
+    <tbody>
+      <% @prototypes.each do |prototype| %>
+        <tr id="row_<%= prototype.id %>" data-hook="available_row">
+          <td><%= prototype.name %></td>
+          <td class="actions actions-1">
+            <%= link_to_with_icon 'save.svg',
+              Spree.t(:select),
+              select_admin_prototype_url(prototype),
+              class: 'btn btn-success btn-sm ajax select_properties_from_prototype',
+              no_text: true %>
+          </td>
+        </tr>
+      <% end %>
+      <% if @prototypes.empty? %>
+        <tr data-hook="available_none">
+          <td colspan="2">
+            <% Spree.t(:none) %>.
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>

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

@@ -3,29 +3,31 @@
 <% end %>
 
 <% content_for :page_actions do %>
-  <%= button_link_to Spree.t(:new_prototype), new_object_url, { class: "btn-success", icon: 'add', 'data-update' => 'new_prototype', id: 'new_prototype_link'} %>
+  <%= button_link_to Spree.t(:new_prototype), new_object_url, { class: "btn-success", icon: 'add.svg', 'data-update' => 'new_prototype', id: 'new_prototype_link'} %>
 <% end if can?(:create, Spree::Prototype) %>
 
 <% if @prototypes.any? %>
-  <table class="table" id='listing_prototypes' data-hook>
-    <thead>
-      <tr data-hook="prototypes_header">
-        <th><%= Spree.t(:name) %></th>
-        <th class="actions"></th>
-      </tr>
-    </thead>
-    <tbody>
-      <% @prototypes.each do |prototype| %>
-        <tr id="<%= spree_dom_id prototype %>" data-hook="prototypes_row">
-          <td><%= prototype.name %></td>
-          <td class="actions actions-2 text-right">
-            <%= link_to_edit(prototype, no_text: true, class: 'admin_edit_prototype') if can?(:edit, prototype) %>
-            <%= link_to_delete(prototype, no_text: true) if can?(:delete, prototype) %>
-          </td>
+  <div class="table-responsive">
+    <table class="table" id='listing_prototypes' data-hook>
+      <thead>
+        <tr data-hook="prototypes_header">
+          <th><%= Spree.t(:name) %></th>
+          <th class="actions"></th>
         </tr>
-      <% end %>
-    </tbody>
-  </table>
+      </thead>
+      <tbody>
+        <% @prototypes.each do |prototype| %>
+          <tr id="<%= spree_dom_id prototype %>" data-hook="prototypes_row">
+            <td><%= prototype.name %></td>
+            <td class="actions actions-2 text-right">
+              <%= link_to_edit(prototype, no_text: true, class: 'admin_edit_prototype') if can?(:edit, prototype) %>
+              <%= link_to_delete(prototype, no_text: true) if can?(:delete, prototype) %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
 <% else %>
   <div class="alert alert-info no-objects-found">
     <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::Prototype)) %>,

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

@@ -8,14 +8,27 @@
           <%= check_box_tag "option_types[]", ot.id, (params[:option_types] || []).include?(ot.id.to_s), id: "option_type_#{ot.id}", class: "option-type" %>
           <%= label_tag "option_type_#{ot.id}", ot.presentation %>
         </b>
-        <ul class="option-type-values">
-          <% ot.option_values.each do |ov| %>
-          <li>
-            <%= check_box_tag "product[option_values_hash[#{ot.id}]][]", ov.id, params[:product] && (params[:product][:option_values_hash] || {}).values.flatten.include?(ov.id.to_s), id: "option_value_#{ov.id}", class: "option-value" %>
-            <%= label_tag "option_value_#{ov.id}", ov.presentation %>
-          </li>
-          <% end %>
-        </ul>
+        <% if Spree::OptionType.color&.name == ot[:name] %>
+          <ul class="option-type-values option-type-values__color">
+            <% ot.option_values.each do |ov| %>
+              <li>
+                <%= label_tag "option_value_#{ov.id}" do %>
+                  <%= check_box_tag "product[option_values_hash[#{ot.id}]][]", ov.id, params[:product] && (params[:product][:option_values_hash] || {}).values.flatten.include?(ov.id.to_s), id: "option_value_#{ov.id}", class: "option-value"  %>
+                  <div class="option-value__color" style="--presentation: <%= ov.presentation %>"></div>
+                <% end %>
+              </li>
+            <% end %>
+          </ul>
+        <% else %>
+          <ul class="option-type-values">
+            <% ot.option_values.each do |ov| %>
+              <li>
+                <%= check_box_tag "product[option_values_hash[#{ot.id}]][]", ov.id, params[:product] && (params[:product][:option_values_hash] || {}).values.flatten.include?(ov.id.to_s), id: "option_value_#{ov.id}", class: "option-value" %>
+                <%= label_tag "option_value_#{ov.id}", ov.presentation %>
+              </li>
+            <% end %>
+          </ul>
+        <% end %>
       </li>
     <% end %>
   </ul>

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

@@ -21,9 +21,9 @@
     </div>
 
     <div class="form-actions" data-hook="buttons">
-      <%= button Spree.t('actions.save'), 'save' %>
+      <%= button Spree.t('actions.save'), 'save.svg' %>
       <span class="or"><%= Spree.t(:or) %></span>
-      <%= button_link_to Spree.t('actions.cancel'), spree.admin_order_payments_url(@refund.payment.order), icon: "delete" %>
+      <%= button_link_to Spree.t('actions.cancel'), spree.admin_order_payments_url(@refund.payment.order), icon: "delete.svg" %>
     </div>
   </fieldset>
 <% end %>

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

@@ -31,9 +31,9 @@
     </div>
 
     <div class="form-actions" data-hook="buttons">
-      <%= button Spree.t(:refund), 'save' %>
+      <%= button Spree.t(:refund), 'save.svg' %>
       <span class="or"><%= Spree.t(:or) %></span>
-      <%= button_link_to Spree.t('actions.cancel'), spree.admin_order_payments_url(@refund.payment.order), icon: "delete" %>
+      <%= button_link_to Spree.t('actions.cancel'), spree.admin_order_payments_url(@refund.payment.order), icon: "cancel.svg" %>
     </div>
   </fieldset>
 <% end %>

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

@@ -16,15 +16,15 @@
     </div>
   <% end %>
   <div class="col-12 col-md-5">
-    <%= f.field_container :active, class: ['form-inline'] do %>
-      <%= f.check_box :active, class: 'form-control mr-1' %>
+    <%= f.field_container :active, class: ['form-inline flex-row p-1'] do %>
+      <%= f.check_box :active, class: 'form-control w-auto h-auto mr-1' %>
       <%= f.label :active, Spree.t(:active) %>
       <%= f.error_message_on :active %>
     <% end %>
   </div>
   <div class="col-12 col-md-5">
-    <%= f.field_container :mutable, class: ['form-inline'] do %>
-      <%= f.check_box :mutable, class: 'form-control mr-1' %>
+    <%= f.field_container :mutable, class: ['form-inline flex-row p-1'] do %>
+      <%= f.check_box :mutable, class: 'form-control w-auto h-auto mr-1' %>
       <%= f.label :mutable, Spree.t(:mutable) %>
       <%= f.error_message_on :mutable %>
     <% end %>