add dropdown menu and todos

Author: josh-willis-arcadis

lib/editor/components/pattern/EditSettings.js

@@ -5,8 +5,8 @@ import {Alert, Checkbox, Form, FormControl, ControlLabel} from 'react-bootstrap'
 import Rcslider from 'rc-slider'
 
 import {updateEditSetting} from '../../actions/active'
-import {CLICK_OPTIONS} from '../../util'
-import toSentenceCase from '../../../common/util/to-sentence-case'
+import {CLICK_OPTIONS, SNAP_TO_OPTIONS} from '../../util'
+import toSentenceCase from '../../../common/util/text'
 import type {EditSettingsState} from '../../../types/reducers'
 
 type Props = {
@@ -64,6 +64,7 @@ export default class EditSettings extends Component<Props, State> {
       stopInterval
     } = editSettings
     const SETTINGS = [
+      // RAIL-TODO remove snap to streets
       {type: 'followStreets', label: 'Snap to streets'},
       {type: 'avoidMotorways', label: 'Avoid highways in routing'},
       {type: 'hideStopHandles', label: 'Hide stop handles'},
@@ -75,6 +76,27 @@ export default class EditSettings extends Component<Props, State> {
     const noSegmentIsActive = !patternSegment && patternSegment !== 0
     return (
       <div>
+        <ControlLabel><small>Snap to options</small></ControlLabel>
+        <FormControl
+          componentClass='select'
+          value={onMapClick}
+          name={'onMapClick'}
+          onChange={this._onSelectChange}>
+          {SNAP_TO_OPTIONS.map(v => {
+            // ADD_STOPS_AT_INTERSECTIONS only enabled for nysdot extenstion
+            // (due to custom r5 deployment)
+            // FIXME: Temporarily disable add stops at intersection entirely
+            // (needs to be fixed for sql editor).
+            const disabled = v === 'ADD_STOPS_AT_INTERSECTIONS' // && !isExtensionEnabled('nysdot')
+            return (
+              <option
+                key={v}
+                disabled={disabled}
+                value={v}>{toSentenceCase(v.replace(/_/g, ' '))}
+              </option>
+            )
+          })}
+        </FormControl>
         {SETTINGS.map((s, i) => (
           <Checkbox
             checked={editSettings[s.type]}

lib/editor/util/index.js

@@ -19,6 +19,11 @@ export const CLICK_OPTIONS: Array<string> = [
   'ADD_STOPS_AT_INTERVAL',
   'ADD_STOPS_AT_INTERSECTIONS'
 ]
+export const SNAP_TO_OPTIONS: Array<string> = [
+  'NONE',
+  'STREET',
+  'RAIL'
+]
 export const YEAR_FORMAT: string = 'YYYY-MM-DD'
 export const EXCEPTION_EXEMPLARS = {
   MONDAY: 0,

lib/types/reducers.js

@@ -207,6 +207,7 @@ export type DataState = {
 }
 
 export type EditSettingsState = {
+  // RAIL-TODO add any types that are missing
   addStops: boolean,
   afterIntersection: boolean,
   avoidMotorways: boolean,