feat: Allow opening a window with various repair features (#129)

* feat: Initial code for spawning repair window

* refactor: Move disable all but core mods button
to repair window

* refactor: Rename function

* refactor: Move button location

Still in DeveloperView for now, will be moved to settings page later

* feat: Add info banner

* feat: Set repair window title

* fix: Stop thread crash on duplicate window open

Instead of calling an unwrap, handle failure to create window which is
usually caused by spawning a second repair window although one already
exists.

* fix: Re-add accidentally removed lines from merge

* fix: Set top padding to zero px

As there's no menu bar in this view

* feat: Close all windows when close bttn is clicked

2 files changed, 75 insertions, 24 deletions

diff --git a/src-vue/src/views/DeveloperView.vue b/src-vue/src/views/DeveloperView.vue
index 11cb4f5d..665e2e55 100644
--- a/src-vue/src/views/DeveloperView.vue
+++ b/src-vue/src/views/DeveloperView.vue
@@ -4,6 +4,7 @@
             <el-alert title="Warning" type="warning" :closable="false" show-icon>
                 This page is designed for developers. Some of the buttons here can break your Northstar install if you do not know what you're doing!
             </el-alert>
+
             <h3>Basic:</h3>
 
             <el-button type="primary" @click="disableDevMode">
@@ -36,8 +37,8 @@
 
             <h3>Repair:</h3>
 
-            <el-button type="primary" @click="disableAllModsButCore">
-                Disable all but core mods
+            <el-button type="primary" @click="createNewWindow">
+                Open Repair window
             </el-button>
 
             <el-button type="primary" @click="forceInstallNorthstar">
@@ -118,28 +119,6 @@ export default defineComponent({
         async launchGameWithoutChecks() {
             this.$store.commit('launchGame', true);
         },
-        async disableAllModsButCore() {
-            let game_install = {
-                game_path: this.$store.state.game_path,
-                install_type: this.$store.state.install_type
-            } as GameInstall;
-            await invoke("disable_all_but_core", { gameInstall: game_install }).then((message) => {
-                ElNotification({
-                    title: 'Success',
-                    message: "Disabled all mods but core",
-                    type: 'success',
-                    position: 'bottom-right'
-                });
-            })
-                .catch((error) => {
-                    ElNotification({
-                        title: 'Error',
-                        message: error,
-                        type: 'error',
-                        position: 'bottom-right'
-                    });
-                });
-        },
         async getInstalledMods() {
             let game_install = {
                 game_path: this.$store.state.game_path,
@@ -261,6 +240,18 @@ export default defineComponent({
                     notification.close();
                 });
         },
+        async createNewWindow() {
+            await invoke("open_repair_window")
+                .then((message) => { })
+                .catch((error) => {
+                    ElNotification({
+                        title: 'Error',
+                        message: error,
+                        type: 'error',
+                        position: 'bottom-right'
+                    });
+                });
+        },
     }
 });
 </script>
diff --git a/src-vue/src/views/RepairView.vue b/src-vue/src/views/RepairView.vue
new file mode 100644
index 00000000..cf19e3e6
--- /dev/null
+++ b/src-vue/src/views/RepairView.vue
@@ -0,0 +1,60 @@
+<template>
+    <div class="fc-container">
+        <el-scrollbar>
+            <el-alert title="Info" type="info" :closable="false" show-icon>
+                This window contains various functionality to repair common issues with Northstar and FlightCore.
+            </el-alert>
+
+            <h1>Repair</h1>
+
+            <h2>Northstar</h2>
+
+            <el-button type="primary" @click="disableAllModsButCore">
+                Disable all but core mods
+            </el-button>
+
+        </el-scrollbar>
+    </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import { ElNotification } from "element-plus";
+import { GameInstall } from "../utils/GameInstall";
+import { invoke } from "@tauri-apps/api";
+
+export default defineComponent({
+    name: "RepairView",
+    methods: {
+        async disableAllModsButCore() {
+            let game_install = {
+                game_path: this.$store.state.game_path,
+                install_type: this.$store.state.install_type
+            } as GameInstall;
+            await invoke("disable_all_but_core", { gameInstall: game_install })
+                .then((message) => {
+                    ElNotification({
+                        title: 'Success',
+                        message: "Disabled all mods but core",
+                        type: 'success',
+                        position: 'bottom-right'
+                    });
+                })
+                .catch((error) => {
+                    ElNotification({
+                        title: 'Error',
+                        message: error,
+                        type: 'error',
+                        position: 'bottom-right'
+                    });
+                });
+        },
+    }
+});
+</script>
+
+<style scoped>
+.fc-container {
+    padding-top: 0px;
+}
+</style>