850043b49b
* Make enum selector generic
* Refactor ImportCsvPage to support tooltips
* Improve csv import defaults
* Unify import pages
* Improve import page styling
* Fix life cycle issue with import properties
* Remove size constraints to fix scrollbar styling
* Add help strings and urls to csv import page
* Show ErrorPage on ImportPage error
* Fix escaping of import path
* Unify ImportPage and ImportLogPage
* Apply suggestions from code review (dae)
* Fix import progress
* Fix preview overflowing container
* Don't include <br> in FileIoErrors (dae)
e.g. 500: Failed to read '/home/dae/foo2.csv':<br>stream did not contain valid UTF-8
I thought about using {@html ...} here, but that's a potential security issue,
as the filename is not something we control.
62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
// Copyright: Ankitects Pty Ltd and contributors
|
|
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
|
|
import "./import-csv-base.scss";
|
|
|
|
import { getCsvMetadata, getDeckNames, getNotetypeNames } from "@tslib/backend";
|
|
import { ModuleName, setupI18n } from "@tslib/i18n";
|
|
import { checkNightMode } from "@tslib/nightmode";
|
|
|
|
import { modalsKey } from "../components/context-keys";
|
|
import ErrorPage from "../components/ErrorPage.svelte";
|
|
import ImportCsvPage from "./ImportCsvPage.svelte";
|
|
import { ImportCsvState } from "./lib";
|
|
|
|
const i18n = setupI18n({
|
|
modules: [
|
|
ModuleName.ACTIONS,
|
|
ModuleName.CHANGE_NOTETYPE,
|
|
ModuleName.DECKS,
|
|
ModuleName.EDITING,
|
|
ModuleName.IMPORTING,
|
|
ModuleName.KEYBOARD,
|
|
ModuleName.NOTETYPES,
|
|
ModuleName.STUDYING,
|
|
ModuleName.ADDING,
|
|
ModuleName.HELP,
|
|
ModuleName.DECK_CONFIG,
|
|
],
|
|
});
|
|
|
|
export async function setupImportCsvPage(path: string): Promise<ImportCsvPage | ErrorPage> {
|
|
const context = new Map();
|
|
context.set(modalsKey, new Map());
|
|
checkNightMode();
|
|
|
|
return Promise.all([
|
|
getNotetypeNames({}),
|
|
getDeckNames({
|
|
skipEmptyDefault: false,
|
|
includeFiltered: false,
|
|
}),
|
|
getCsvMetadata({ path }, { alertOnError: false }),
|
|
i18n,
|
|
]).then(([notetypes, decks, metadata]) => {
|
|
return new ImportCsvPage({
|
|
target: document.body,
|
|
props: {
|
|
state: new ImportCsvState(path, notetypes, decks, metadata),
|
|
},
|
|
context,
|
|
});
|
|
}).catch((error) => {
|
|
return new ErrorPage({ target: document.body, props: { error } });
|
|
});
|
|
}
|
|
|
|
/* // use #testXXXX where XXXX is notetype ID to test
|
|
if (window.location.hash.startsWith("#test")) {
|
|
const ntid = parseInt(window.location.hash.substr("#test".length), 10);
|
|
setupCsvImportPage(ntid, ntid);
|
|
} */
|