bike/workstand
1
0
Fork 0
mirror of https://github.com/fspc/workstand.git synced 2025-02-23 17:23:24 -05:00
Code Issues Projects Releases Wiki Activity

Factor render helpers out.

Browse Source
This commit is contained in:
Drew Larson 2017-04-09 19:16:45 -06:00
parent d748deb178
commit cf0d414c73
2 changed files with 52 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
bikeshop_project/assets/js/bikes/components/BikeForm/index.jsx
View File

@ -1,17 +1,10 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { Field, formValueSelector, reduxForm } from 'redux-form'; import { Field, formValueSelector, reduxForm } from 'redux-form';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import Checkbox from 'material-ui/Checkbox';
import Cookies from 'js-cookie';
import FlatButton from 'material-ui/FlatButton'; import FlatButton from 'material-ui/FlatButton';
import MenuItem from 'material-ui/MenuItem';
import RaisedButton from 'material-ui/RaisedButton'; import RaisedButton from 'material-ui/RaisedButton';
import SelectField from 'material-ui/SelectField';
import TextField from 'material-ui/TextField';
import fetch from 'isomorphic-fetch';
import moment from 'moment-timezone';
import Source from '../Source';
import Size from '../Size'; import Size from '../Size';
import { renderCheckbox, renderSelectField, renderTextField } from './utils';
import { updateBike, saveBike, checkCpic } from '../../actions'; import { updateBike, saveBike, checkCpic } from '../../actions';
const styles = { const styles = {
@ -26,51 +19,7 @@ const styles = {
}, },
}; };
const sources = ['COS_BIKE_DIVERSION_PILOT', 'UOFS', 'DROP_OFF'];
const friendly = (s) => {
switch (s) {
case 'COS_BIKE_DIVERSION_PILOT':
return 'City of Saskatoon Bike Diversion Pilot';
case 'UOFS':
return 'University of Saskatchewan';
case 'DROP_OFF':
return 'Drop Off';
default:
return undefined;
}
};
const sourceMenuItems = sources.map(s =>
<MenuItem key={s} value={s} primaryText={friendly(s)} />,
);
const renderTextField = ({ input, meta: { touched, error }, ...custom }) => (
<TextField
errorText={touched && error}
{...input}
{...custom}
/>
);
const renderCheckbox = ({ input, meta, label, ...custom }) => (
<Checkbox
label={label}
checked={!!input.value}
onCheck={input.onChange}
{...custom}
/>
);
const renderSelectField = ({ input, label, meta: { touched, error }, children, ...custom }) => (
<SelectField
errorText={touched && error}
{...input}
onChange={(event, index, value) => input.onChange(value)}
children={children}
{...custom}
/>
);
const validate = (values) => { const validate = (values) => {
const errors = {}; const errors = {};

51
bikeshop_project/assets/js/bikes/components/BikeForm/utils.jsx Normal file
View File

@ -0,0 +1,51 @@
import React from 'react';
import Checkbox from 'material-ui/Checkbox';
import MenuItem from 'material-ui/MenuItem';
import SelectField from 'material-ui/SelectField';
import TextField from 'material-ui/TextField';
const sources = ['COS_BIKE_DIVERSION_PILOT', 'UOFS', 'DROP_OFF'];
const friendly = (s) => {
switch (s) {
case 'COS_BIKE_DIVERSION_PILOT':
return 'City of Saskatoon Bike Diversion Pilot';
case 'UOFS':
return 'University of Saskatchewan';
case 'DROP_OFF':
return 'Drop Off';
default:
return undefined;
}
};
const sourceMenuItems = sources.map(s =>
<MenuItem key={s} value={s} primaryText={friendly(s)} />,
);
export const renderTextField = ({ input, meta: { touched, error }, ...custom }) => (
<TextField
errorText={touched && error}
{...input}
{...custom}
/>
);
export const renderCheckbox = ({ input, meta, label, ...custom }) => (
<Checkbox
label={label}
checked={!!input.value}
onCheck={input.onChange}
{...custom}
/>
);
export const renderSelectField = ({ input, label, meta: { touched, error }, children, ...custom }) => (
<SelectField
errorText={touched && error}
{...input}
onChange={(event, index, value) => input.onChange(value)}
children={children}
{...custom}
/>
);