jellyfin-vue/pages/SelectServer.vue
2020-12-01 20:40:48 +01:00

39 lines
892 B
Vue

<template>
<v-container fill-height>
<v-row align="center" justify="center">
<v-col md="4">
<h1 class="text-h4 mb-6 text-center">{{ $t('selectServer') }}</h1>
<div v-if="$store.state.servers.serverList">
<server-card
v-for="server in $store.state.servers.serverList"
:key="server.publicInfo.Id"
:server-info="server"
></server-card>
</div>
<add-server-form />
</v-col>
</v-row>
</v-container>
</template>
<script lang="ts">
import Vue from 'vue';
import { mapActions } from 'vuex';
export default Vue.extend({
layout: 'fullpage',
auth: false,
head() {
return {
title: this.$store.state.page.title
};
},
created() {
this.setPageTitle({ title: this.$t('selectServer') });
},
methods: {
...mapActions('page', ['setPageTitle'])
}
});
</script>