mirror of
https://github.com/acepanel/panel.git
synced 2026-02-04 11:27:17 +08:00
36 lines
1.2 KiB
Vue
36 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import ComposeView from '@/views/container/ComposeView.vue'
|
|
import { useGettext } from 'vue3-gettext'
|
|
|
|
defineOptions({
|
|
name: 'container-index'
|
|
})
|
|
|
|
import ContainerView from '@/views/container/ContainerView.vue'
|
|
import ImageView from '@/views/container/ImageView.vue'
|
|
import NetworkView from '@/views/container/NetworkView.vue'
|
|
import VolumeView from '@/views/container/VolumeView.vue'
|
|
|
|
const { $gettext } = useGettext()
|
|
const current = ref('container')
|
|
</script>
|
|
|
|
<template>
|
|
<common-page show-header show-footer>
|
|
<template #tabbar>
|
|
<n-tabs v-model:value="current" animated>
|
|
<n-tab name="container" :tab="$gettext('Containers')" />
|
|
<n-tab name="compose" :tab="$gettext('Compose')" />
|
|
<n-tab name="image" :tab="$gettext('Images')" />
|
|
<n-tab name="network" :tab="$gettext('Networks')" />
|
|
<n-tab name="volume" :tab="$gettext('Volumes')" />
|
|
</n-tabs>
|
|
</template>
|
|
<container-view v-if="current === 'container'" />
|
|
<compose-view v-else-if="current === 'compose'" />
|
|
<image-view v-else-if="current === 'image'" />
|
|
<network-view v-else-if="current === 'network'" />
|
|
<volume-view v-else-if="current === 'volume'" />
|
|
</common-page>
|
|
</template>
|