mirror of https://github.com/Fabio286/antares.git
67 lines
1.7 KiB
Vue
67 lines
1.7 KiB
Vue
<template>
|
|
<div class="column col-12 empty">
|
|
<div class="empty-icon">
|
|
<img :src="logos[applicationTheme]" width="200">
|
|
</div>
|
|
<p class="h6 empty-subtitle">
|
|
{{ t('application.noOpenTabs') }}
|
|
</p>
|
|
<div class="empty-action">
|
|
<button class="btn btn-primary d-flex" @click="emit('new-tab')">
|
|
<BaseIcon
|
|
icon-name="mdiTabPlus"
|
|
:size="24"
|
|
class="mr-2"
|
|
/>
|
|
{{ t('application.openNewTab') }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { storeToRefs } from 'pinia';
|
|
import { computed } from 'vue';
|
|
import { useI18n } from 'vue-i18n';
|
|
|
|
import BaseIcon from '@/components/BaseIcon.vue';
|
|
import { useSettingsStore } from '@/stores/settings';
|
|
import { useWorkspacesStore } from '@/stores/workspaces';
|
|
|
|
const { t } = useI18n();
|
|
|
|
const emit = defineEmits(['new-tab']);
|
|
|
|
const logos = {
|
|
light: require('../images/logo-light.svg') as string,
|
|
dark: require('../images/logo-dark.svg') as string
|
|
};
|
|
|
|
const settingsStore = useSettingsStore();
|
|
const workspacesStore = useWorkspacesStore();
|
|
|
|
const { applicationTheme } = storeToRefs(settingsStore);
|
|
const { getSelected: selectedWorkspace } = storeToRefs(workspacesStore);
|
|
|
|
const { getWorkspace, changeBreadcrumbs } = workspacesStore;
|
|
|
|
const workspace = computed(() => {
|
|
return getWorkspace(selectedWorkspace.value);
|
|
});
|
|
|
|
changeBreadcrumbs({ schema: workspace.value.breadcrumbs.schema });
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.empty {
|
|
height: 100%;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
</style>
|