-
Notifications
You must be signed in to change notification settings - Fork 53
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1090 from opentripplanner/mobility-profile
Mobility Profile
- Loading branch information
Showing
20 changed files
with
924 additions
and
437 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,140 @@ | ||
| import { Field } from 'formik' | ||
| import { FormControl } from 'react-bootstrap' | ||
| import { IntlShape, useIntl } from 'react-intl' | ||
| import React, { ChangeEventHandler, ComponentType, ReactNode } from 'react' | ||
|
|
||
| interface SelectProps { | ||
| Control?: ComponentType | ||
| children: ReactNode | ||
| defaultValue?: string | number | boolean | ||
| label?: ReactNode | ||
| name: string | ||
| onChange?: ChangeEventHandler | ||
| } | ||
|
|
||
| /** | ||
| * A label followed by a dropdown control. | ||
| */ | ||
| export const Select = ({ | ||
| Control = FormControl, | ||
| children, | ||
| defaultValue, | ||
| label, | ||
| name, | ||
| onChange | ||
| }: SelectProps): JSX.Element => ( | ||
| // <Field> is kept outside of <label> to accommodate layout in table/grid cells. | ||
| <> | ||
| {label && <label htmlFor={name}>{label}</label>} | ||
| <Field | ||
| as={Control} | ||
| componentClass="select" | ||
| defaultValue={defaultValue} | ||
| id={name} | ||
| name={name} | ||
| onChange={onChange} | ||
| > | ||
| {children} | ||
| </Field> | ||
| </> | ||
| ) | ||
|
|
||
| interface OptionsPropsBase<T> { | ||
| defaultValue?: T | ||
| hideDefaultIndication?: boolean | ||
| } | ||
|
|
||
| interface OptionsProps<T extends string | number> extends OptionsPropsBase<T> { | ||
| options: { text: string; value: T }[] | ||
| } | ||
|
|
||
| export function Options<T extends string | number>({ | ||
| defaultValue, | ||
| hideDefaultIndication, | ||
| options | ||
| }: OptionsProps<T>): JSX.Element { | ||
| // <FormattedMessage> can't be used inside <option>. | ||
| const intl = useIntl() | ||
| return ( | ||
| <> | ||
| {options.map(({ text, value }, i) => ( | ||
| <option key={i} value={value}> | ||
| {!hideDefaultIndication && value === defaultValue | ||
| ? intl.formatMessage( | ||
| { id: 'common.forms.defaultValue' }, | ||
| { value: text } | ||
| ) | ||
| : text} | ||
| </option> | ||
| ))} | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
| const basicYesNoOptions = [ | ||
| { | ||
| id: 'yes', | ||
| value: 'true' | ||
| }, | ||
| { | ||
| id: 'no', | ||
| value: 'false' | ||
| } | ||
| ] | ||
|
|
||
| /** | ||
| * Produces a yes/no list of options with the specified | ||
| * default value (true for yes, false for no). | ||
| */ | ||
| export function YesNoOptions({ | ||
| defaultValue, | ||
| hideDefaultIndication | ||
| }: OptionsPropsBase<boolean>): JSX.Element { | ||
| // <FormattedMessage> can't be used inside <option>. | ||
| const intl = useIntl() | ||
| const options = basicYesNoOptions.map(({ id, value }) => ({ | ||
| text: intl.formatMessage({ id: `common.forms.${id}` }), | ||
| value | ||
| })) | ||
| return ( | ||
| <Options | ||
| defaultValue={(defaultValue || false).toString()} | ||
| hideDefaultIndication={hideDefaultIndication} | ||
| options={options} | ||
| /> | ||
| ) | ||
| } | ||
|
|
||
| interface DurationOptionsProps extends OptionsPropsBase<number> { | ||
| decoratorFunc?: (text: string, intl: IntlShape) => string | ||
| minuteOptions: number[] | ||
| } | ||
|
|
||
| /** | ||
| * Produces a list of duration options with the specified default value. | ||
| */ | ||
| export function DurationOptions({ | ||
| decoratorFunc, | ||
| defaultValue, | ||
| minuteOptions | ||
| }: DurationOptionsProps): JSX.Element { | ||
| // <FormattedMessage> can't be used inside <option>. | ||
| const intl = useIntl() | ||
| const localizedMinutes = minuteOptions.map((minutes) => ({ | ||
| text: | ||
| minutes === 60 | ||
| ? intl.formatMessage({ id: 'components.TripNotificationsPane.oneHour' }) | ||
| : intl.formatMessage( | ||
| { id: 'common.time.tripDurationFormat' }, | ||
| { hours: 0, minutes, seconds: 0 } | ||
| ), | ||
| value: minutes | ||
| })) | ||
| const options = decoratorFunc | ||
| ? localizedMinutes.map(({ text, value }) => ({ | ||
| text: decoratorFunc(text, intl), | ||
| value | ||
| })) | ||
| : localizedMinutes | ||
| return <Options defaultValue={defaultValue} options={options} /> | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.