feat: Partially restore repair window

src-vue/src/views/RepairView.vue

@@ -1,10 +1,107 @@
 <template>
     <div class="fc-container">
+        <el-scrollbar>
+            <el-alert :title="$t('generic.informationShort')" type="info" :closable="false" show-icon>
+                {{ $t('settings.repair.window.warning') }}
+            </el-alert>
+
+            <h1>{{ $t('settings.repair.title') }}</h1>
+
+            <h2>Northstar</h2>
+
+            <el-button type="primary" @click="disableAllModsButCore">
+                {{ $t('settings.repair.window.disable_all_but_core') }}
+            </el-button>
+
+            <el-button type="primary" @click="killNorthstar">
+                {{ $t('settings.repair.window.kill_northstar_process') }}
+            </el-button>
+
+            <el-button type="primary" @click="disableModsettingsMod">
+                {{ $t('settings.repair.window.disable_modsettings') }}
+            </el-button>
+
+            <h2>FlightCore</h2>
+
+            <el-button type="primary" @click="cleanUpDownloadFolder">
+                {{ $t('settings.repair.window.force_delete_temp_dl') }}
+            </el-button>
+
+            <el-button type="primary" @click="clearFlightCorePersistentStore">
+                {{ $t('settings.repair.window.delete_persistent_store') }}
+            </el-button>
+        </el-scrollbar>
     </div>
 </template>
 
 <script lang="ts">
+import { defineComponent } from "vue";
+
+
+import { invoke } from "@tauri-apps/api/core";
+
+import { load } from '@tauri-apps/plugin-store';
+import { showErrorNotification, showNotification } from "../utils/ui";
+
+const persistentStore = await load('flight-core-settings.json', { autoSave: false });
+
+export default defineComponent({
+    name: "RepairView",
+    computed: {
+        lang(): string {
+            return this.$root!.$i18n.locale;
+        }
+    },
+    methods: {
+        async disableAllModsButCore() {
+            await invoke("disable_all_but_core", { gameInstall: this.$store.state.game_install })
+                .then((_message) => {
+                    showNotification(this.$t('generic.success'), this.$t('settings.repair.window.disable_all_but_core_success'));
+                })
+                .catch((error) => {
+                    showErrorNotification(error);
+                });
+        },
+        async cleanUpDownloadFolder() {
+            await invoke("clean_up_download_folder_wrapper", { gameInstall: this.$store.state.game_install, force: true }).then((_message) => {
+                // Show user notification if task completed.
+                showNotification(this.$t('generic.done'), this.$t('generic.done'));
+            })
+                .catch((error) => {
+                    showErrorNotification(error);
+                });
+        },
+        async clearFlightCorePersistentStore() {
+            // Clear store...
+            await persistentStore.clear();
+            // ...and save
+            await persistentStore.save();
+        },
+        async disableModsettingsMod() {
+            await invoke("set_mod_enabled_status", { gameInstall: this.$store.state.game_install, modName: "Mod Settings", isEnabled: false })
+                .then((_message) => {
+                    showNotification(this.$t('generic.success'), this.$t('settings.repair.window.disable_modsettings_success'));
+                })
+                .catch((error) => {
+                    showErrorNotification(error);
+                });
+        },
+        async killNorthstar() {
+            await invoke("kill_northstar")
+                .then((_message) => {
+                    // Just a visual indicator that it worked
+                    showNotification('Success');
+                })
+                .catch((error) => {
+                    showErrorNotification(error);
+                });
+        },
+    },
+});
 </script>
 
 <style scoped>
+.fc-container {
+    padding-top: 0px;
+}
 </style>