mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
146 lines
3.7 KiB
TypeScript
146 lines
3.7 KiB
TypeScript
import * as React from 'react';
|
|
import Folder from '@joplin/lib/models/Folder';
|
|
import { themeStyle } from '@joplin/lib/theme';
|
|
import { _ } from '@joplin/lib/locale';
|
|
import { filename, basename } from '@joplin/lib/path-utils';
|
|
import importEnex from '@joplin/lib/import-enex';
|
|
import { AppState } from '../app.reducer';
|
|
const { connect } = require('react-redux');
|
|
|
|
interface Props {
|
|
filePath: string;
|
|
themeId: number;
|
|
}
|
|
|
|
interface Message {
|
|
key: string;
|
|
text: string;
|
|
}
|
|
|
|
interface State {
|
|
filePath: string;
|
|
doImport: boolean;
|
|
messages: Message[];
|
|
}
|
|
|
|
class ImportScreenComponent extends React.Component<Props, State> {
|
|
public UNSAFE_componentWillMount() {
|
|
this.setState({
|
|
doImport: true,
|
|
filePath: this.props.filePath,
|
|
messages: [],
|
|
});
|
|
}
|
|
|
|
public UNSAFE_componentWillReceiveProps(newProps: Props) {
|
|
if (newProps.filePath) {
|
|
this.setState(
|
|
{
|
|
doImport: true,
|
|
filePath: newProps.filePath,
|
|
messages: [],
|
|
},
|
|
() => {
|
|
void this.doImport();
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
public componentDidMount() {
|
|
if (this.state.filePath && this.state.doImport) {
|
|
void this.doImport();
|
|
}
|
|
}
|
|
|
|
public addMessage(key: string, text: string) {
|
|
const messages = this.state.messages.slice();
|
|
|
|
messages.push({ key: key, text: text });
|
|
|
|
this.setState({ messages: messages });
|
|
}
|
|
|
|
public uniqueMessages() {
|
|
const output = [];
|
|
const messages = this.state.messages.slice();
|
|
const foundKeys = [];
|
|
for (let i = messages.length - 1; i >= 0; i--) {
|
|
const msg = messages[i];
|
|
if (foundKeys.indexOf(msg.key) >= 0) continue;
|
|
foundKeys.push(msg.key);
|
|
output.unshift(msg);
|
|
}
|
|
return output;
|
|
}
|
|
|
|
public async doImport() {
|
|
const filePath = this.props.filePath;
|
|
const folderTitle = await Folder.findUniqueItemTitle(filename(filePath));
|
|
|
|
this.addMessage('start', _('New notebook "%s" will be created and file "%s" will be imported into it', folderTitle, basename(filePath)));
|
|
|
|
let lastProgress = '';
|
|
|
|
const options = {
|
|
onProgress: (progressState: any) => {
|
|
const line = [];
|
|
line.push(_('Found: %d.', progressState.loaded));
|
|
line.push(_('Created: %d.', progressState.created));
|
|
if (progressState.updated) line.push(_('Updated: %d.', progressState.updated));
|
|
if (progressState.skipped) line.push(_('Skipped: %d.', progressState.skipped));
|
|
if (progressState.resourcesCreated) line.push(_('Resources: %d.', progressState.resourcesCreated));
|
|
if (progressState.notesTagged) line.push(_('Tagged: %d.', progressState.notesTagged));
|
|
lastProgress = line.join(' ');
|
|
this.addMessage('progress', lastProgress);
|
|
},
|
|
onError: (error: any) => {
|
|
// Don't display the error directly because most of the time it doesn't matter
|
|
// (eg. for weird broken HTML, but the note is still imported)
|
|
console.warn('When importing ENEX file', error);
|
|
},
|
|
};
|
|
|
|
const folder = await Folder.save({ title: folderTitle });
|
|
|
|
await importEnex(folder.id, filePath, options);
|
|
|
|
this.addMessage('done', _('The notes have been imported: %s', lastProgress));
|
|
this.setState({ doImport: false });
|
|
}
|
|
|
|
public render() {
|
|
const theme = themeStyle(this.props.themeId);
|
|
const messages = this.uniqueMessages();
|
|
|
|
const messagesStyle = {
|
|
padding: 10,
|
|
fontSize: theme.fontSize,
|
|
fontFamily: theme.fontFamily,
|
|
backgroundColor: theme.backgroundColor,
|
|
};
|
|
|
|
const messageComps = [];
|
|
for (let i = 0; i < messages.length; i++) {
|
|
messageComps.push(<div key={messages[i].key}>{messages[i].text}</div>);
|
|
}
|
|
|
|
return (
|
|
<div style={{}}>
|
|
<div style={messagesStyle}>{messageComps}</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
const mapStateToProps = (state: AppState) => {
|
|
return {
|
|
themeId: state.settings.theme,
|
|
};
|
|
};
|
|
|
|
const ImportScreen = connect(mapStateToProps)(ImportScreenComponent);
|
|
|
|
export default ImportScreen;
|
|
|