Files
watchstate/frontend/pages/backend/[backend]/info.vue
Abdulmhsen B. A. A. c51eb81247 Updated Nuxtlinks.
2024-05-21 17:18:31 +03:00

44 lines
926 B
Vue

<template>
<div class="columns is-multiline">
<div class="column is-12 is-clearfix">
<span class="title is-4">
<NuxtLink to="/backends">Backends</NuxtLink>
-
<NuxtLink :to="'/backend/' + backend">{{ backend }}</NuxtLink>
: Info
</span>
<div class="is-pulled-right">
<div class="field is-grouped"></div>
</div>
</div>
<div class="column is-12" v-if="info">
<code class="box logs-container">
{{ JSON.stringify(info, null, 2) }}
</code>
</div>
</div>
</template>
<style scoped>
.logs-container {
min-height: 40vh;
overflow-y: auto;
white-space: pre;
}
</style>
<script setup>
const backend = useRoute().params.backend
const info = ref()
const loadContent = async () => {
const response = await request(`/backend/${backend}/info`)
info.value = await response.json()
}
onMounted(() => loadContent())
</script>