refactor(timetable): add stop ID to stop time column headers

Author: landonreed

lib/editor/selectors/timetable.js

@@ -43,13 +43,18 @@ export const getTimetableColumns = createSelector(
         pattern.patternStops.map((ps, index) => {
           const stop = stops ? stops.find(st => st.stop_id === ps.stopId) : null
           const stopName = stop ? stop.stop_name : ps.stopId
+          const stopId = stop && stop.stop_code
+            ? stop.stop_code
+            : stop && stop.stop_id
+              ? stop.stop_id
+              : ''
           const abbreviatedStopName = stop
             ? getAbbreviatedStopName(stop)
             : ps.stopId
           const TIME_WIDTH = 80
           columns.push({
             name: abbreviatedStopName,
-            title: stopName,
+            title: `${stopName} (${stopId})`,
             width: TIME_WIDTH,
             key: `stopTimes.${index}.arrivalTime`,
             colSpan: '2',