Refs 6456; Fix timtables button in VJs editor

Don't open the timetables of the return journeys if these are displayed.

Same for the purchase windows

1 files changed, 7 insertions, 5 deletions

diff --git a/app/javascript/vehicle_journeys/components/VehicleJourneys.js b/app/javascript/vehicle_journeys/components/VehicleJourneys.js
index c6f59ce9d..e4f5ad11c 100644
--- a/app/javascript/vehicle_journeys/components/VehicleJourneys.js
+++ b/app/javascript/vehicle_journeys/components/VehicleJourneys.js
@@ -87,16 +87,18 @@ export default class VehicleJourneys extends Component {
   }
 
   toggleTimetables(e) {
-    $('.table-2entries .detailed-timetables').toggleClass('hidden')
-    $('.table-2entries .detailed-timetables-bt').toggleClass('active')
+    let root = $(this.refs['vehicleJourneys'])
+    root.find('.table-2entries .detailed-timetables').toggleClass('hidden')
+    root.find('.table-2entries .detailed-timetables-bt').toggleClass('active')
     this.componentDidUpdate()
     e.preventDefault()
     false
   }
 
   togglePurchaseWindows(e) {
-    $('.table-2entries .detailed-purchase-windows').toggleClass('hidden')
-    $('.table-2entries .detailed-purchase-windows-bt').toggleClass('active')
+    let root = $(this.refs['vehicleJourneys'])
+    root.find('.table-2entries .detailed-purchase-windows').toggleClass('hidden')
+    root.find('.table-2entries .detailed-purchase-windows-bt').toggleClass('active')
     this.componentDidUpdate()
     e.preventDefault()
     false
@@ -186,7 +188,7 @@ export default class VehicleJourneys extends Component {
       )
     } else {
       return (
-        <div className='row'>
+        <div className='row' ref='vehicleJourneys'>
           <div className='col-lg-12'>
             {(this.props.status.fetchSuccess == false) && (
               <div className='alert alert-danger mt-sm'>