mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-15 09:04:04 +02:00
71efff6827
* Update eslint config * Applied linter to lib * Applied eslint config to CliClient/app * Removed prettier due to https://github.com/prettier/prettier/pull/4765 * First pass on test units * Applied linter config to test units * Applied eslint config to clipper * Applied to plugin dir * Applied to root of ElectronClient * Applied on RN root * Applied on CLI root * Applied on Clipper root * Applied config to tools * test hook * test hook * test hook * Added pre-commit hook * Applied rule no-trailing-spaces * Make sure root packages are installed when installing sub-dir * Added doc
108 lines
2.5 KiB
JavaScript
108 lines
2.5 KiB
JavaScript
import React from 'react';
|
|
import { View } from 'react-native';
|
|
import PopupDialog, { DialogTitle, DialogButton } from 'react-native-popup-dialog';
|
|
import DatePicker from 'react-native-datepicker';
|
|
import moment from 'moment';
|
|
import { _ } from 'lib/locale.js';
|
|
|
|
class SelectDateTimeDialog extends React.PureComponent {
|
|
|
|
constructor() {
|
|
super();
|
|
this.dialog_ = null;
|
|
this.shown_ = false;
|
|
this.state = { date: null };
|
|
|
|
this.onReject = this.onReject.bind(this);
|
|
}
|
|
|
|
UNSAFE_componentWillReceiveProps(newProps) {
|
|
if (newProps.date != this.state.date) {
|
|
this.setState({ date: newProps.date });
|
|
}
|
|
|
|
if ('shown' in newProps) {
|
|
this.show(newProps.shown);
|
|
}
|
|
}
|
|
|
|
show(doShow = true) {
|
|
if (doShow) {
|
|
this.dialog_.show();
|
|
} else {
|
|
this.dialog_.dismiss();
|
|
}
|
|
|
|
this.shown_ = doShow;
|
|
}
|
|
|
|
dismiss() {
|
|
this.show(false);
|
|
}
|
|
|
|
dateTimeFormat() {
|
|
return 'MM/DD/YYYY HH:mm';
|
|
}
|
|
|
|
stringToDate(s) {
|
|
return moment(s, this.dateTimeFormat()).toDate();
|
|
}
|
|
|
|
onAccept() {
|
|
if (this.props.onAccept) this.props.onAccept(this.state.date);
|
|
}
|
|
|
|
onReject() {
|
|
if (this.props.onReject) this.props.onReject();
|
|
}
|
|
|
|
onClear() {
|
|
if (this.props.onAccept) this.props.onAccept(null);
|
|
}
|
|
|
|
render() {
|
|
const clearAlarmText = _('Clear alarm'); // For unknown reasons, this particular string doesn't get translated if it's directly in the text property below
|
|
|
|
const popupActions = [
|
|
<DialogButton text={_('Save alarm')} align="center" onPress={() => this.onAccept()} key="saveButton" />,
|
|
<DialogButton text={clearAlarmText} align="center" onPress={() => this.onClear()} key="clearButton" />,
|
|
<DialogButton text={_('Cancel')} align="center" onPress={() => this.onReject()} key="cancelButton" />,
|
|
];
|
|
|
|
return (
|
|
<PopupDialog
|
|
ref={(dialog) => { this.dialog_ = dialog; }}
|
|
dialogTitle={<DialogTitle title={_('Set alarm')} />}
|
|
actions={popupActions}
|
|
dismissOnTouchOutside={false}
|
|
width={0.9}
|
|
height={350}
|
|
>
|
|
<View style={{flex:1, margin: 20, alignItems:'center'}}>
|
|
<DatePicker
|
|
date={this.state.date}
|
|
mode="datetime"
|
|
placeholder={_('Select date')}
|
|
format={this.dateTimeFormat()}
|
|
confirmBtnText={_('Confirm')}
|
|
cancelBtnText={_('Cancel')}
|
|
onDateChange={(date) => { this.setState({ date: this.stringToDate(date) }); }}
|
|
style={{width:300}}
|
|
customStyles={{
|
|
btnConfirm: {
|
|
paddingVertical: 0,
|
|
},
|
|
btnCancel: {
|
|
paddingVertical: 0,
|
|
},
|
|
}}
|
|
/>
|
|
</View>
|
|
</PopupDialog>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
export { SelectDateTimeDialog };
|