Files
n8n-enterprise-unlocked/packages/editor-ui/src/components/PushConnectionTracker.vue
कारतोफ्फेलस्क्रिप्ट™ 600b285a44 refactor: Migrate Vue slots to the new syntax (#4603)
Co-authored-by: Alex Grozav <alex@grozav.com>
2022-11-18 14:59:31 +01:00

31 lines
755 B
Vue

<template>
<span>
<div class="push-connection-lost primary-color" v-if="!rootStore.pushConnectionActive">
<n8n-tooltip placement="bottom-end" >
<template #current>
<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 { useRootStore } from "@/stores/n8nRootStore";
import { mapStores } from "pinia";
import Vue from "vue";
export default Vue.extend({
name: "PushConnectionTracker",
computed: {
...mapStores(
useRootStore,
),
},
});
</script>