feat: add the app

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

@@ -0,0 +1,68 @@
+/*
+ * 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, Input} from '@angular/core';
+import {LangChangeEvent, TranslateService} from '@ngx-translate/core';
+import {
+  SCLanguageName,
+  SCSetting,
+  SCSettingMeta,
+} from '@openstapps/core';
+import {SettingsProvider} from '../../settingsProvider/settings.provider';
+
+@Component({
+  selector: 'stapps-settings-item',
+  templateUrl: 'settings-item.html',
+})
+export class SettingsItemComponent {
+  isVisible = true;
+  language: SCLanguageName;
+  meta = SCSettingMeta;
+
+  @Input() setting: SCSetting;
+
+  constructor(private translateService: TranslateService,
+              private settingsProvider: SettingsProvider) {
+    this.meta = SCSettingMeta;
+
+    this.language = translateService.currentLang as SCLanguageName;
+
+    translateService.onLangChange.subscribe((event: LangChangeEvent) => {
+      this.isVisible = false;
+      this.language = event.lang as SCLanguageName;
+      // workaround for selected 'select option' not updating translation
+      setTimeout(() => this.isVisible = true);
+    });
+  }
+
+  /**
+   * handles value changes of the setting
+   */
+  async settingChanged(): Promise<void> {
+    switch (this.setting.name) {
+      case 'language':
+        if (this.setting.input.value !== undefined) {
+          this.translateService.use(this.setting.input.value.toString());
+        }
+        break;
+      default:
+    }
+    await this.settingsProvider
+      .setSettingValue(this.setting.categories[0], this.setting.name, this.setting.input.value);
+  }
+
+  typeOf(val: any) {
+    return typeof (val);
+  }
+}