WIP Transit System

Gemfile

@@ -17,6 +17,7 @@ group :development, :test do
   gem 'rubocop',             '~> 1.45', require: false
   gem 'rubocop-performance', '~> 1.16', require: false
   gem 'rubocop-rails',       '~> 2.17', require: false
+  gem 'rubocop-rspec',       '~> 1.42', require: false
 end
 
 group :test do

Gemfile.lock

@@ -38,6 +38,7 @@ PATH
       activerecord_json_validator (~> 2.1, >= 2.1.3)
       aws-sdk-s3
       byebug
+      counter_culture (~> 3.2)
       dry-validation (~> 1.10)
       elasticsearch (~> 8.5)
       exception_notification
@@ -227,6 +228,9 @@ GEM
     console (1.23.2)
       fiber-annotation
       fiber-local
+    counter_culture (3.5.2)
+      activerecord (>= 4.2)
+      activesupport (>= 4.2)
     crack (0.4.5)
       rexml
     crass (1.0.6)
@@ -601,6 +605,8 @@ GEM
       activesupport (>= 4.2.0)
       rack (>= 1.1)
       rubocop (>= 1.33.0, < 2.0)
+    rubocop-rspec (1.42.0)
+      rubocop (>= 0.87.0)
     ruby-progressbar (1.13.0)
     ruby-vips (2.1.4)
       ffi (~> 1.12)
@@ -808,6 +814,7 @@ DEPENDENCIES
   rubocop (~> 1.45)
   rubocop-performance (~> 1.16)
   rubocop-rails (~> 2.17)
+  rubocop-rspec (~> 1.42)
   shoulda-matchers (~> 5.0)
   spree_cm_commissioner!
   spree_dev_tools!

app/assets/javascripts/spree_cm_commissioner/backend.js

@@ -3,3 +3,7 @@
 //= require spree_cm_commissioner/calendar
 //= require spree_cm_commissioner/role_form
 //= require spree_cm_commissioner/address_hide_form
+//= require spree_cm_commissioner/vehicle_seat
+//= require spree_cm_commissioner/selected_field_filter_origin_destination
+//= require spree_cm_commissioner/location_checkbox_manager
+//= require spree_cm_commissioner/trip_stop_selection

app/assets/javascripts/spree_cm_commissioner/location_checkbox_manager.js

@@ -0,0 +1,45 @@
+const LocationCheckboxManager = {
+  initialize: function () {
+    const locationCheckboxes = document.querySelectorAll(".location");
+
+    locationCheckboxes.forEach(function (locationCheckbox) {
+      locationCheckbox.addEventListener("change", function () {
+        LocationCheckboxManager.handleCheckboxChange(this);
+      });
+
+      LocationCheckboxManager.handleCheckboxChange(locationCheckbox);
+    });
+  },
+
+  handleCheckboxChange: function (changedCheckbox) {
+    const pointCheckbox = document.querySelector(".stop");
+    const stopCheckbox = document.querySelector(".station");
+    const branchCheckbox = document.querySelector(".branch");
+
+    if (!stopCheckbox || !branchCheckbox || !pointCheckbox) {
+      alert("Please select at the last one.");
+      event.preventDefault();
+    }
+
+    const isLocationChecked = changedCheckbox.checked;
+
+    if (isLocationChecked) {
+      stopCheckbox.checked = false;
+      stopCheckbox.disabled = true;
+
+      branchCheckbox.checked = false;
+      branchCheckbox.disabled = true;
+
+      pointCheckbox.checked = false;
+      pointCheckbox.disabled = true;
+    } else {
+      stopCheckbox.disabled = false;
+      branchCheckbox.disabled = false;
+      pointCheckbox.disabled = false;
+    }
+  },
+};
+
+document.addEventListener("spree:load", function () {
+  LocationCheckboxManager.initialize();
+});

app/assets/javascripts/spree_cm_commissioner/selected_field_filter_origin_destination.js

@@ -0,0 +1,37 @@
+var SelectFieldFilterOriginDestination = {
+  initialize: function (originSelector, destinationSelector, selectedOriginId, selectedDestinationId) {
+    function filterOptions(originId, destinationSelector) {
+      $(destinationSelector + ' option').each(function () {
+        if ($(this).val() == originId) {
+          $(this).prop('disabled', true).hide();
+        }
+        else {
+          $(this).prop('disabled', false).show();
+        }
+      });
+    }
+
+    $(originSelector).val(selectedOriginId);
+    $(destinationSelector).val(selectedDestinationId);
+
+    filterOptions(selectedOriginId, destinationSelector);
+    filterOptions(selectedDestinationId, originSelector);
+
+
+    $(document).on('change', originSelector, function () {
+      var originId = $(this).val();
+      filterOptions(originId, destinationSelector);
+    });
+
+    $(document).on('change', destinationSelector, function () {
+      var destinationId = $(this).val();
+      filterOptions(destinationId, originSelector);
+    });
+  }
+}
+
+document.addEventListener("spree:load", function () {
+  var selectedOriginId = $('#product_origin_id').val();
+  var selectedDestinationId = $('#product_destination_id').val();
+  SelectFieldFilterOriginDestination.initialize('#product_origin_id', '#product_destination_id', selectedOriginId, selectedDestinationId);
+});

app/assets/javascripts/spree_cm_commissioner/trip_stop_selection.js

@@ -0,0 +1,41 @@
+var boardingAndDropOffSelectionFilter = {
+  initialize: function (boardingSelector, dropOffSelector) {
+    var selectedOriginIds = $(boardingSelector).val();
+    var selectedDestinationIds = $(dropOffSelector).val();
+
+    function filterOptions(selectedIds, selector) {
+      $(selector + " option").each(function () {
+        var optionValue = $(this).val();
+        // Check if the optionValue exists in the selectedIds array
+        if (selectedIds.includes(optionValue)) {
+          $(this).prop("disabled", true).hide();
+        } else {
+          $(this).prop("disabled", false).show();
+        }
+      });
+    }
+
+    $(boardingSelector).val(selectedOriginIds);
+    $(dropOffSelector).val(selectedDestinationIds);
+
+    filterOptions(selectedOriginIds, dropOffSelector);
+    filterOptions(selectedDestinationIds, boardingSelector);
+
+    $(document).on("change", boardingSelector, function () {
+      var originIds = $(this).val();
+      filterOptions(originIds, dropOffSelector);
+    });
+
+    $(document).on("change", dropOffSelector, function () {
+      var destinationIds = $(this).val();
+      filterOptions(destinationIds, boardingSelector);
+    });
+  },
+};
+
+document.addEventListener("spree:load", function () {
+  boardingAndDropOffSelectionFilter.initialize(
+    "#boarding_stops",
+    "#drop-off_stops"
+  );
+});