mirror of
https://github.com/bitwarden/browser.git
synced 2024-10-19 07:35:48 +02:00
173 lines
6.6 KiB
TypeScript
173 lines
6.6 KiB
TypeScript
import {
|
|
EventEmitter,
|
|
Input,
|
|
OnInit,
|
|
Output,
|
|
} from '@angular/core';
|
|
|
|
import { ToasterService } from 'angular2-toaster';
|
|
import { Angulartics2 } from 'angulartics2';
|
|
|
|
import { CipherService } from '../../abstractions/cipher.service';
|
|
import { CryptoService } from '../../abstractions/crypto.service';
|
|
import { I18nService } from '../../abstractions/i18n.service';
|
|
import { PlatformUtilsService } from '../../abstractions/platformUtils.service';
|
|
import { TokenService } from '../../abstractions/token.service';
|
|
|
|
import { Cipher } from '../../models/domain/cipher';
|
|
|
|
import { AttachmentView } from '../../models/view/attachmentView';
|
|
import { CipherView } from '../../models/view/cipherView';
|
|
|
|
export class AttachmentsComponent implements OnInit {
|
|
@Input() cipherId: string;
|
|
@Output() onUploadedAttachment = new EventEmitter();
|
|
@Output() onDeletedAttachment = new EventEmitter();
|
|
|
|
cipher: CipherView;
|
|
cipherDomain: Cipher;
|
|
hasUpdatedKey: boolean;
|
|
canAccessAttachments: boolean;
|
|
formPromise: Promise<any>;
|
|
deletePromises: { [id: string]: Promise<any>; } = {};
|
|
|
|
constructor(protected cipherService: CipherService, protected analytics: Angulartics2,
|
|
protected toasterService: ToasterService, protected i18nService: I18nService,
|
|
protected cryptoService: CryptoService, protected tokenService: TokenService,
|
|
protected platformUtilsService: PlatformUtilsService, protected win: Window) { }
|
|
|
|
async ngOnInit() {
|
|
this.cipherDomain = await this.loadCipher();
|
|
this.cipher = await this.cipherDomain.decrypt();
|
|
|
|
const key = await this.cryptoService.getEncKey();
|
|
this.hasUpdatedKey = key != null;
|
|
const isPremium = this.tokenService.getPremium();
|
|
this.canAccessAttachments = isPremium || this.cipher.organizationId != null;
|
|
|
|
if (!this.canAccessAttachments) {
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
this.i18nService.t('premiumRequiredDesc'), this.i18nService.t('premiumRequired'),
|
|
this.i18nService.t('learnMore'), this.i18nService.t('cancel'));
|
|
if (confirmed) {
|
|
this.platformUtilsService.launchUri('https://vault.bitwarden.com/#/?premium=purchase');
|
|
}
|
|
} else if (!this.hasUpdatedKey) {
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
this.i18nService.t('updateKey'), this.i18nService.t('featureUnavailable'),
|
|
this.i18nService.t('learnMore'), this.i18nService.t('cancel'), 'warning');
|
|
if (confirmed) {
|
|
this.platformUtilsService.launchUri('https://help.bitwarden.com/article/update-encryption-key/');
|
|
}
|
|
}
|
|
}
|
|
|
|
async submit() {
|
|
if (!this.hasUpdatedKey) {
|
|
this.toasterService.popAsync('error', this.i18nService.t('errorOccurred'),
|
|
this.i18nService.t('updateKey'));
|
|
return;
|
|
}
|
|
|
|
const fileEl = document.getElementById('file') as HTMLInputElement;
|
|
const files = fileEl.files;
|
|
if (files == null || files.length === 0) {
|
|
this.toasterService.popAsync('error', this.i18nService.t('errorOccurred'),
|
|
this.i18nService.t('selectFile'));
|
|
return;
|
|
}
|
|
|
|
if (files[0].size > 104857600) { // 100 MB
|
|
this.toasterService.popAsync('error', this.i18nService.t('errorOccurred'),
|
|
this.i18nService.t('maxFileSize'));
|
|
return;
|
|
}
|
|
|
|
try {
|
|
this.formPromise = this.saveCipherAttachment(files[0]);
|
|
this.cipherDomain = await this.formPromise;
|
|
this.cipher = await this.cipherDomain.decrypt();
|
|
this.analytics.eventTrack.next({ action: 'Added Attachment' });
|
|
this.toasterService.popAsync('success', null, this.i18nService.t('attachmentSaved'));
|
|
this.onUploadedAttachment.emit();
|
|
} catch { }
|
|
|
|
// reset file input
|
|
// ref: https://stackoverflow.com/a/20552042
|
|
fileEl.type = '';
|
|
fileEl.type = 'file';
|
|
fileEl.value = '';
|
|
}
|
|
|
|
async delete(attachment: AttachmentView) {
|
|
if (this.deletePromises[attachment.id] != null) {
|
|
return;
|
|
}
|
|
|
|
const confirmed = await this.platformUtilsService.showDialog(
|
|
this.i18nService.t('deleteAttachmentConfirmation'), this.i18nService.t('deleteAttachment'),
|
|
this.i18nService.t('yes'), this.i18nService.t('no'), 'warning');
|
|
if (!confirmed) {
|
|
return;
|
|
}
|
|
|
|
try {
|
|
this.deletePromises[attachment.id] = this.deleteCipherAttachment(attachment.id);
|
|
await this.deletePromises[attachment.id];
|
|
this.analytics.eventTrack.next({ action: 'Deleted Attachment' });
|
|
this.toasterService.popAsync('success', null, this.i18nService.t('deletedAttachment'));
|
|
const i = this.cipher.attachments.indexOf(attachment);
|
|
if (i > -1) {
|
|
this.cipher.attachments.splice(i, 1);
|
|
}
|
|
} catch { }
|
|
|
|
this.deletePromises[attachment.id] = null;
|
|
this.onDeletedAttachment.emit();
|
|
}
|
|
|
|
async download(attachment: AttachmentView) {
|
|
const a = (attachment as any);
|
|
if (a.downloading) {
|
|
return;
|
|
}
|
|
|
|
if (!this.canAccessAttachments) {
|
|
this.toasterService.popAsync('error', this.i18nService.t('premiumRequired'),
|
|
this.i18nService.t('premiumRequiredDesc'));
|
|
return;
|
|
}
|
|
|
|
a.downloading = true;
|
|
const response = await fetch(new Request(attachment.url, { cache: 'no-cache' }));
|
|
if (response.status !== 200) {
|
|
this.toasterService.popAsync('error', null, this.i18nService.t('errorOccurred'));
|
|
a.downloading = false;
|
|
return;
|
|
}
|
|
|
|
try {
|
|
const buf = await response.arrayBuffer();
|
|
const key = await this.cryptoService.getOrgKey(this.cipher.organizationId);
|
|
const decBuf = await this.cryptoService.decryptFromBytes(buf, key);
|
|
this.platformUtilsService.saveFile(this.win, decBuf, null, attachment.fileName);
|
|
} catch (e) {
|
|
this.toasterService.popAsync('error', null, this.i18nService.t('errorOccurred'));
|
|
}
|
|
|
|
a.downloading = false;
|
|
}
|
|
|
|
protected loadCipher() {
|
|
return this.cipherService.get(this.cipherId);
|
|
}
|
|
|
|
protected saveCipherAttachment(file: File) {
|
|
return this.cipherService.saveAttachmentWithServer(this.cipherDomain, file);
|
|
}
|
|
|
|
protected deleteCipherAttachment(attachmentId: string) {
|
|
return this.cipherService.deleteAttachmentWithServer(this.cipher.id, attachmentId);
|
|
}
|
|
}
|