feat(GtfsPlusField): Add route_attributes subcategory editing by route category.

binh-dam-ibigroup · binh-dam-ibigroup · commit e939f9ac2c67 · 2022-02-23T18:37:26.000-05:00
diff --git a/lib/gtfsplus/components/GtfsPlusField.js b/lib/gtfsplus/components/GtfsPlusField.js
@@ -6,16 +6,31 @@ import {FormControl} from 'react-bootstrap'
 import EditableTextField from '../../common/components/EditableTextField'
 import {getRouteName} from '../../editor/util/gtfs'
 import GtfsSearch from '../../gtfs/components/gtfs-search'
+import type {GtfsSpecField as GtfsPlusFieldType, GtfsRoute, GtfsStop} from '../../types'
 
 import type {Props as GtfsPlusTableProps} from './GtfsPlusTable'
-import type {GtfsSpecField as GtfsPlusFieldType, GtfsRoute, GtfsStop} from '../../types'
 
 type Props = GtfsPlusTableProps & {
   currentValue: any,
   field: GtfsPlusFieldType,
   row: number
 }
 
+// Maps subcategories to categories, shown as strings to avoid conversion ambiguities.
+const routeSubcategoryToCategory = {
+  '0': '0',
+  '1': '1',
+  '2': '1',
+  '3': '1',
+  '4': '2',
+  '5': '2',
+  '6': '2',
+  '7': '3',
+  '8': '3',
+  '9': '3',
+  '10': '4'
+}
+
 export default class GtfsPlusField extends Component<Props> {
   _onChangeRoute = ({route}: {route: GtfsRoute}) => {
     const {field, receiveGtfsEntities, row: rowIndex, table, updateGtfsPlusField} = this.props
@@ -42,7 +57,8 @@ export default class GtfsPlusField extends Component<Props> {
   }
 
   render () {
-    const {currentValue, feedVersion, field, getGtfsEntity} = this.props
+    const {currentValue, data, feedVersion, field, getGtfsEntity} = this.props
+    let filterOptions
     switch (field.inputType) {
       case 'TEXT':
       case 'GTFS_TRIP':
@@ -54,12 +70,22 @@ export default class GtfsPlusField extends Component<Props> {
             value={currentValue}
             onChange={this._onChangeValue} />
         )
+      case 'GTFS_PLUS_ROUTE_SUBCATEGORY':
+        filterOptions = (option) => routeSubcategoryToCategory[option.value] === data.category
+      // FIXME:
+      // eslint-disable-next-line no-fallthrough
       case 'DROPDOWN':
         const {options} = field
         if (!options) {
           console.warn(`GTFS+ field has no options defined.`, field)
           return null
         }
+
+        // console.log(options)
+        console.log(data)
+        const filteredOptions = filterOptions ? options.filter(filterOptions) : options
+        console.log(filteredOptions)
+
         // NOTE: client has requested that GTFS+ fields be case insensitive
         // (hence the toUpperCase call)
         const option = currentValue &&
@@ -69,15 +95,15 @@ export default class GtfsPlusField extends Component<Props> {
             value={option ? option.value : ''}
             onChange={this._onChange}>
             {/* Add field for empty string value if that is not an allowable option so that user selection triggers onChange */}
-            {options.findIndex(option => option.value === '') === -1
+            {filteredOptions.findIndex(option => option.value === '') === -1
               ? <option
                 disabled
                 value=''>
                 {field.required ? '-- select an option --' : '(optional)' }
               </option>
               : null
             }
-            {options.map(option => {
+            {filteredOptions.map(option => {
               // NOTE: client has requested that GTFS+ fields be case
               // insensitive (hence the toLowerCase call)
               return <option value={option.value} key={option.value}>
