diff --git a/public/javascripts/views/trip-pattern-schedule-view.js b/public/javascripts/views/trip-pattern-schedule-view.js
index 8b90346a..652cf478 100644
--- a/public/javascripts/views/trip-pattern-schedule-view.js
+++ b/public/javascripts/views/trip-pattern-schedule-view.js
@@ -13,7 +13,8 @@ var GtfsEditor = GtfsEditor || {};
defaults: {
stopTime: null,
// is this the arrival time cell, or the departure time cell?
- arr: null
+ arr: null,
+ trip: null
},
toString: function() {
var st = this.get('stopTime');
@@ -53,10 +54,11 @@ var GtfsEditor = GtfsEditor || {};
// TODO: template
text =
- '
' +
+ (!arr && st.departureTime == st.arrivalTime ? 'time-dep-dimmed ' : '') +
+ (value.get('trip').get('invalid') === true ? 'trip-invalid' : '') + '">' +
'' + hours + '' +
'' + (mins < 10 ? '0' + mins : mins) + '' +
'' + (secs < 10 ? '0' + secs : secs) + '' +
@@ -245,7 +247,8 @@ var GtfsEditor = GtfsEditor || {};
if (_.isUndefined(val)) {
return new StopTimeCell({
arr: arr,
- stopTime: st
+ stopTime: st,
+ trip: trip
});
} else {
if (st == null) {
diff --git a/public/stylesheets/timetable.css b/public/stylesheets/timetable.css
index 744cb12f..e9957980 100644
--- a/public/stylesheets/timetable.css
+++ b/public/stylesheets/timetable.css
@@ -15,3 +15,4 @@
.handsontable .time-arr { color: #050 }
.handsontable .time-dep { color: #005 }
.handsontable .time-dep-dimmed { color: #aaa }
+.handsontable .trip-invalid { background-color: #fdd }