move translations to CoreVM, move models to CoreVM for sentralization

src/ViewModel/Global/settingsViewModel.ts

@@ -2,36 +2,40 @@ import * as React from "bloatless-react";
 
 import CoreViewModel from "./coreViewModel";
 import SettingsModel from "../../Model/Global/settingsModel";
+import { Languages } from "../../View/translations";
 
 export default class SettingsViewModel {
-    settingsModel: SettingsModel;
-
     // state
     username: React.State<string> = new React.State("");
     usernameInput: React.State<string> = new React.State("");
-    firstDayOfWeekInput: React.State<string> = new React.State("0");
     isShowingSettingsModal: React.State<boolean> = new React.State(false);
     selectedModalPage: React.State<SettingsModalPages> = new React.State(
         SettingsModalPages.Appearance,
     );
 
+    firstDayOfWeek: React.State<string> = new React.State("0");
+    language: React.State<Languages> = new React.State(Languages.English);
+
     // guards
     cannotSetName: React.State<boolean> = React.createProxyState(
         [this.usernameInput],
         () =>
             this.usernameInput.value == "" ||
-            this.usernameInput.value == this.settingsModel.username,
+            this.usernameInput.value ==
+                this.coreViewModel.settingsModel.username,
     );
 
     // methods
     setName = (): void => {
-        this.settingsModel.setName(this.usernameInput.value);
-        this.username.value = this.settingsModel.username;
+        this.coreViewModel.settingsModel.setName(this.usernameInput.value);
+        this.username.value = this.coreViewModel.settingsModel.username;
         this.usernameInput.callSubscriptions();
     };
 
     setFirstDayofWeek = (): void => {
-        this.settingsModel.setFirstDayOfWeek(this.firstDayOfWeekInput.value);
+        this.coreViewModel.settingsModel.setFirstDayOfWeek(
+            this.firstDayOfWeek.value,
+        );
     };
 
     showSettingsModal = (): void => {
@@ -47,18 +51,13 @@ export default class SettingsViewModel {
     };
 
     // init
-    constructor(
-        public coreViewModel: CoreViewModel,
-        settingsModel: SettingsModel,
-    ) {
-        this.settingsModel = settingsModel;
-
-        this.username.value = settingsModel.username;
-        this.usernameInput.value = settingsModel.username;
-        this.firstDayOfWeekInput.value = settingsModel.firstDayOfWeek;
+    constructor(public coreViewModel: CoreViewModel) {
+        this.username.value = coreViewModel.settingsModel.username;
+        this.usernameInput.value = coreViewModel.settingsModel.username;
+        this.firstDayOfWeek.value = coreViewModel.settingsModel.firstDayOfWeek;
 
         // subscriptions
-        this.firstDayOfWeekInput.subscribe(this.setFirstDayofWeek);
+        this.firstDayOfWeek.subscribe(this.setFirstDayofWeek);
     }
 }