mirror of
https://github.com/n8n-io/n8n.git
synced 2025-01-09 20:07:31 -08:00
44 lines
1.2 KiB
Vue
44 lines
1.2 KiB
Vue
<template>
|
|
<WorkerList
|
|
v-if="settingsStore.isQueueModeEnabled && settingsStore.isWorkerViewAvailable"
|
|
data-test-id="worker-view-licensed"
|
|
/>
|
|
<n8n-action-box
|
|
v-else
|
|
data-test-id="worker-view-unlicensed"
|
|
:class="$style.actionBox"
|
|
:description="$locale.baseText('workerList.actionBox.description')"
|
|
:button-text="$locale.baseText('workerList.actionBox.buttonText')"
|
|
@click:button="goToUpgrade"
|
|
>
|
|
<template #heading>
|
|
<span>{{ $locale.baseText('workerList.actionBox.title') }}</span>
|
|
</template>
|
|
<template #description>
|
|
{{ $locale.baseText('workerList.actionBox.description') }}
|
|
<a :href="$locale.baseText('workerList.docs.url')" target="_blank">
|
|
{{ $locale.baseText('workerList.actionBox.description.link') }}
|
|
</a>
|
|
</template>
|
|
</n8n-action-box>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import WorkerList from '@/components/WorkerList.ee.vue';
|
|
import { useUIStore } from '@/stores/ui.store';
|
|
import { useSettingsStore } from '@/stores/settings.store';
|
|
|
|
const settingsStore = useSettingsStore();
|
|
const uiStore = useUIStore();
|
|
|
|
const goToUpgrade = () => {
|
|
void uiStore.goToUpgrade('worker-view', 'upgrade-worker-view');
|
|
};
|
|
</script>
|
|
|
|
<style module lang="scss">
|
|
.actionBox {
|
|
margin: var(--spacing-2xl) 0 0;
|
|
}
|
|
</style>
|