ovdashboard/ui/src/components/DashboardInfo.vue

32 lines
800 B
Vue
Raw Normal View History

2022-09-15 15:46:09 +00:00
<template>
<div>
<v-divider class="mb-1" />
<div class="d-flex flex-column align-end blue-grey--text text-body-2">
<span class="d-flex">
ovdashboard powered by&nbsp;<a :href="server_host">{{ server_name }}</a>
</span>
<span class="d-flex">
Version: {{ version }} &ndash; IP: {{ lan_ip ? lan_ip : "?" }}
</span>
</div>
</div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
@Component
export default class DashboardInfo extends Vue {
@Prop({ required: true })
private readonly version!: string;
@Prop()
private readonly lan_ip?: string;
@Prop({ required: true })
private readonly server_host!: string;
@Prop({ required: true })
private readonly server_name!: string;
}
</script>