Refs #2728: adding t2e table cells adjustments

2 files changed, 14 insertions, 2 deletions

diff --git a/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourney.js b/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourney.js
index 8fda42dc1..5d149338e 100644
--- a/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourney.js
+++ b/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourney.js
@@ -5,6 +5,16 @@ var PropTypes = require('react').PropTypes
 class VehicleJourney extends Component {
   constructor(props) {
     super(props)
+    this.previousCity = undefined
+  }
+
+  cityNameChecker(sp) {
+    let bool = false
+    if(sp.stop_area_cityname != this.previousCity){
+      bool = true
+      this.previousCity = sp.stop_area_cityname
+    }
+    return bool
   }
 
   columnHasDelta() {
@@ -20,6 +30,8 @@ class VehicleJourney extends Component {
   }
 
   render() {
+    this.previousCity = undefined
+
     return (
       <div className={'t2e-item' + (this.props.value.deletable ? ' disabled' : '')}>
         <div className='th'>
@@ -46,7 +58,7 @@ class VehicleJourney extends Component {
 
         {this.props.value.vehicle_journey_at_stops.map((vj, i) =>
           <div key={i} className='td text-center'>
-            <div className='cellwrap'>
+            <div className={'cellwrap' + (this.cityNameChecker(vj) ? ' headlined' : '')}>
               {this.props.filters.toggleArrivals &&
                 <div>
                   <span className='input-group time'>
diff --git a/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourneys.js b/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourneys.js
index 9371a6c63..ddf40b88d 100644
--- a/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourneys.js
+++ b/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourneys.js
@@ -67,7 +67,7 @@ class VehicleJourneys extends Component{
         data-headline={(bool) ? sp.city_name : ''}
         title={sp.city_name + ' (' + sp.zip_code +')'}
       >
-        <span>{sp.name}</span>
+        <span><span>{sp.name}</span></span>
       </div>
     )
   }