|
|
@ -11,52 +11,52 @@ import FormGroup from 'Components/Form/FormGroup';
|
|
|
|
import FormLabel from 'Components/Form/FormLabel';
|
|
|
|
import FormLabel from 'Components/Form/FormLabel';
|
|
|
|
import FormInputGroup from 'Components/Form/FormInputGroup';
|
|
|
|
import FormInputGroup from 'Components/Form/FormInputGroup';
|
|
|
|
|
|
|
|
|
|
|
|
class UISettings extends Component {
|
|
|
|
export const firstDayOfWeekOptions = [
|
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
|
|
|
|
// Render
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
|
|
|
|
const {
|
|
|
|
|
|
|
|
isFetching,
|
|
|
|
|
|
|
|
error,
|
|
|
|
|
|
|
|
settings,
|
|
|
|
|
|
|
|
hasSettings,
|
|
|
|
|
|
|
|
onInputChange,
|
|
|
|
|
|
|
|
onSavePress,
|
|
|
|
|
|
|
|
...otherProps
|
|
|
|
|
|
|
|
} = this.props;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const firstDayOfWeekOptions = [
|
|
|
|
|
|
|
|
{ key: 0, value: 'Sunday' },
|
|
|
|
{ key: 0, value: 'Sunday' },
|
|
|
|
{ key: 1, value: 'Monday' }
|
|
|
|
{ key: 1, value: 'Monday' }
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
const weekColumnOptions = [
|
|
|
|
export const weekColumnOptions = [
|
|
|
|
{ key: 'ddd M/D', value: 'Tue 3/25' },
|
|
|
|
{ key: 'ddd M/D', value: 'Tue 3/25' },
|
|
|
|
{ key: 'ddd MM/DD', value: 'Tue 03/25' },
|
|
|
|
{ key: 'ddd MM/DD', value: 'Tue 03/25' },
|
|
|
|
{ key: 'ddd D/M', value: 'Tue 25/3' },
|
|
|
|
{ key: 'ddd D/M', value: 'Tue 25/03' },
|
|
|
|
{ key: 'ddd DD/MM', value: 'Tue 25/03' }
|
|
|
|
{ key: 'ddd DD/MM', value: 'Tue 25/03' }
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
const shortDateFormatOptions = [
|
|
|
|
const shortDateFormatOptions = [
|
|
|
|
{ key: 'MMM D YYYY', value: 'Mar 25 2014' },
|
|
|
|
{ key: 'MMM D YYYY', value: 'Mar 25 2014' },
|
|
|
|
{ key: 'DD MMM YYYY', value: '25 Mar 2014' },
|
|
|
|
{ key: 'DD MMM YYYY', value: '25 Mar 2014' },
|
|
|
|
{ key: 'MM/D/YYYY', value: '03/25/2014' },
|
|
|
|
{ key: 'MM/D/YYYY', value: '03/25/2014' },
|
|
|
|
{ key: 'MM/DD/YYYY', value: '03/25/2014' },
|
|
|
|
{ key: 'MM/DD/YYYY', value: '03/25/2014' },
|
|
|
|
{ key: 'DD/MM/YYYY', value: '25/03/2014' },
|
|
|
|
{ key: 'DD/MM/YYYY', value: '25/03/2014' },
|
|
|
|
{ key: 'YYYY-MM-DD', value: '2014-03-25' }
|
|
|
|
{ key: 'YYYY-MM-DD', value: '2014-03-25' }
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
const longDateFormatOptions = [
|
|
|
|
const longDateFormatOptions = [
|
|
|
|
{ key: 'dddd, MMMM D YYYY', value: 'Tuesday, March 25, 2014' },
|
|
|
|
{ key: 'dddd, MMMM D YYYY', value: 'Tuesday, March 25, 2014' },
|
|
|
|
{ key: 'dddd, D MMMM YYYY', value: 'Tuesday, 25 March, 2014' }
|
|
|
|
{ key: 'dddd, D MMMM YYYY', value: 'Tuesday, 25 March, 2014' }
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
const timeFormatOptions = [
|
|
|
|
export const timeFormatOptions = [
|
|
|
|
{ key: 'h(:mm)a', value: '5pm/5:30pm' },
|
|
|
|
{ key: 'h(:mm)a', value: '5pm/5:30pm' },
|
|
|
|
{ key: 'HH:mm', value: '17:00/17:30' }
|
|
|
|
{ key: 'HH:mm', value: '17:00/17:30' }
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class UISettings extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
|
|
|
|
// Render
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
|
|
|
|
const {
|
|
|
|
|
|
|
|
isFetching,
|
|
|
|
|
|
|
|
error,
|
|
|
|
|
|
|
|
settings,
|
|
|
|
|
|
|
|
hasSettings,
|
|
|
|
|
|
|
|
onInputChange,
|
|
|
|
|
|
|
|
onSavePress,
|
|
|
|
|
|
|
|
...otherProps
|
|
|
|
|
|
|
|
} = this.props;
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<PageContent title="UI Settings">
|
|
|
|
<PageContent title="UI Settings">
|
|
|
|