move vault components to jslib

src/angular/components/attachments.component.ts

@@ -0,0 +1,125 @@
+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;
+
+    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) { }
+
+    async ngOnInit() {
+        this.cipherDomain = await this.cipherService.get(this.cipherId);
+        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.cipherService.saveAttachmentWithServer(this.cipherDomain, 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'));
+        } 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.cipherService.deleteAttachmentWithServer(
+                this.cipher.id, 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;
+    }
+}