diff --git a/src/app/tools/import.component.html b/src/app/tools/import.component.html index fce6908e..06af2d4a 100644 --- a/src/app/tools/import.component.html +++ b/src/app/tools/import.component.html @@ -12,6 +12,29 @@ + + + +
+
diff --git a/src/app/tools/import.component.ts b/src/app/tools/import.component.ts index 8fecc665..a68595fc 100644 --- a/src/app/tools/import.component.ts +++ b/src/app/tools/import.component.ts @@ -165,6 +165,18 @@ export class ImportComponent { } } + getFormatName() { + if (this.format == null) { + return null; + } + + const results = this.featuredImportOptions.concat(this.importOptions).filter((o) => o.id === this.format); + if (results.length > 0) { + return results[0].name; + } + return null; + } + private getFileContents(file: File): Promise { return new Promise((resolve, reject) => { const reader = new FileReader(); diff --git a/src/locales/en/messages.json b/src/locales/en/messages.json index 9a3640ef..a7c240ec 100644 --- a/src/locales/en/messages.json +++ b/src/locales/en/messages.json @@ -883,5 +883,15 @@ }, "orCopyPasteFileContents": { "message": "or copy/paste the import file contents" + }, + "instructionsFor": { + "message": "$NAME$ Instructions", + "description": "The title for the import tool instructions.", + "placeholders": { + "name": { + "content": "$1", + "example": "LastPass (csv)" + } + } } }