aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src
diff options
context:
space:
mode:
Diffstat (limited to 'src-vue/src')
-rw-r--r--src-vue/src/App.vue5
-rw-r--r--src-vue/src/main.ts2
-rw-r--r--src-vue/src/utils/Tabs.ts3
-rw-r--r--src-vue/src/views/DeveloperView.vue31
-rw-r--r--src-vue/src/views/ModsView.vue22
5 files changed, 61 insertions, 2 deletions
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
index 68372fc7..115330c3 100644
--- a/src-vue/src/App.vue
+++ b/src-vue/src/App.vue
@@ -2,6 +2,7 @@
import ChangelogView from './views/ChangelogView.vue';
import DeveloperView from './views/DeveloperView.vue';
import PlayView from './views/PlayView.vue';
+import ModsView from './views/ModsView.vue';
import SettingsView from './views/SettingsView.vue';
import { appWindow } from '@tauri-apps/api/window';
import { store } from './plugins/store';
@@ -12,7 +13,8 @@ export default {
ChangelogView,
DeveloperView,
PlayView,
- SettingsView
+ SettingsView,
+ ModsView
},
data() {
return {}
@@ -43,6 +45,7 @@ export default {
>
<el-menu-item index="/">Play</el-menu-item>
<el-menu-item index="/changelog">Changelog</el-menu-item>
+ <el-menu-item index="/mods">Mods</el-menu-item>
<el-menu-item index="/settings">Settings</el-menu-item>
<el-menu-item index="/dev" v-if="$store.state.developer_mode">Dev</el-menu-item>
</el-menu>
diff --git a/src-vue/src/main.ts b/src-vue/src/main.ts
index dc18b443..95bea7af 100644
--- a/src-vue/src/main.ts
+++ b/src-vue/src/main.ts
@@ -5,6 +5,7 @@ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import { store } from './plugins/store';
import PlayView from "./views/PlayView.vue";
import ChangelogView from "./views/ChangelogView.vue";
+import ModsView from "./views/ModsView.vue";
import SettingsView from "./views/SettingsView.vue";
import DeveloperView from "./views/DeveloperView.vue";
import {createRouter, createWebHashHistory} from "vue-router";
@@ -32,6 +33,7 @@ app.use( store, '$store' );
const routes = [
{ path: '/', name: 'Main', component: async () => PlayView},
{ path: '/changelog', name: 'Changelog', component: async () => ChangelogView},
+ { path: '/mods', name: 'Mods', component: async () => ModsView},
{ path: '/settings', name: 'Settings', component: async () => SettingsView},
{ path: '/dev', name: 'Dev', component: async () => DeveloperView}
];
diff --git a/src-vue/src/utils/Tabs.ts b/src-vue/src/utils/Tabs.ts
index 48320950..027f9f0a 100644
--- a/src-vue/src/utils/Tabs.ts
+++ b/src-vue/src/utils/Tabs.ts
@@ -2,5 +2,6 @@ export enum Tabs {
PLAY = '/',
CHANGELOG = '/changelog',
SETTINGS = '/settings',
- DEV = '/dev'
+ DEV = '/dev',
+ MODS = '/mods'
}
diff --git a/src-vue/src/views/DeveloperView.vue b/src-vue/src/views/DeveloperView.vue
index 3a7ec8f5..8bcd36ea 100644
--- a/src-vue/src/views/DeveloperView.vue
+++ b/src-vue/src/views/DeveloperView.vue
@@ -22,6 +22,10 @@
Disable all but core mods
</el-button>
+ <el-button type="primary" @click="getInstalledMods">
+ Get installed mods
+ </el-button>
+
</div>
</template>
@@ -112,6 +116,33 @@ export default defineComponent({
position: 'bottom-right'
});
});
+ },
+ async getInstalledMods() {
+ let game_install = {
+ game_path: this.$store.state.game_path,
+ install_type: this.$store.state.install_type
+ } as GameInstall;
+ await invoke("get_installed_mods_caller", { gameInstall: game_install }).then((message) => {
+ // Simply console logging for now
+ // In the future we should display the installed mods somewhere
+ console.log(message);
+
+ // Just a visual indicator that it worked
+ ElNotification({
+ title: 'Success',
+ message: "Success",
+ type: 'success',
+ position: 'bottom-right'
+ });
+ })
+ .catch((error) => {
+ ElNotification({
+ title: 'Error',
+ message: error,
+ type: 'error',
+ position: 'bottom-right'
+ });
+ });
}
}
});
diff --git a/src-vue/src/views/ModsView.vue b/src-vue/src/views/ModsView.vue
new file mode 100644
index 00000000..c37f5fe2
--- /dev/null
+++ b/src-vue/src/views/ModsView.vue
@@ -0,0 +1,22 @@
+<template>
+ <div class="fc__mods__container">
+ <h3>Installed Mods:</h3>
+ TODO
+ </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+ name: "ModsView",
+});
+</script>
+
+<style scoped>
+.fc__mods__container {
+ padding: 20px 30px;
+ color: white;
+ position: relative;
+}
+</style>