Merge pull request #349 from af83/6039-handle-long-delats-in-vj-editor

6039 Display '+' when a delta is > 99

1 files changed, 9 insertions, 1 deletions

diff --git a/app/javascript/vehicle_journeys/components/VehicleJourney.js b/app/javascript/vehicle_journeys/components/VehicleJourney.js
index 7db0cee1c..d605614c7 100644
--- a/app/javascript/vehicle_journeys/components/VehicleJourney.js
+++ b/app/javascript/vehicle_journeys/components/VehicleJourney.js
@@ -48,6 +48,14 @@ export default class VehicleJourney extends Component {
     }
   }
 
+  displayDelta(delta) {
+    if(delta > 99){
+      return "+"
+    }
+    return delta
+  }
+
+
   hasTimeTable(time_tables, tt) {
     let found = false
     time_tables.map((t, index) => {
@@ -150,7 +158,7 @@ export default class VehicleJourney extends Component {
                 }
                 <div className={(this.columnHasDelta() ? '' : 'hidden')}>
                   {(vj.delta != 0) &&
-                    <span className='sb sb-chrono sb-lg text-warning' data-textinside={vj.delta}></span>
+                    <span className='sb sb-chrono sb-lg text-warning' data-textinside={this.displayDelta(vj.delta)}></span>
                   }
                 </div>
                 <div data-headline={I18n.t("vehicle_journeys.form.departure_at")}>