4240e76253
* ⚡ Implemented new grid row - banners * ✨ Fixing node creator and executions sidebar position after layout update * 💄 Added configurable round corners to the Callout component * ⚡ Fixing mouse position detection and main tab bar position * ⚡ Implemented basic banner component structure * ⚡ Implemented banner state and dismiss logic * ⚡ Fixing grid layout. Updating banners height state dynamically * ⚡ Fix zoom to fit position, mouse position in demo mode and callout vertical alignment * ⚡ Implementing proper trial banners logic * 💄 Only showing execution usage data once the sidebar is fully expanded * ✨ Implemented permanent/temporary dismiss logic for v1 flag * ⚡ Minor refactoring of banner logic * ⚡ Updating permanent dismiss logic to work with all banners * 👕 Fixing linting errors * ✔️ Updating Callout component test snapshots * 💄 Tweaking zoom to fit position * ✔️ Updating testing endpoints to use new store data * ✅ Added banners unit tests * ✔️ Fixing failing banner tests * ✅ Added more banner tests * ⚡ Updating banners dimensions on resize, removing leftover code * ✔️ Removing store import from API file * 👕 Fixing lint errors * ⚡ Updating migration files * ⚡ Using query parameters in migrations * 👌 Addressing design review feedback * ⚡ Updating upgrade plan button click * ⚡ Updating the migrations syntax * 👌 Updating permanent banner dismiss endpoint and back-end logic * 👌 Refactoring trial banner component and ui store * 👌 Addressing more points from code review * 👌 Moving DOM logic from the store * ✔️ Updated callout component snapshots * 👌 Updating mysql migration file * ✔️ Updating e2e test canvas coordinates after setting it's position to absolute * 👌 Addressing back-end review feedback * 👌 Improving typing around banners * 👕 Fixing lint errors
23 lines
704 B
Vue
23 lines
704 B
Vue
<script lang="ts" setup>
|
|
import BaseBanner from '@/components/banners/BaseBanner.vue';
|
|
import { i18n as locale } from '@/plugins/i18n';
|
|
import { useUIStore } from '@/stores';
|
|
|
|
function onUpdatePlanClick() {
|
|
useUIStore().goToUpgrade('canvas-nav', 'upgrade-canvas-nav', 'redirect');
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<base-banner customIcon="info-circle" theme="warning" name="TRIAL_OVER">
|
|
<template #mainContent>
|
|
<span>{{ locale.baseText('banners.trialOver.message') }}</span>
|
|
</template>
|
|
<template #trailingContent>
|
|
<n8n-button type="success" @click="onUpdatePlanClick" icon="gem" size="small">{{
|
|
locale.baseText('generic.upgradeNow')
|
|
}}</n8n-button>
|
|
</template>
|
|
</base-banner>
|
|
</template>
|