[TypeScript] Settings module (#398)

* Convert settings to TypeScript.

* Simplify loadSettings using await.

* Re-write save feature settings.

* Minor fixes.

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

@@ -0,0 +1,47 @@
+import * as angular from 'angular';
+import { Folder } from '../../../../models/domain/folder';
+import { UtilsService } from '../../../../services/abstractions/utils.service';
+import * as template from './add-folder.component.html';
+
+class AddFolderController {
+    savePromise: any;
+    folder: {};
+    i18n: any;
+
+    constructor(private folderService: any, private $state: any, private toastr: any, utilsService: UtilsService,
+                private $analytics: any, private i18nService: any, $timeout: any) {
+        $timeout(() => {
+            utilsService.initListSectionItemListeners(document, angular);
+            document.getElementById('name').focus();
+        }, 500);
+
+        this.i18n = i18nService;
+        this.folder = {};
+        this.savePromise = null;
+    }
+
+    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('Added Folder');
+                this.toastr.success(this.i18nService.addedFolder);
+                this.$state.go('^.list', { animation: 'out-slide-down' });
+            });
+    }
+}
+
+export const AddFolderComponent = {
+    bindings: {},
+    controller: AddFolderController,
+    template,
+};