schuelerlabor-cleverlab/smarti
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

set filename to save blocks as xml-file

Browse Source
This commit is contained in:
Delucse 2020-09-16 10:42:18 +02:00
parent d3159d5204
commit 11c3198c82
1 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/WorkspaceFunc.js
View File

@ -20,6 +20,7 @@ import DialogActions from '@material-ui/core/DialogActions';
import Dialog from '@material-ui/core/Dialog'; import Dialog from '@material-ui/core/Dialog';
import IconButton from '@material-ui/core/IconButton'; import IconButton from '@material-ui/core/IconButton';
import Tooltip from '@material-ui/core/Tooltip'; import Tooltip from '@material-ui/core/Tooltip';
import TextField from '@material-ui/core/TextField';
import { faSave, faUpload, faShare } from "@fortawesome/free-solid-svg-icons"; import { faSave, faUpload, faShare } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@ -46,23 +47,34 @@ class WorkspaceFunc extends Component {
this.state = { this.state = {
title: '', title: '',
content: '', content: '',
open: false open: false,
fileName: '',
file: false
}; };
} }
toggleDialog = () => { toggleDialog = () => {
this.setState({ open: !this.state }); this.setState({ open: !this.state, fileName: '', file: false });
} }
saveXmlFile = (code) => { saveXmlFile = (code) => {
// saveTextFileAs this.toggleDialog();
var fileName = 'todo.xml' var fileName = this.state.fileName;
if(fileName === '') fileName = 'unbekannt';
fileName = `${fileName}.xml`
var blob = new Blob([code], { type: 'text/xml' }); var blob = new Blob([code], { type: 'text/xml' });
saveAs(blob, fileName); saveAs(blob, fileName);
} }
createFileName = () => {
this.setState({ file: true, open: true, title: 'Blöcke speichern', content: 'Bitte gib einen Namen für die Bennenung der XML-Datei ein und bestätige diesen mit einem Klick auf \'Eingabe\'.' });
}
setFileName = (e) => {
this.setState({ fileName: e.target.value });
}
uploadXmlFile = (xmlFile) => { uploadXmlFile = (xmlFile) => {
console.log(xmlFile);
if(xmlFile.type !== 'text/xml'){ if(xmlFile.type !== 'text/xml'){
this.setState({ open: true, title: 'Unzulässiger Dateityp', content: 'Die übergebene Datei entsprach nicht dem geforderten Format. Es sind nur XML-Dateien zulässig.' }); this.setState({ open: true, title: 'Unzulässiger Dateityp', content: 'Die übergebene Datei entsprach nicht dem geforderten Format. Es sind nur XML-Dateien zulässig.' });
} }
@ -108,7 +120,7 @@ class WorkspaceFunc extends Component {
<Tooltip title='Blöcke speichern' arrow style={{marginRight: '5px'}}> <Tooltip title='Blöcke speichern' arrow style={{marginRight: '5px'}}>
<IconButton <IconButton
className={this.props.classes.button} className={this.props.classes.button}
onClick={() => this.saveXmlFile(this.props.xml)} onClick={() => this.createFileName()}
> >
<FontAwesomeIcon icon={faSave} size="xs"/> <FontAwesomeIcon icon={faSave} size="xs"/>
</IconButton> </IconButton>
@ -143,6 +155,12 @@ class WorkspaceFunc extends Component {
<DialogTitle>{this.state.title}</DialogTitle> <DialogTitle>{this.state.title}</DialogTitle>
<DialogContent dividers> <DialogContent dividers>
{this.state.content} {this.state.content}
{this.state.file ?
<div style={{marginTop: '10px'}}>
<TextField autoFocus placeholder='Dateiname' onChange={this.setFileName} style={{marginRight: '10px'}}/>
<Button disabled={this.state.fileName === ''} variant='contained' color='primary' onClick={() => this.saveXmlFile(this.props.xml)}>Eingabe</Button>
</div>
: null}
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button onClick={this.toggleDialog} color="primary"> <Button onClick={this.toggleDialog} color="primary">