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();
+  }
+}

src/app/modules/settings/page/settings-page.html

@@ -0,0 +1,20 @@
+
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button></ion-back-button>
+      <ion-menu-button></ion-menu-button>
+    </ion-buttons>
+    <ion-title ><div id="title" > {{'settings.title' | translate}}</div></ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content >
+  <ion-list *ngFor="let categoryKey of categoriesOrder ">
+    <div *ngIf="objectKeys(settingsCache).includes(categoryKey)">
+      <ion-item-divider><h5>{{ meta.getFieldValueTranslation(language, 'categories',
+        settingsCache[categoryKey].settings[objectKeys(settingsCache[categoryKey].settings)[0]]) }}</h5></ion-item-divider>
+      <stapps-settings-item *ngFor="let settingKeys of objectKeys(settingsCache[categoryKey].settings)" [setting]="settingsCache[categoryKey].settings[settingKeys]"></stapps-settings-item>
+    </div>
+  </ion-list>
+</ion-content>