browser/src/popup/app/settings/folders/edit-folder.component.ts

import * as angular from 'angular';
import * as template from './edit-folder.component.html';

import { Abstractions, Domain } from '@bitwarden/jslib';

export class EditFolderController {
    $transition$: any;
    folderId: any;
    savePromise: any = null;
    i18n: any;
    folder: Domain.Folder;

    constructor($scope: any, $stateParams: any, private folderService: any, private toastr: any, private $state: any,
        private SweetAlert: any, platformUtilsService: Abstractions.PlatformUtilsService, private $analytics: any,
        private i18nService: any, $timeout: any) {
        this.i18n = i18nService;

        $timeout(() => {
            platformUtilsService.initListSectionItemListeners(document, angular);
            document.getElementById('name').focus();
        }, 500);

        $scope.folder = {};
    }

    $onInit() {
        this.folderId = this.$transition$.params('to').folderId;
        this.folderService.get(this.folderId).then((folder: any) => {
            return folder.decrypt();
        }).then((model: Domain.Folder) => {
            this.folder = model;
        });
    }

    save(model: any) {
        if (!model.name) {
            this.toastr.error(this.i18nService.nameRequired, this.i18nService.errorsOccurred);
            return;
        }

        this.savePromise = this.folderService.encrypt(model).then((folderModel: any) => {
            const folder = new Domain.Folder(folderModel, true);
            return this.folderService.saveWithServer(folder);
        }).then((folder: any) => {
            this.$analytics.eventTrack('Edited Folder');
            this.toastr.success(this.i18nService.editedFolder);
            this.$state.go('^.list', { animation: 'out-slide-down' });
        });
    }

    delete() {
        this.SweetAlert.swal({
            title: this.i18nService.deleteFolder,
            text: this.i18nService.deleteFolderConfirmation,
            showCancelButton: true,
            confirmButtonText: this.i18nService.yes,
            cancelButtonText: this.i18nService.no,
        }, (confirmed: boolean) => {
            if (confirmed) {
                this.folderService.deleteWithServer(this.folderId).then(() => {
                    this.$analytics.eventTrack('Deleted Folder');
                    this.toastr.success(this.i18nService.deletedFolder);
                    this.$state.go('^.list', {
                        animation: 'out-slide-down',
                    });
                });
            }
        });
    }
}

export const EditFolderComponent = {
    bindings: {
        $transition$: '<',
    },
    controller: EditFolderController,
    template: template,
};