Comunic/comunicconsole
1
0
Fork 0
mirror of https://gitlab.com/comunic/comunicconsole synced 2024-11-23 13:59:23 +00:00
Code Issues Projects Releases Wiki Activity

Can submit input by pressing enter

Browse Source
This commit is contained in:
Pierre HUBERT 2021-07-13 17:14:54 +02:00
parent 378808528e
commit 113c38daff
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/ui/widgets/DialogsProvider.tsx
View File

@ -16,7 +16,7 @@ import {
IconButton,
} from "@material-ui/core";
import { Close } from "@material-ui/icons";
import React from "react";
import React, { FormEvent } from "react";
let cache: ApplicationDialogsProvider;
@ -94,6 +94,7 @@ export class ApplicationDialogsProvider extends React.Component<
this.acceptConfirm = this.handleCloseConfirm.bind(this, true);
this.rejectConfirm = this.handleCloseConfirm.bind(this, false);
this.submitInput = this.submitInput.bind(this);
this.handleInputValueChanged = this.handleInputValueChanged.bind(this);
this.cancelInput = this.handleCloseInput.bind(this, true);
this.confirmInput = this.handleCloseInput.bind(this, false);
@ -158,7 +159,14 @@ export class ApplicationDialogsProvider extends React.Component<
this.setState({ inputValue: e.target.value });
}
submitInput(e: FormEvent<HTMLFormElement>) {
e.preventDefault();
this.handleCloseInput(false);
}
handleCloseInput(cancel: boolean) {
if (!cancel && !this.isInputValid) return;
this.setState({
showInputDialog: false,
});
@ -286,7 +294,7 @@ export class ApplicationDialogsProvider extends React.Component<
) : (
<span></span>
)}
<form onSubmit={this.submitInput}>
<TextField
label={this.state.inputOptions.label}
variant="outlined"
@ -294,6 +302,7 @@ export class ApplicationDialogsProvider extends React.Component<
onChange={this.handleInputValueChanged}
type={this.state.inputOptions.type || "text"}
/>
</form>
</DialogContent>
<DialogActions>
<Button onClick={this.cancelInput} color="default">