spree_backend 4.2.4 → 4.3.0.rc3

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

@@ -0,0 +1,19 @@
+<% content_for :page_title do %>
+  <%= link_to Spree.t('admin.cms.all_pages'), spree.admin_cms_pages_path %> /
+  <%= link_to @cms_page.title, spree.edit_admin_cms_page_path(@cms_page) %> / <%= @cms_section.name %>
+<% end %>
+
+<% content_for :page_actions do %>
+<%= button_link_to(
+          Spree.t('admin.cms.go_to_fullscreen_section_manager'),
+          spree.edit_admin_cms_page_path(@cms_page) + '?section_editor_full_screen_mode=true',
+          class: 'btn-outline-secondary', icon: 'fullscreen.svg', id: 'admin_preview_product'
+        ) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @cms_section } %>
+
+<%= form_for [:admin, @cms_page, @cms_section], as: :cms_section, url: spree.admin_cms_page_cms_section_path(@cms_page, @cms_section) do |f| %>
+  <%= render partial: 'form', locals: { f: f } %>
+  <%= render partial: 'spree/admin/shared/edit_resource_links' %>
+<% end %>

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

@@ -0,0 +1,11 @@
+<% content_for :page_title do %>
+  <%= link_to Spree.t('admin.cms.all_pages'), spree.admin_cms_pages_path %> /
+  <%= link_to @cms_page.title, spree.edit_admin_cms_page_path(@cms_page) %> / <%= Spree.t('admin.cms.new_section') %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @cms_section } %>
+
+<%= form_for [:admin, @cms_page, @cms_section], url: spree.admin_cms_page_cms_sections_path do |f| %>
+  <%= render partial: 'form', locals: { f: f } %>
+  <%= render partial: 'spree/admin/shared/new_resource_links' %>
+<% end %>

data/app/views/spree/admin/cms_sections/types/_featured_article.html.erb

@@ -0,0 +1,50 @@
+<div class="row">
+  <div class="col-12 col-md-4">
+    <%= f.field_container :title, class: ['form-group'] do %>
+      <%= f.label :title, Spree.t('admin.cms.title') %>
+      <%= f.text_field :title, class: 'form-control' %>
+      <%= f.error_message_on :title %>
+    <% end %>
+
+    <%= f.field_container :subtitle, class: ['form-group'] do %>
+      <%= f.label :subtitle, Spree.t('admin.cms.subtitle') %>
+      <%= f.text_field :subtitle, class: 'form-control' %>
+      <%= f.error_message_on :subtitle %>
+    <% end %>
+
+    <%= f.field_container :button_text, class: ['form-group'] do %>
+      <%= f.label :button_text, Spree.t('admin.cms.button_text') %>
+      <%= f.text_field :button_text, class: 'form-control' %>
+      <%= f.error_message_on :button_text %>
+    <% end %>
+
+    <%= f.field_container :gutters, class: ['form-group'] do %>
+      <%= f.label :gutters, Spree.t('admin.cms.gutters') %>
+      <%= f.select(:gutters, @cms_section.gutters_sizes, {include_blank: false}, class: 'select2') %>
+      <%= f.error_message_on :gutters %>
+    <% end %>
+
+  </div>
+  <div class="col-12 col-md-8">
+    <%= f.field_container :rte_content, class: ['form-group'] do %>
+      <%= f.label :rte_content, Spree.t('admin.cms.content') %>
+      <%= f.text_area :rte_content, { rows: "20", class: 'form-control spree-rte' } %>
+      <%= f.error_message_on :rte_content %>
+    <% end %>
+  </div>
+  <div class="col-12"><hr></div>
+  <div class="col-12 col-md-6">
+    <%= f.field_container :linked_resource_type, class: ['form-group'] do %>
+      <%= f.label :linked_resource_type, Spree.t('admin.navigation.link_to') %>
+      <%= f.select(:linked_resource_type,
+          spree_humanize_dropdown_values('Spree::Cms::Sections::FeaturedArticle',
+                                          { const: 'LINKED_RESOURCE_TYPE' }),
+                                          {include_blank: false},
+                                          class: 'link_switcher') %>
+      <%= f.error_message_on :linked_resource_type %>
+    <% end %>
+  </div>
+  <div class="col-12 col-md-6">
+      <%= render "spree/admin/shared/link_fields", resource: @cms_section, f: f %>
+  </div>
+</div>

data/app/views/spree/admin/cms_sections/types/_hero_image.html.erb

@@ -0,0 +1,62 @@
+<div class="row pb-0">
+  <div class="col-12 col-md-6">
+    <%= f.field_container :title, class: ['form-group'] do %>
+      <%= f.label :title, Spree.t('admin.cms.title') %>
+      <%= f.text_field :title, class: 'form-control' %>
+      <%= f.error_message_on :title %>
+    <% end %>
+
+    <%= f.field_container :button_text, class: ['form-group'] do %>
+      <%= f.label :button_text, Spree.t('admin.cms.button_text') %>
+      <%= f.text_field :button_text, class: 'form-control' %>
+      <%= f.error_message_on :button_text %>
+    <% end %>
+
+    <div class="row">
+      <%= f.field_container :fit, class: ['form-group col-6'] do %>
+        <%= f.label :fit, Spree.t('admin.cms.fit') %>
+        <%= f.select(:fit, @cms_section.boundaries, {include_blank: false}, class: 'select2') %>
+        <%= f.error_message_on :fit %>
+      <% end %>
+
+      <%= f.field_container :gutters, class: ['form-group col-6'] do %>
+        <%= f.label :gutters, Spree.t('admin.cms.gutters') %>
+        <%= f.select(:gutters, @cms_section.gutters_sizes, {include_blank: false}, class: 'select2') %>
+        <%= f.error_message_on :gutters %>
+      <% end %>
+    </div>
+  </div>
+  <div class="col-12 col-md-6 pt-4">
+    <%= f.field_container :image_one, class: ['form-group'] do %>
+      <% if @cms_section.image_one.attached? && @cms_section.image_one.variable? %>
+        <figure class="admin-img-holder">
+          <%= image_tag main_app.url_for(@cms_section.image_one.variant(resize: '244x104>')) %>
+        </figure>
+      <% elsif @cms_section.image_one.attached? && @cms_section.image_one.image? %>
+        <figure class="admin-img-holder">
+          <%= image_tag main_app.url_for(@cms_section.image_one) %>
+        </figure>
+      <% end %>
+      <%= f.field_container :image_one, class: ['form-group mb-0'] do %>
+        <%= f.file_field :image_one %>
+        <%= f.error_message_on :image_one %>
+      <% end %>
+    <% end %>
+    <small class="form-text text-muted"><%= Spree.t('admin.cms.hero.aspect_ratio') %></small>
+  </div>
+  <div class="col-12"><hr></div>
+  <div class="col-12 col-md-6">
+    <%= f.field_container :linked_resource_type, class: ['form-group'] do %>
+      <%= f.label :linked_resource_type, Spree.t('admin.navigation.link_to') %>
+      <%= f.select(:linked_resource_type,
+          spree_humanize_dropdown_values('Spree::Cms::Sections::HeroImage',
+                                          { const: 'LINKED_RESOURCE_TYPE' }),
+                                          { include_blank: false },
+                                          class: 'link_switcher') %>
+      <%= f.error_message_on :linked_resource_type %>
+    <% end %>
+  </div>
+  <div class="col-12 col-md-6">
+    <%= render "spree/admin/shared/link_fields", resource: @cms_section, f: f %>
+  </div>
+</div>

data/app/views/spree/admin/cms_sections/types/_image_gallery.html.erb

@@ -0,0 +1,177 @@
+<div class="row align-items-center">
+  <div id="ImageGalleryLayout" class="col-12 col-md-6 text-center m-auto">
+    <div id="LayoutType">
+      <div id="Default" class="<% unless @cms_section.layout_style == 'Default' %>d-none<% end %>">
+        <%= svg_icon name: "default-layout.svg", width: '150', height: '150' %>
+      </div>
+      <div id="Reversed" class="<% unless @cms_section.layout_style == 'Reversed' %>d-none<% end %>">
+        <%= svg_icon name: "reversed-layout.svg", width: '150', height: '150' %>
+      </div>
+    </div>
+
+    <%= f.field_container :layout_style, class: ['form-group'] do %>
+      <%= f.label :layout_style, Spree.t('admin.cms.image_gallery.layout_style') %>
+      <%= f.select(:layout_style,
+          spree_humanize_dropdown_values('Spree::Cms::Sections::ImageGallery',
+                                          { const: 'LAYOUT_OPTIONS' }),
+                                          { include_blank: false }) %>
+      <%= f.error_message_on :layout_style %>
+    <% end %>
+  </div>
+</div>
+
+<div class="row">
+  <div class="col-12 col-md-4 mb-3">
+    <div class="card p-3">
+      <div class="text-center">
+        <h4 class="pb-2"><%= Spree.t('admin.cms.image_gallery.image_a') %></h4>
+        <%= f.field_container :image_one, class: ['form-group'] do %>
+          <% if @cms_section.image_one.attached? && @cms_section.image_one.variable? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_one.variant(resize: '244x104>')) %>
+            </figure>
+          <% elsif @cms_section.image_one.attached? && @cms_section.image_one.image? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_one) %>
+            </figure>
+          <% end %>
+          <%= f.field_container :image_one, class: ['form-group mb-0'] do %>
+            <%= f.file_field :image_one %>
+            <%= f.error_message_on :image_one %>
+          <% end %>
+        <% end %>
+      </div>
+      <small class="text-muted mb-4"><%= Spree.t('admin.cms.image_gallery.square_image') %></small>
+
+      <%= f.field_container :title_one, class: ['form-group'] do %>
+        <%= f.label :title_one, Spree.t('admin.cms.title') %>
+        <%= f.text_field :title_one, class: 'form-control' %>
+        <%= f.error_message_on :title_one %>
+      <% end %>
+
+      <div class="col-12"><hr></div>
+      <% unless rails_5? %>
+        <%= f.field_container :link_type_one, class: ['form-group'] do %>
+          <%= f.label :link_type_one, Spree.t('admin.navigation.link_to') %>
+          <%= f.select(:link_type_one,
+              spree_humanize_dropdown_values('Spree::Cms::Sections::ImageGallery',
+                                              { const: 'LINKED_RESOURCE_TYPE' }),
+                                              { include_blank: false },
+                                              class: 'link_switcher',
+                                              data: { target_field: :link_one}) %>
+          <%= f.error_message_on :link_type_one %>
+        <% end %>
+      <% end %>
+      <%= render "spree/admin/shared/link_fields", resource: @cms_section, linked_type: @cms_section.link_type_one, save_to: :link_one, f: f %>
+    </div>
+  </div>
+
+  <div class="col-12 col-md-4 mb-3">
+    <div class="card p-3">
+      <div class="text-center">
+        <h4 class="pb-2"><%= Spree.t('admin.cms.image_gallery.image_b') %></h4>
+        <%= f.field_container :image_two, class: ['form-group'] do %>
+          <% if @cms_section.image_two.attached? && @cms_section.image_two.variable? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_two.variant(resize: '244x104>')) %>
+            </figure>
+          <% elsif @cms_section.image_two.attached? && @cms_section.image_two.image? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_two) %>
+            </figure>
+          <% end %>
+          <%= f.field_container :image_two, class: ['form-group mb-0'] do %>
+            <%= f.file_field :image_two %>
+            <%= f.error_message_on :image_two %>
+          <% end %>
+        <% end %>
+      </div>
+      <small class="text-muted mb-4"><%= Spree.t('admin.cms.image_gallery.tall_image') %></small>
+
+      <%= f.field_container :title_two, class: ['form-group'] do %>
+        <%= f.label :title_two, Spree.t('admin.cms.title') %>
+        <%= f.text_field :title_two, class: 'form-control' %>
+        <%= f.error_message_on :title_two %>
+      <% end %>
+
+      <div class="col-12"><hr></div>
+      <% unless rails_5? %>
+        <%= f.field_container :link_type_two, class: ['form-group'] do %>
+          <%= f.label :link_type_two, Spree.t('admin.navigation.link_to') %>
+          <%= f.select(:link_type_two,
+              spree_humanize_dropdown_values('Spree::Cms::Sections::ImageGallery',
+                                              { const: 'LINKED_RESOURCE_TYPE' }),
+                                              { include_blank: false },
+                                              class: 'link_switcher',
+                                              data: { target_field: :link_two}) %>
+          <%= f.error_message_on :link_type_two %>
+        <% end %>
+      <% end %>
+      <%= render "spree/admin/shared/link_fields", resource: @cms_section, linked_type: @cms_section.link_type_two, save_to: :link_two, f: f %>
+    </div>
+  </div>
+
+  <div class="col-12 col-md-4 mb-3">
+    <div class="card p-3">
+      <div class="text-center">
+        <h4 class="pb-2"><%= Spree.t('admin.cms.image_gallery.image_c') %></h4>
+        <%= f.field_container :image_three, class: ['form-group'] do %>
+          <% if @cms_section.image_three.attached? && @cms_section.image_three.variable? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_three.variant(resize: '244x104>')) %>
+            </figure>
+          <% elsif @cms_section.image_three.attached? && @cms_section.image_three.image? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_three) %>
+            </figure>
+          <% end %>
+          <%= f.field_container :image_three, class: ['form-group mb-0'] do %>
+            <%= f.file_field :image_three %>
+            <%= f.error_message_on :image_three %>
+          <% end %>
+        <% end %>
+      </div>
+      <small class="text-muted mb-4"><%= Spree.t('admin.cms.image_gallery.square_image') %></small>
+
+      <%= f.field_container :title_three, class: ['form-group'] do %>
+        <%= f.label :title_three, Spree.t('admin.cms.title') %>
+        <%= f.text_field :title_three, class: 'form-control' %>
+        <%= f.error_message_on :title_three %>
+      <% end %>
+
+      <div class="col-12"><hr></div>
+      <% unless rails_5? %>
+        <%= f.field_container :link_type_three, class: ['form-group'] do %>
+          <%= f.label :link_type_three, Spree.t('admin.navigation.link_to') %>
+          <%= f.select(:link_type_three,
+              spree_humanize_dropdown_values('Spree::Cms::Sections::ImageGallery',
+                                              { const: 'LINKED_RESOURCE_TYPE' }),
+                                              { include_blank: false },
+                                              class: 'link_switcher',
+                                              data: { target_field: :link_three}) %>
+          <%= f.error_message_on :link_type_three %>
+        <% end %>
+      <% end %>
+      <%= render "spree/admin/shared/link_fields", resource: @cms_section, linked_type: @cms_section.link_type_three, save_to: :link_three, f: f %>
+    </div>
+  </div>
+</div>
+
+<div class="row pb-0">
+  <div class="col-12"> <hr></div>
+  <%= f.field_container :fit, class: ['form-group col-6'] do %>
+    <%= f.label :fit, Spree.t('admin.cms.fit') %>
+    <%= f.select(:fit, @cms_section.boundaries, {include_blank: false}, class: 'select2') %>
+    <%= f.error_message_on :fit %>
+  <% end %>
+
+  <%= f.field_container :display_labels, class: ['form-group col-6'] do %>
+    <%= f.label :display_labels, Spree.t('admin.cms.image_gallery.display_labels') %>
+    <%= f.select(:display_labels,
+        spree_humanize_dropdown_values('Spree::Cms::Sections::ImageGallery',
+                                        { const: 'LABEL_OPTIONS' }),
+                                        { include_blank: false },
+                                        class:'select2') %>
+    <%= f.error_message_on :display_labels %>
+  <% end %>
+</div>

data/app/views/spree/admin/cms_sections/types/_product_carousel.html.erb

@@ -0,0 +1,5 @@
+<div class="row">
+  <div class="col-12">
+    <%= render "spree/admin/shared/link_fields", resource: @cms_section, f: f %>
+  </div>
+</div>

data/app/views/spree/admin/cms_sections/types/_rich_text_content.html.erb

@@ -0,0 +1,4 @@
+<%= f.field_container :rte_content, class: ['form-group mb-0'] do %>
+  <%= f.text_area :rte_content, { rows: "20", class: 'form-control spree-rte' } %>
+  <%= f.error_message_on :rte_content %>
+<% end %>

data/app/views/spree/admin/cms_sections/types/_side_by_side_images.html.erb

@@ -0,0 +1,121 @@
+<div class="row pb-0">
+  <div class="col-12 col-md-6 mb-3">
+    <div class="card p-3">
+      <div class="text-center">
+        <h4 class="pb-2"><%= Spree.t('admin.cms.side_by_side.left_image') %></h4>
+        <%= f.field_container :image_one, class: ['form-group'] do %>
+          <% if @cms_section.image_one.attached? && @cms_section.image_one.variable? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_one.variant(resize: '244x104>')) %>
+            </figure>
+          <% elsif @cms_section.image_one.attached? && @cms_section.image_one.image? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_one) %>
+            </figure>
+          <% end %>
+          <%= f.field_container :image_one, class: ['form-group mb-0'] do %>
+            <%= f.file_field :image_one %>
+            <%= f.error_message_on :image_one %>
+          <% end %>
+          <small class="text-muted"><%= Spree.t('admin.cms.side_by_side.image_info') %></small>
+        <% end %>
+      </div>
+
+      <%= f.field_container :title_one, class: ['form-group'] do %>
+        <%= f.label :title_one, Spree.t('admin.cms.title') %>
+        <%= f.text_field :title_one, class: 'form-control' %>
+        <%= f.error_message_on :title_one %>
+      <% end %>
+
+      <%= f.field_container :subtitle_one, class: ['form-group'] do %>
+        <%= f.label :subtitle_one, Spree.t('admin.cms.subtitle') %>
+        <%= f.text_field :subtitle_one, class: 'form-control' %>
+        <%= f.error_message_on :subtitle_one %>
+      <% end %>
+
+      <div class="col-12"><hr></div>
+      <% unless rails_5? %>
+        <%= f.field_container :link_type_one, class: ['form-group'] do %>
+          <%= f.label :link_type_one, Spree.t('admin.navigation.link_to') %>
+          <%= f.select(:link_type_one,
+              spree_humanize_dropdown_values('Spree::Cms::Sections::SideBySideImages',
+                                              { const: 'LINKED_RESOURCE_TYPE' }),
+                                              { include_blank: false },
+                                              class: 'link_switcher',
+                                              data: { target_field: :link_one}) %>
+          <%= f.error_message_on :link_type_one %>
+        <% end %>
+      <% end %>
+      <%= render "spree/admin/shared/link_fields", resource: @cms_section, linked_type: @cms_section.link_type_one, save_to: :link_one, f: f %>
+    </div>
+  </div>
+
+  <div class="col-12 col-md-6 mb-3">
+    <div class="card p-3">
+      <div class="text-center">
+        <h4 class="pb-2"><%= Spree.t('admin.cms.side_by_side.right_image') %></h4>
+        <%= f.field_container :image_two, class: ['form-group'] do %>
+          <% if @cms_section.image_two.attached? && @cms_section.image_two.variable? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_two.variant(resize: '244x104>')) %>
+            </figure>
+          <% elsif @cms_section.image_two.attached? && @cms_section.image_two.image? %>
+            <figure class="admin-img-holder">
+              <%= image_tag main_app.url_for(@cms_section.image_two) %>
+            </figure>
+          <% end %>
+          <%= f.field_container :image_two, class: ['form-group mb-0'] do %>
+            <%= f.file_field :image_two %>
+            <%= f.error_message_on :image_two %>
+          <% end %>
+          <small class="text-muted"><%= Spree.t('admin.cms.side_by_side.image_info') %></small>
+        <% end %>
+      </div>
+
+      <%= f.field_container :title_two, class: ['form-group'] do %>
+        <%= f.label :title_two, Spree.t('admin.cms.title') %>
+        <%= f.text_field :title_two, class: 'form-control' %>
+        <%= f.error_message_on :title_two %>
+      <% end %>
+
+      <%= f.field_container :subtitle_two, class: ['form-group'] do %>
+        <%= f.label :subtitle_two, Spree.t('admin.cms.subtitle') %>
+        <%= f.text_field :subtitle_two, class: 'form-control' %>
+        <%= f.error_message_on :subtitle_two %>
+      <% end %>
+
+      <div class="col-12"><hr></div>
+
+      <% unless rails_5? %>
+        <%= f.field_container :link_type_two, class: ['form-group'] do %>
+          <%= f.label :link_type_two, Spree.t('admin.navigation.link_to') %>
+          <%= f.select(:link_type_two,
+              spree_humanize_dropdown_values('Spree::Cms::Sections::SideBySideImages',
+                                              { const: 'LINKED_RESOURCE_TYPE' }),
+                                              { include_blank: false },
+                                              class: 'link_switcher',
+                                              data: { target_field: :link_two}) %>
+          <%= f.error_message_on :link_type_two %>
+        <% end %>
+      <% end %>
+      <%= render "spree/admin/shared/link_fields", resource: @cms_section, linked_type: @cms_section.link_type_two, save_to: :link_two, f: f %>
+    </div>
+  </div>
+
+<div class="col-12"><hr></div>
+  <div class="col-6">
+    <%= f.field_container :fit, class: ['form-group'] do %>
+      <%= f.label :fit, Spree.t('admin.cms.fit') %>
+      <%= f.select(:fit, @cms_section.boundaries, {include_blank: false}, class: 'select2') %>
+      <%= f.error_message_on :fit %>
+    <% end %>
+  </div>
+
+  <div class="col-6">
+    <%= f.field_container :gutters, class: ['form-group'] do %>
+      <%= f.label :gutters, Spree.t('admin.cms.set_gutters') %>
+      <%= f.select(:gutters, @cms_section.gutters_sizes, {include_blank: false}, class: 'select2') %>
+      <%= f.error_message_on :gutters %>
+    <% end %>
+  </div>
+</div>