6da5e5b042
* Fix footer moving upwards * Fix column detection Was broken because escaped line breaks were not considered. Also removes delimiter detection on `#columns:` line. User must use tabs or set delimiter beforehand. * Add CSV preview * Parse `#tags column:` * Optionally export deck and notetype with CSV * Avoid clones in CSV export * Prevent bottom of page appearing under footer (dae) * Increase padding to 1em (dae) With 0.5em, when a vertical scrollbar is shown, it sits right next to the right edge of the content, making it look like there's no right margin. * Experimental changes to make table fit+scroll (dae) - limit individual cells to 15em, and show ellipses when truncated - limit total table width to body width, so that inner table is shown with scrollbar - use class rather than id - ids are bad practice in Svelte components, as more than one may be displayed on a single page * Skip importing foreign notes with filtered decks Were implicitly imported into the default deck before. Also some refactoring to fetch deck ids and names beforehand. * Hide spacer below hidden field mapping * Fix guid being replaced when updating note * Fix dupe identity check Canonify tags before checking if dupe is identical, but only add update tags later if appropriate. * Fix deck export for notes with missing card 1 * Fix note lines starting with `#` csv crate doesn't support escaping a leading comment char. :( * Support import/export of guids * Strip HTML from preview rows * Fix initially set deck if current is filtered * Make isHtml toggle reactive * Fix `html_to_text_line()` stripping sound names * Tweak export option labels * Switch to patched rust-csv fork Fixes writing lines starting with `#`, so revert 5ece10ad05f331. * List column options with first column field * Fix flag for exports with HTML stripped
79 lines
2.6 KiB
TypeScript
79 lines
2.6 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.css";
|
|
|
|
import { ModuleName, setupI18n } from "../lib/i18n";
|
|
import { checkNightMode } from "../lib/nightmode";
|
|
import {
|
|
Decks,
|
|
decks as decksService,
|
|
empty,
|
|
notetypes as notetypeService,
|
|
} from "../lib/proto";
|
|
import ImportCsvPage from "./ImportCsvPage.svelte";
|
|
import { getCsvMetadata } from "./lib";
|
|
|
|
const gettingNotetypes = notetypeService.getNotetypeNames(empty);
|
|
const gettingDecks = decksService.getDeckNames(
|
|
Decks.GetDeckNamesRequest.create({
|
|
skipEmptyDefault: false,
|
|
includeFiltered: false,
|
|
}),
|
|
);
|
|
const i18n = setupI18n({
|
|
modules: [
|
|
ModuleName.ACTIONS,
|
|
ModuleName.CHANGE_NOTETYPE,
|
|
ModuleName.DECKS,
|
|
ModuleName.EDITING,
|
|
ModuleName.IMPORTING,
|
|
ModuleName.KEYBOARD,
|
|
ModuleName.NOTETYPES,
|
|
ModuleName.STUDYING,
|
|
],
|
|
});
|
|
|
|
export async function setupImportCsvPage(path: string): Promise<ImportCsvPage> {
|
|
const gettingMetadata = getCsvMetadata(path);
|
|
const [notetypes, decks, metadata] = await Promise.all([
|
|
gettingNotetypes,
|
|
gettingDecks,
|
|
gettingMetadata,
|
|
i18n,
|
|
]);
|
|
|
|
checkNightMode();
|
|
|
|
return new ImportCsvPage({
|
|
target: document.body,
|
|
props: {
|
|
path: path,
|
|
deckNameIds: decks.entries,
|
|
notetypeNameIds: notetypes.entries,
|
|
delimiter: metadata.delimiter,
|
|
forceDelimiter: metadata.forceDelimiter,
|
|
isHtml: metadata.isHtml,
|
|
forceIsHtml: metadata.forceIsHtml,
|
|
globalTags: metadata.globalTags,
|
|
updatedTags: metadata.updatedTags,
|
|
columnLabels: metadata.columnLabels,
|
|
tagsColumn: metadata.tagsColumn,
|
|
guidColumn: metadata.guidColumn,
|
|
globalNotetype: metadata.globalNotetype ?? null,
|
|
preview: metadata.preview,
|
|
// Unset oneof numbers default to 0, which also means n/a here,
|
|
// but it's vital to differentiate between unset and 0 when reserializing.
|
|
notetypeColumn: metadata.notetypeColumn ? metadata.notetypeColumn : null,
|
|
deckId: metadata.deckId ? metadata.deckId : null,
|
|
deckColumn: metadata.deckColumn ? metadata.deckColumn : null,
|
|
},
|
|
});
|
|
}
|
|
|
|
/* // 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);
|
|
} */
|