mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-18 18:41:14 +00:00
34 lines
1.1 KiB
Vue
34 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { usePushConnectionStore } from '@/stores/pushConnection.store';
|
|
import { useI18n } from '@n8n/i18n';
|
|
import { computed } from 'vue';
|
|
|
|
const pushConnectionStore = usePushConnectionStore();
|
|
const i18n = useI18n();
|
|
|
|
const showConnectionLostError = computed(() => {
|
|
// Only show the connection lost error if the connection has been requested
|
|
// and the connection is not currently connected. This is to prevent the
|
|
// connection error from being shown e.g. when user navigates directly to
|
|
// the workflow executions list, which doesn't open the connection.
|
|
return pushConnectionStore.isConnectionRequested && !pushConnectionStore.isConnected;
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<span>
|
|
<div v-if="showConnectionLostError" class="push-connection-lost primary-color">
|
|
<n8n-tooltip placement="bottom-end">
|
|
<template #content>
|
|
<div v-n8n-html="i18n.baseText('pushConnectionTracker.cannotConnectToServer')"></div>
|
|
</template>
|
|
<span>
|
|
<n8n-icon icon="triangle-alert" />
|
|
{{ i18n.baseText('pushConnectionTracker.connectionLost') }}
|
|
</span>
|
|
</n8n-tooltip>
|
|
</div>
|
|
<slot v-else />
|
|
</span>
|
|
</template>
|