Refs #4030: Adding error detection (no def. msg yet) on VJ

1 files changed, 9 insertions, 1 deletions

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 619745c6a..8575c076f 100644
--- a/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourneys.js
+++ b/app/assets/javascripts/es6_browserified/vehicle_journeys/components/VehicleJourneys.js
@@ -2,6 +2,7 @@ var React = require('react')
 var Component = require('react').Component
 var PropTypes = require('react').PropTypes
 var VehicleJourney = require('./VehicleJourney')
+var _ = require('lodash')
 
 class VehicleJourneys extends Component{
   constructor(props){
@@ -86,12 +87,19 @@ class VehicleJourneys extends Component{
         <div className='row'>
           <div className='col-lg-12'>
             {(this.props.status.fetchSuccess == false) && (
-              <div className='alert alert-danger'>
+              <div className='alert alert-danger mt-sm'>
                 <strong>Erreur : </strong>
                 la récupération des missions a rencontré un problème. Rechargez la page pour tenter de corriger le problème.
               </div>
             )}
 
+            { _.some(this.props.vehicleJourneys, 'errors') && (
+              <div className="alert alert-danger mt-sm">
+                <strong>Erreur : </strong>
+                une erreur bloque la validation des modifications.
+              </div>
+            )}
+
             <div className={'table table-2entries mt-sm mb-sm' + ((this.props.vehicleJourneys.length > 0) ? '' : ' no_result')}>
               <div className='t2e-head w20'>
                 <div className='th'>