[TypeScript] Settings module (#398)

* Convert settings to TypeScript.

* Simplify loadSettings using await.

* Re-write save feature settings.

* Minor fixes.

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

@@ -0,0 +1,86 @@
+import * as angular from 'angular';
+import { Folder } from '../../../../models/domain/folder';
+import UtilsService from '../../../../services/utils.service';
+import * as template from './edit-folder.component.html';
+
+class EditFolderController {
+    $transition$: any;
+    folderId: any;
+    savePromise: any = null;
+    i18n: any;
+    folder: Folder;
+
+    constructor($scope: any, $stateParams: any, private folderService: any, private toastr: any, private $state: any,
+                private SweetAlert: any, utilsService: UtilsService, private $analytics: any, private i18nService: any,
+                $timeout: any) {
+        this.i18n = i18nService;
+
+        $timeout(() => {
+            utilsService.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: 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 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,
+};