n8n/packages/editor-ui/src/components/PushConnectionTracker.vue
कारतोफ्फेलस्क्रिप्ट™ ebb3aaf61e
refactor(editor): Drop vue-typed-mixins (no-changelog) (#6257)
2023-05-16 11:43:46 +02:00

30 lines
773 B
Vue

<template>
<span>
<div class="push-connection-lost primary-color" v-if="!rootStore.pushConnectionActive">
<n8n-tooltip placement="bottom-end">
<template #content>
<div v-html="$locale.baseText('pushConnectionTracker.cannotConnectToServer')"></div>
</template>
<span>
<font-awesome-icon icon="exclamation-triangle" />&nbsp;
{{ $locale.baseText('pushConnectionTracker.connectionLost') }}
</span>
</n8n-tooltip>
</div>
<slot v-else />
</span>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { mapStores } from 'pinia';
import { useRootStore } from '@/stores/n8nRoot.store';
export default defineComponent({
name: 'PushConnectionTracker',
computed: {
...mapStores(useRootStore),
},
});
</script>