fager/server-worklog
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

frontend: Login-Redirect for unauth requests

Browse source
This commit is contained in:
Frank Agerholm 2026-01-25 17:58:04 +01:00
commit c8b6e4757f
No known key found for this signature in database
4 changed files with 62 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

5
frontend/app/pages/owners/index.vue
View file

@ -1,4 +1,9 @@
<script setup lang="ts">
definePageMeta({
requiresAuth: true
})
import { ref, onMounted } from "vue"
const { loadToken } = useAuth()

65
frontend/app/pages/servers/index.vue
View file

@ -1,4 +1,9 @@
<script setup lang="ts">
definePageMeta({
requiresAuth: true
})
import { ref, onMounted } from "vue"
const { apiFetch } = useApi()
@ -12,7 +17,7 @@ const newServer = ref({
const loading = ref(false)
const error = ref("")
const showCreateForm = ref(false)
const editingId = ref<number | null>(null)
const editServer = ref({
@ -106,31 +111,6 @@ onMounted(() => {
<div class="space-y-6">
<h1 class="text-3xl font-bold">Server Verwaltung</h1>
<!-- Neues Server-Formular -->
<div class="p-4 bg-white shadow rounded space-y-4">
<h2 class="text-xl font-semibold">Neuen Server anlegen</h2>
<div class="flex flex-col gap-4">
<input v-model="newServer.hostname" type="text" placeholder="Server Name" class="border p-2 rounded" />
<textarea v-model="newServer.description" placeholder="Beschreibung (optional)"
class="border p-2 rounded" />
<select v-model="newServer.owner_id" class="border p-2 rounded">
<option :value="null">Kein Owner</option>
<option v-for="owner in owners" :key="owner.id" :value="owner.id">
{{ owner.name }}
</option>
</select>
<button @click="createServer"
class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 self-start">
Speichern
</button>
</div>
</div>
<!-- Server-Liste -->
<div class="p-4 bg-white shadow rounded">
<h2 class="text-xl font-semibold mb-4">Server Liste</h2>
@ -220,5 +200,38 @@ onMounted(() => {
</tbody>
</table>
</div>
<button
@click="showCreateForm = !showCreateForm"
class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700"
>
{{ showCreateForm ? "Formular ausblenden" : "Neuen Server anlegen" }}
</button>
<!-- Neues Server-Formular -->
<Transition name="fade">
<div v-if="showCreateForm" class="p-4 bg-white shadow rounded space-y-4">
<h2 class="text-xl font-semibold">Neuen Server anlegen</h2>
<div class="flex flex-col gap-4">
<input v-model="newServer.hostname" type="text" placeholder="Server Name" class="border p-2 rounded" />
<textarea v-model="newServer.description" placeholder="Beschreibung (optional)"
class="border p-2 rounded" />
<select v-model="newServer.owner_id" class="border p-2 rounded">
<option :value="null">Kein Owner</option>
<option v-for="owner in owners" :key="owner.id" :value="owner.id">
{{ owner.name }}
</option>
</select>
<button @click="createServer"
class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 self-start">
Speichern
</button>
</div>
</div>
</Transition>
</div>
</template>