Admin form support for primary taxon

Updated the product form for primary taxon and modified the related jQuery to display and select a specific taxon.

Author: JustShah

backend/app/assets/javascripts/spree/backend/taxon_autocomplete.js

@@ -1,25 +1,49 @@
-$.fn.taxonAutocomplete = function () {
+$.fn.taxonAutocomplete = function (options) {
   'use strict';
 
+  var defaultOptions = {
+    multiple: true,
+    placeholder: Spree.translations.taxon_placeholder
+  };
+
+  options = $.extend({}, defaultOptions, options);
+
   this.select2({
-      placeholder: Spree.translations.taxon_placeholder,
-      multiple: true,
+      placeholder: options.placeholder,
+      multiple: options.multiple,
       initSelection: function (element, callback) {
-        var ids = element.val(),
-            count = ids.split(",").length;
-
-        Spree.ajax({
-          type: "GET",
-          url: Spree.pathFor('api/taxons'),
-          data: {
-            ids: ids,
-            per_page: count,
-            without_children: true
-          },
-          success: function (data) {
-            callback(data['taxons']);
-          }
-        });
+        var ids = element.val();
+
+        if (options.multiple) {
+          var count = ids.split(",").length;
+
+          Spree.ajax({
+            type: "GET",
+            url: Spree.pathFor('api/taxons'),
+            data: {
+              ids: ids,
+              per_page: count,
+              without_children: true
+            },
+            success: function (data) {
+              callback(data['taxons']);
+            }
+          });
+        } else {
+
+          Spree.ajax({
+            type: "GET",
+            url: Spree.pathFor('api/taxons'),
+            data: {
+              ids: ids,
+              per_page: 1,
+              without_children: true
+            },
+            success: function (data) {
+              callback(data['taxons'][0]);
+            }
+          });
+        }
       },
       ajax: {
         url: Spree.pathFor('api/taxons'),
@@ -53,5 +77,11 @@ $.fn.taxonAutocomplete = function () {
 };
 
 Spree.ready(function () {
-  $('#product_taxon_ids, .taxon_picker').taxonAutocomplete();
+  $('#product_taxon_ids, .taxon_picker').taxonAutocomplete({
+    multiple: true,
+  });
+
+  $('#product_primary_taxon_id').taxonAutocomplete({
+    multiple: false,
+  });
 });

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

@@ -36,6 +36,13 @@
           <% end %>
         </div>
 
+        <div data-hook="admin_product_form_primary_taxons">
+          <%= f.field_container :primary_taxon do %>
+            <%= f.label :primary_taxon_id %><br>
+            <%= f.hidden_field :primary_taxon_id, value: @product.primary_taxon_id %>
+          <% end %>
+        </div>
+
         <div data-hook="admin_product_form_option_types">
           <%= f.field_container :option_types do %>
             <%= f.label :option_type_ids, plural_resource_name(Spree::OptionType) %>

backend/spec/features/admin/products/edit/taxons_spec.rb

@@ -26,7 +26,10 @@ def assert_selected_taxons(taxons)
       visit spree.edit_admin_product_path(product)
 
       assert_selected_taxons([taxon_1])
-      select2_search "Clothing", from: "Taxon"
+      within("[data-hook='admin_product_form_taxons']") do
+        select2_search "Clothing", from: "Taxon"
+      end
+
       assert_selected_taxons([taxon_1, taxon_2])
 
       # Without this line we have a flaky spec probably due to select2 not