matty/dayzdockerserver
1
0
Fork 0
mirror of https://ceregatti.org/git/daniel/dayzdockerserver.git synced 2025-05-07 06:41:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

WIP

Browse source
This commit is contained in:
Daniel Ceregatti 2025-01-31 15:06:13 -07:00
parent 569e45c93c
commit 44aaede5a6
3 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
web/docroot/src/components/Mods.vue
View file

@ -1,4 +1,5 @@
<script setup> <script setup>
import Search from '@/components/Search.vue'
import { config } from '@/config' import { config } from '@/config'
import { useFetch } from '@vueuse/core' import { useFetch } from '@vueuse/core'
import { useAppStore } from '@/store.js' import { useAppStore } from '@/store.js'
@ -17,6 +18,12 @@ const { data, error } = useFetch('/mods', {
<div v-if="error" class="row text-danger"> <div v-if="error" class="row text-danger">
{{ error }} {{ error }}
</div> </div>
<div v-if="! store.steamStatus.loggedIn" class="grid">
<div class="col-4 col-offset-4 text-center">{{ $t('Not logged in to steam') }}</div>
</div>
<div v-else class="grid">
<Search />
</div>
<div v-if="store.mods.length === 0">{{ $t('No mods are installed') }}</div> <div v-if="store.mods.length === 0">{{ $t('No mods are installed') }}</div>
<div v-else class="col-md-3 border" v-if="data"> <div v-else class="col-md-3 border" v-if="data">
<div> <div>

2
web/docroot/src/components/Search.vue
View file

@ -5,7 +5,7 @@ const store = useAppStore()
<template> <template>
<div class="col form-control-lg text-center"> <div class="col form-control-lg text-center">
<form @submit.prevent="(e) => {store.searchText=e.target.search.value; store.section='search'}"> <form @submit.prevent="(e) => { store.searchText = e.target.search.value }">
<input name="search" placeholder="Search mods..." autofocus> <input name="search" placeholder="Search mods..." autofocus>
</form> </form>
</div> </div>

8
web/docroot/src/components/Servers.vue
View file

@ -4,10 +4,10 @@ const store = useAppStore()
</script> </script>
<template> <template>
<div v-if="store.servers.length > 0"> <div v-if="store.servers.length === 0">
<h1>{{ $t('Servers') }}</h1>
</div>
<div v-else>
{{ $t('No servers have been created') }} {{ $t('No servers have been created') }}
</div> </div>
<div>
Add a server:
</div>
</template> </template>