feat: add the app

src/app/modules/settings/page/settings-page.component.ts

@@ -0,0 +1,48 @@
+/*
+ * Copyright (C) 2018 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {Component, OnInit} from '@angular/core';
+import {LangChangeEvent, TranslateService} from '@ngx-translate/core';
+import {SCLanguageName, SCSettingMeta} from '@openstapps/core';
+import {SettingsCache, SettingsProvider} from '../../settingsProvider/settings.provider';
+
+@Component({
+  selector: 'stapps-settings-page',
+  templateUrl: 'settings-page.html',
+})
+export class SettingsPageComponent implements OnInit {
+  categoriesOrder: string[];
+  language: SCLanguageName;
+  meta = SCSettingMeta;
+  objectKeys = Object.keys;
+  settingsCache: SettingsCache;
+
+  constructor(public settingsProvider: SettingsProvider,
+              translateService: TranslateService) {
+    this.language = translateService.currentLang as SCLanguageName;
+    translateService.onLangChange.subscribe((event: LangChangeEvent) => {
+      this.language = event.lang as SCLanguageName;
+    });
+    this.settingsCache = {};
+    this.categoriesOrder = settingsProvider.getCategoriesOrder();
+  }
+
+  async loadSettings(): Promise<void> {
+    this.settingsCache = await this.settingsProvider.getSettingsCache();
+  }
+
+  async ngOnInit() {
+    await this.loadSettings();
+  }
+}