mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-07 18:03:48 +00:00
[share dialog] share/upload link: modified 'expiration time' setting('date time picker') (#5490)
This commit is contained in:
@@ -21,39 +21,12 @@ class Picker extends React.Component {
|
|||||||
this.defaultCalendarValue = null;
|
this.defaultCalendarValue = null;
|
||||||
this.calendarContainerRef = React.createRef();
|
this.calendarContainerRef = React.createRef();
|
||||||
this.inputRef = React.createRef();
|
this.inputRef = React.createRef();
|
||||||
this.state = {
|
|
||||||
isOpen: false
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
closeDialog = () => {
|
|
||||||
this.setState({
|
|
||||||
isOpen: false
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
openDialog = () => {
|
|
||||||
this.setState({
|
|
||||||
isOpen: true
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
clickOutsideToClose = (e) => {
|
|
||||||
if (!this.inputRef.current.contains(e.target) &&
|
|
||||||
!this.calendarContainerRef.current.contains(e.target)) {
|
|
||||||
this.closeDialog();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
let lang = window.app.config.lang;
|
let lang = window.app.config.lang;
|
||||||
this.defaultCalendarValue = moment().locale(lang).clone();
|
this.defaultCalendarValue = moment().locale(lang).clone();
|
||||||
|
|
||||||
document.addEventListener('click', this.clickOutsideToClose);
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillUnmount() {
|
|
||||||
document.removeEventListener('click', this.clickOutsideToClose);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
getCalendarContainer = () => {
|
getCalendarContainer = () => {
|
||||||
@@ -83,7 +56,6 @@ class Picker extends React.Component {
|
|||||||
getCalendarContainer={this.getCalendarContainer}
|
getCalendarContainer={this.getCalendarContainer}
|
||||||
calendar={calendar}
|
calendar={calendar}
|
||||||
value={props.value}
|
value={props.value}
|
||||||
open={this.state.isOpen}
|
|
||||||
onChange={props.onChange}
|
onChange={props.onChange}
|
||||||
>
|
>
|
||||||
{
|
{
|
||||||
@@ -98,7 +70,6 @@ class Picker extends React.Component {
|
|||||||
readOnly={true}
|
readOnly={true}
|
||||||
value={value && value.format(FORMAT) || ''}
|
value={value && value.format(FORMAT) || ''}
|
||||||
className="form-control"
|
className="form-control"
|
||||||
onClick={this.openDialog}
|
|
||||||
ref={this.inputRef}
|
ref={this.inputRef}
|
||||||
/>
|
/>
|
||||||
<div ref={this.calendarContainerRef} />
|
<div ref={this.calendarContainerRef} />
|
||||||
|
Reference in New Issue
Block a user