spree_backend 4.1.13.1 → 4.2.0.beta

data/app/views/spree/admin/product_properties/_product_property_fields.html.erb

@@ -1,19 +1,31 @@
 <tr class="product_property fields" id="spree_<%= dom_id(f.object) %>" data-hook="product_property">
+  <% if f.object.persisted? && can?(:edit, f.object) %>
   <td class="move-handle">
-    <% if f.object.persisted? && can?(:edit, f.object) %>
-      <span class="icon icon-move handle"></span>
-      <%= f.hidden_field :id %>
-    <% end %>
+    <%= svg_icon name: "sort.svg", width: '18', height: '18' %>
+    <%= f.hidden_field :id %>
+  </td>
+  <% else %>
+  <td style="opacity:0.2;">
+    <%= svg_icon name: "sort.svg", width: '18', height: '18' %>
+    <%= f.hidden_field :id %>
   </td>
+  <% end %>
   <td class='property_name'>
     <%= f.text_field :property_name, class: 'autocomplete form-control' %>
   </td>
   <td class='value'>
     <%= f.text_field :value, class: 'form-control' %>
   </td>
+  <td class="show_property">
+    <%= f.check_box :show_property %>
+  </td>
   <td class="actions actions-1">
     <% if f.object.persisted? && can?(:destroy, f.object) %>
       <%= link_to_delete f.object, no_text: true %>
+    <% else %>
+    <span class="btn btn-danger btn-sm icon-link disabled" style="opacity:0.2;">
+      <%= svg_icon name: "delete.svg", width: '18', height: '18' %>
+    </span>
     <% end %>
   </td>
 </tr>

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

@@ -7,36 +7,36 @@
   <%= button_link_to(
     Spree.t(:add_product_properties),
     "javascript:;",
-    { icon: 'add', :'data-target' => "tbody#product_properties", class: 'btn-success spree_add_fields' }) %>
+    { icon: 'add.svg', :'data-target' => "tbody#sortVert", class: 'btn-success spree_add_fields' }) %>
 
   <span class="js-new-ptype-link">
     <%= button_link_to Spree.t(:select_from_prototype),
       available_admin_prototypes_url,
-      { icon: 'properties', remote: true, 'data-update' => 'prototypes', class: 'btn-outline-secondary' } %>
+      { icon: 'list.svg', remote: true, 'data-update' => 'prototypes', class: 'btn-outline-secondary' } %>
   </span>
 <% end if can? :create, Spree::ProductProperty %>
 
 <%= form_for @product, url: spree.admin_product_url(@product), method: :put do |f| %>
   <fieldset>
     <div id="prototypes" data-hook></div>
-
-    <table class="table sortable" data-hook data-sortable-link="<%= update_positions_admin_product_product_properties_url %>">
-      <thead>
-        <tr data-hook="product_properties_header">
-          <th colspan="2"><%= Spree.t(:property) %></th>
-          <th><%= Spree.t(:value) %></th>
-          <th class="actions"></th>
-        </tr>
-      </thead>
-      <tbody id="product_properties" data-hook>
-        <%= f.fields_for :product_properties do |pp_form| %>
-          <%= render 'product_property_fields', f: pp_form %>
-        <% end %>
-      </tbody>
-    </table>
-
+    <div class=" table-responsive">
+      <table id="product_properties" class="table sortable" data-hook data-sortable-link="<%= update_positions_admin_product_product_properties_url %>">
+        <thead>
+          <tr data-hook="product_properties_header">
+            <th colspan="2"><%= Spree.t(:property) %></th>
+            <th><%= Spree.t(:value) %></th>
+            <th><%= Spree.t(:show_property) %></th>
+            <th class="actions"></th>
+          </tr>
+        </thead>
+        <tbody id="sortVert">
+          <%= f.fields_for :product_properties do |pp_form| %>
+            <%= render 'product_property_fields', f: pp_form %>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
     <%= render('spree/admin/shared/edit_resource_links') if can? :update, Spree::ProductProperty %>
-
     <%= hidden_field_tag 'clear_product_properties', 'true' %>
   </fieldset>
 <% end %>
@@ -51,3 +51,8 @@
     }
   });
 <% end %>
+
+
+<style>
+  div.ui-helper-hidden-accessible {display:none;}
+</style>

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

@@ -39,7 +39,7 @@
     </div>
 
     <div class="form-actions text-center" data-hook="buttons">
-      <%= button Spree.t(:add_stock), 'plus' %>
+      <%= button Spree.t(:add_stock), 'add.svg' %>
     </div>
   <% end %>
 </div>

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

@@ -1,25 +1,31 @@
 <script type='text/template' id='product_template'>
-  <li id='product_{{ product.id }}' data-product-id='{{ product.id }}' data-taxons="{{ product.taxon_ids }}" class='product'>
-    <a class="sort-handle js-sort-handle"><span class="icon icon-move"></span></a>
-    <div class="btn-group">
-      <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-        <span class="caret"></span>
-      </button>
-      <ul class="dropdown-menu" role="menu" data-hook="taxon_product_dropdown">
-        <li><a href="{{ edit_product_url product.id }}" class="edit-product js-edit-product"><%= Spree.t(:edit) %></a></li>
-        <li><a href="javascript:;" class="delete-product js-delete-product"><%= Spree.t(:delete_from_taxon) %></a></li>
-      </ul>
-    </div>
-    <div class='image'>
-      {{#if product.image }}
-        <img src='{{product.image}}' alt='{{ product.name }}' class='thumbnail' />
-      {{ else }}
-        <img src='<%= image_path("noimage/small.png") %>' alt='{{product.name }}' class='thumbnail' />
-      {{/if}}
-    </div>
-    <div class="product-info">
-      <div class="name">{{ product.name }}</div>
-      <div class="price">{{ product.display_price }}</div>
+  <li id="product_{{ product.id }}" data-product-id='{{ product.id }}' data-taxons="{{ product.taxon_ids }}" class="product p-2 col-6 col-md-3 col-lg-2">
+    <div class="m-1 p-2 card bg-light">
+      <nav class="navbar navbar-light bg-light justify-content-between px-0 pt-0" style="background-color:transparent !important;">
+        <a class=" sort-handle js-sort-handle">
+          <%= svg_icon name: "move.svg", width: '22', height: '22' %>
+        </a>
+        <div class="dropdown ">
+          <button class="btn btn-outline-secondary dropdown-toggle products-ddb btn-sm" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <%= svg_icon name: "chevron-down.svg", width: '18', height: '18' %>
+          </button>
+          <div class="dropdown-menu dropdown-menu-right p-0 mt-1" aria-labelledby="dropdownMenuButton">
+            <a href="{{ edit_product_url product.id }}" class="edit-product js-edit-product dropdown-item p-1"><%= Spree.t(:edit) %></a>
+            <a href="javascript:;" class="delete-product js-delete-product dropdown-item p-1"><%= Spree.t(:remove) %></a>
+          </div>
+        </div>
+      </nav>
+      <div class='image'>
+        {{#if product.image }}
+          <img src='{{product.image}}' alt='{{ product.name }}' class='thumbnail rounded border border' />
+        {{ else }}
+          <img src='<%= image_path("noimage/small.png") %>' alt='{{product.name }}' class='thumbnail' />
+        {{/if}}
+      </div>
+      <div class="p-0 pt-1 text-center product-info">
+        <p class="name card-text">{{ product.name }}</p>
+        <p class="price card-text">{{ product.display_current_currency_price }}</p>
+      </div>
     </div>
   </li>
 </script>

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

@@ -38,6 +38,14 @@
         <% end %>
       </div>
 
+      <div>
+        <%= f.field_container :compare_at_price, class: ['form-group'] do %>
+          <%= f.label :compare_at_price, Spree.t(:compare_at_price) %>
+          <%= f.text_field :compare_at_price, value: number_to_currency(@product.compare_at_price, unit: ''), class: 'form-control' %>
+          <%= f.error_message_on :compare_at_price %>
+        <% end %>
+      </div>
+
       <div data-hook="admin_product_form_cost_price" class="alpha two columns">
         <%= f.field_container :cost_price, class: ['form-group'] do %>
           <%= f.label :cost_price, Spree.t(:cost_price) %>
@@ -57,23 +65,48 @@
         <%= 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, value: datepicker_field_value(@product.available_on), class: 'datepicker form-control' %>
+
+          <div class="input-group datePickerFrom"
+               data-wrap="true"
+               data-max-date="<%= @product.discontinue_on %>" >
+
+            <%= 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="admin_product_form_discontinue_on">
         <%= f.field_container :discontinue_on, class: ['form-group'] do %>
           <%= f.label :discontinue_on, Spree.t(:discontinue_on) %>
           <%= f.error_message_on :discontinue_on %>
-          <%= f.text_field :discontinue_on, value: datepicker_field_value(@product.discontinue_on), class: 'datepicker form-control' %>
+
+          <div class="input-group datePickerTo"
+               data-wrap="true"
+               data-min-date="<%= @product.available_on %>" >
+
+            <%= f.text_field :discontinue_on,
+                              value: datepicker_field_value(@product.discontinue_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="admin_product_form_promotionable">
         <%= f.field_container :promotionable, class: ['form-group'] do %>
+          <%= f.check_box :promotionable %>
           <%= f.label :promotionable, Spree.t(:promotionable) %>
           <%= f.error_message_on :promotionable %>
-          <%= f.check_box :promotionable, class: 'form-control' %>
         <% end %>
       </div>
 
@@ -87,10 +120,9 @@
       <% if @product.has_variants? %>
         <div data-hook="admin_product_form_multiple_variants" class="card bg-light mb-3">
           <div class="card-body">
-            <%= f.label :skus, Spree.t(:sku).pluralize %>
-            <div class="info marginb">
-              <%= Spree.t(:info_product_has_multiple_skus, count: @product.variants.size) %>
-              <ul class="text_list">
+          <h5 class="card-title"><%= f.label :skus, Spree.t(:sku).pluralize %></h5>
+              <h6 class="card-subtitle mb-2 text-muted"><%= Spree.t(:info_product_has_multiple_skus, count: @product.variants.size) %> </h6>
+              <ul class="list-unstyled">
                 <% @product.variants.first(5).each do |variant| %>
                   <li><%= variant.sku %></li>
                 <% end %>
@@ -100,10 +132,9 @@
                   <%= Spree.t(:info_number_of_skus_not_shown, count: @product.variants.size - 5) %>
                 </em>
               <% end %>
-            </div>
             <div class="info-actions">
               <% if can?(:admin, Spree::Variant) %>
-                <%= link_to_with_icon 'variants', Spree.t(:manage_variants), spree.admin_product_variants_url(@product), class: "btn btn-outline-secondary" %>
+                <%= link_to_with_icon 'adjust.svg', Spree.t(:manage_variants), spree.admin_product_variants_url(@product), class: "btn btn-outline-secondary" %>
               <% end %>
             </div>
           </div>

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

@@ -1,7 +1,7 @@
 <% content_for :page_actions do %>
   <%= product_preview_link(@product) %>
   <% if can?(:create, Spree::Product) %>
-    <%= button_link_to Spree.t(:new_product), new_object_url, { class: "btn-success", icon: 'add', id: 'admin_new_product' } %>
+    <%= button_link_to Spree.t(:new_product), new_object_url, { class: "btn-success", icon: 'add.svg', id: 'admin_new_product' } %>
   <% end %>
 <% end %>
 

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

@@ -3,7 +3,7 @@
 <% end %>
 
 <% content_for :page_actions do %>
-  <%= button_link_to Spree.t(:new_product), new_object_url, { class: "btn-success", icon: 'add', id: 'admin_new_product' } %>
+  <%= button_link_to Spree.t(:new_product), new_object_url, { class: "btn-success", icon: 'add.svg', id: 'admin_new_product' } %>
 <% end if can?(:create, Spree::Product) %>
 
 <% content_for :table_filter do %>
@@ -14,8 +14,8 @@
       <div data-hook="admin_products_index_search" class="row">
         <div class="col-12 col-lg-6">
           <div class="form-group">
-            <%= f.label :name_cont, Spree.t(:name) %>
-            <%= f.text_field :name_cont, size: 15, class: "form-control js-quick-search-target js-filterable" %>
+            <%= f.label :search_by_name, Spree.t(:name) %>
+            <%= f.text_field :search_by_name, size: 15, class: "form-control js-quick-search-target js-filterable" %>
           </div>
         </div>
         <div class="col-12 col-lg-6">
@@ -41,46 +41,51 @@
         </div>
       </div>
       <div data-hook="admin_products_index_search_buttons" class="form-actions">
-        <%= button Spree.t(:search), 'search' %>
+        <%= button Spree.t(:search), 'search.svg' %>
       </div>
     <% end %>
 
   </div>
 <% end %>
 
-<%= render partial: 'spree/admin/shared/index_table_options', locals: { collection: @collection } %>
-
 <% if @collection.any? %>
+<div class="table-responsive">
   <table class="table" id="listing_products">
     <thead>
       <tr data-hook="admin_products_index_headers">
-        <th><%= Spree.t(:sku) %></th>
-        <th><%= Spree.t(:status) %></th>
-
-        <th colspan="2"><%= sort_link @search,:name, Spree.t(:name), { default_order: "desc" }, {title: 'admin_products_listing_name_title'} %></th>
-        <th class="text-center">
+        <th scope="col" colspan="2"><%= sort_link @search,:name, Spree.t(:name), { default_order: "desc" }, {title: 'admin_products_listing_name_title'} %></th>
+        <th scope="col"><%= Spree.t(:sku) %></th>
+        <th scope="col"><%= Spree.t(:status) %></th>
+        <th scope="col" class="text-center">
           <%= sort_link @search, :master_default_price_amount, Spree.t(:master_price), {}, {title: 'admin_products_listing_price_title'} %>
         </th>
-        <th data-hook="admin_products_index_header_actions" class="actions"></th>
+        <th scope="col" data-hook="admin_products_index_header_actions" class="actions"></th>
       </tr>
     </thead>
     <tbody>
       <% @collection.each do |product| %>
           <tr <%== "style='color: red;'" if product.deleted? %> id="<%= spree_dom_id product %>" data-hook="admin_products_index_rows" class="<%= cycle('odd', 'even') %>">
+            <td scope="row" class="image">
+              <%= link_to edit_admin_product_path(product) do %>
+                <%= mini_image product %>
+              <% end %>
+            </td>
+            <td><%= link_to product.try(:name), edit_admin_product_path(product) %></td>
             <td class="sku"><%= product.sku rescue '' %></td>
             <td class="status"><%= available_status(product) %> </td>
-            <td class="image"><%= mini_image product %></td>
-            <td><%= link_to product.try(:name), edit_admin_product_path(product) %></td>
-            <td class="text-center"><%= product.display_price.to_html rescue '' %></td>
-            <td class="actions actions-3 text-right" data-hook="admin_products_index_row_actions">
-              <%= link_to_edit product, no_text: true, class: 'edit' if can?(:edit, product) && !product.deleted? %>
-              <%= link_to_clone product, no_text: true, class: 'clone' if can?(:clone, product) %>
-              <%= link_to_delete product, no_text: true if can?(:delete, product) && !product.deleted? %>
+            <td class="text-center"><%= display_price(product) %></td>
+            <td class="actions " data-hook="admin_products_index_row_actions">
+              <span class="d-flex">
+                <%= link_to_edit product, no_text: true, class: 'edit' if can?(:edit, product) && !product.deleted? %>
+                <%= link_to_clone product, no_text: true, class: 'clone' if can?(:clone, product) %>
+                <%= link_to_delete product, no_text: true if can?(:delete, product) && !product.deleted? %>
+              </span>
             </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::Product)) %>,

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>