2018-04-10 01:05:13 +02:00
|
|
|
import {
|
2020-08-17 18:14:40 +02:00
|
|
|
Directive,
|
2018-04-10 01:05:13 +02:00
|
|
|
EventEmitter,
|
|
|
|
Output,
|
|
|
|
} from '@angular/core';
|
|
|
|
|
2021-06-03 18:58:57 +02:00
|
|
|
import { CryptoService } from 'jslib-common/abstractions/crypto.service';
|
|
|
|
import { EventService } from 'jslib-common/abstractions/event.service';
|
|
|
|
import { ExportService } from 'jslib-common/abstractions/export.service';
|
|
|
|
import { I18nService } from 'jslib-common/abstractions/i18n.service';
|
|
|
|
import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
|
|
|
|
import { EventType } from 'jslib-common/enums/eventType';
|
2018-04-10 01:05:13 +02:00
|
|
|
|
2020-08-17 18:14:40 +02:00
|
|
|
@Directive()
|
2018-04-10 01:05:13 +02:00
|
|
|
export class ExportComponent {
|
|
|
|
@Output() onSaved = new EventEmitter();
|
|
|
|
|
2018-07-05 20:39:58 +02:00
|
|
|
formPromise: Promise<string>;
|
2018-04-10 01:05:13 +02:00
|
|
|
masterPassword: string;
|
2020-12-03 21:20:38 +01:00
|
|
|
format: 'json' | 'encrypted_json' | 'csv' = 'json';
|
2018-04-10 01:05:13 +02:00
|
|
|
showPassword = false;
|
|
|
|
|
2018-10-03 06:03:49 +02:00
|
|
|
constructor(protected cryptoService: CryptoService, protected i18nService: I18nService,
|
2018-08-14 21:12:10 +02:00
|
|
|
protected platformUtilsService: PlatformUtilsService, protected exportService: ExportService,
|
2019-07-12 23:11:36 +02:00
|
|
|
protected eventService: EventService, protected win: Window) { }
|
2018-04-10 01:05:13 +02:00
|
|
|
|
2020-12-03 21:20:38 +01:00
|
|
|
get encryptedFormat() {
|
|
|
|
return this.format === 'encrypted_json';
|
|
|
|
}
|
|
|
|
|
2018-04-10 01:05:13 +02:00
|
|
|
async submit() {
|
|
|
|
if (this.masterPassword == null || this.masterPassword === '') {
|
2018-10-03 05:09:19 +02:00
|
|
|
this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'),
|
2018-04-10 01:05:13 +02:00
|
|
|
this.i18nService.t('invalidMasterPassword'));
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2021-03-04 23:56:20 +01:00
|
|
|
const acceptedWarning = await this.warningDialog();
|
2020-12-22 22:14:22 +01:00
|
|
|
if (!acceptedWarning) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2018-08-14 21:12:10 +02:00
|
|
|
const keyHash = await this.cryptoService.hashPassword(this.masterPassword, null);
|
2018-04-10 01:05:13 +02:00
|
|
|
const storedKeyHash = await this.cryptoService.getKeyHash();
|
|
|
|
if (storedKeyHash != null && keyHash != null && storedKeyHash === keyHash) {
|
2018-07-05 20:39:58 +02:00
|
|
|
try {
|
|
|
|
this.formPromise = this.getExportData();
|
|
|
|
const data = await this.formPromise;
|
|
|
|
this.downloadFile(data);
|
|
|
|
this.saved();
|
2019-07-12 23:11:36 +02:00
|
|
|
await this.collectEvent();
|
2018-07-05 20:39:58 +02:00
|
|
|
} catch { }
|
2018-04-10 01:05:13 +02:00
|
|
|
} else {
|
2018-10-03 05:09:19 +02:00
|
|
|
this.platformUtilsService.showToast('error', this.i18nService.t('errorOccurred'),
|
2018-04-10 01:05:13 +02:00
|
|
|
this.i18nService.t('invalidMasterPassword'));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-03-04 23:56:20 +01:00
|
|
|
async warningDialog() {
|
|
|
|
if (this.encryptedFormat) {
|
|
|
|
return await this.platformUtilsService.showDialog(
|
|
|
|
'<p>' + this.i18nService.t('encExportKeyWarningDesc') +
|
|
|
|
'<p>' + this.i18nService.t('encExportAccountWarningDesc'),
|
|
|
|
this.i18nService.t('confirmVaultExport'), this.i18nService.t('exportVault'),
|
|
|
|
this.i18nService.t('cancel'), 'warning',
|
|
|
|
true);
|
|
|
|
} else {
|
|
|
|
return await this.platformUtilsService.showDialog(
|
|
|
|
this.i18nService.t('exportWarningDesc'),
|
|
|
|
this.i18nService.t('confirmVaultExport'), this.i18nService.t('exportVault'),
|
|
|
|
this.i18nService.t('cancel'), 'warning');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-04-10 01:05:13 +02:00
|
|
|
togglePassword() {
|
|
|
|
this.showPassword = !this.showPassword;
|
|
|
|
document.getElementById('masterPassword').focus();
|
|
|
|
}
|
|
|
|
|
|
|
|
protected saved() {
|
|
|
|
this.onSaved.emit();
|
|
|
|
}
|
|
|
|
|
2018-07-05 20:39:58 +02:00
|
|
|
protected getExportData() {
|
2018-12-17 16:54:03 +01:00
|
|
|
return this.exportService.getExport(this.format);
|
2018-07-05 20:39:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
protected getFileName(prefix?: string) {
|
2020-12-03 21:20:38 +01:00
|
|
|
let extension = this.format;
|
|
|
|
if (this.format === 'encrypted_json') {
|
|
|
|
if (prefix == null) {
|
|
|
|
prefix = 'encrypted';
|
|
|
|
} else {
|
|
|
|
prefix = 'encrypted_' + prefix;
|
|
|
|
}
|
|
|
|
extension = 'json';
|
|
|
|
}
|
|
|
|
return this.exportService.getFileName(prefix, extension);
|
2018-07-05 20:39:58 +02:00
|
|
|
}
|
|
|
|
|
2019-07-12 23:11:36 +02:00
|
|
|
protected async collectEvent(): Promise<any> {
|
|
|
|
await this.eventService.collect(EventType.User_ClientExportedVault);
|
|
|
|
}
|
|
|
|
|
2018-04-10 01:05:13 +02:00
|
|
|
private downloadFile(csv: string): void {
|
2018-07-05 20:39:58 +02:00
|
|
|
const fileName = this.getFileName();
|
2018-04-10 01:05:13 +02:00
|
|
|
this.platformUtilsService.saveFile(this.win, csv, { type: 'text/plain' }, fileName);
|
|
|
|
}
|
|
|
|
}
|