mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2026-08-29 23:00:36 +02:00
421dd72224
* introduce analytics * add user survey backend * add user survey backend * set answers on survey submit Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com> * change name to personalization * lint Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com> * N8n 2495 add personalization modal (#2280) * update modals * add onboarding modal * implement questions * introduce analytics * simplify impl * implement survey handling * add personalized cateogry * update modal behavior * add thank you view * handle empty cases * rename modal * standarize modal names * update image, add tags to headings * remove unused file * remove unused interfaces * clean up footer spacing * introduce analytics * refactor to fix bug * update endpoint * set min height * update stories * update naming from questions to survey * remove spacing after core categories * fix bug in logic * sort nodes * rename types * merge with be * rename userSurvey * clean up rest api * use constants for keys * use survey keys * clean up types * move personalization to its own file Co-authored-by: ahsan-virani <ahsan.virani@gmail.com> * Survey new options (#2300) * split up options * fix quotes * remove unused import * add user created workflow event (#2301) * simplify env vars * fix versionCli on FE * update personalization env * fix event User opened Credentials panel * fix select modal spacing * fix nodes panel event * fix workflow id in workflow execute event * improve telemetry error logging * fix config and stop process events * add flush call on n8n stop * ready for release * improve telemetry process exit * fix merge * improve n8n stop events Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com> Co-authored-by: Mutasem <mutdmour@gmail.com> Co-authored-by: Jan Oberhauser <jan.oberhauser@gmail.com>
74 lines
1.5 KiB
Vue
74 lines
1.5 KiB
Vue
<template functional>
|
|
<div :class="$style.inputLabel">
|
|
<div :class="props.label ? $style.label: ''">
|
|
<component v-if="props.label" :is="$options.components.N8nText" :bold="true">
|
|
{{ props.label }}
|
|
<component :is="$options.components.N8nText" color="primary" :bold="true" v-if="props.required">*</component>
|
|
</component>
|
|
<span :class="$style.infoIcon" v-if="props.tooltipText">
|
|
<component :is="$options.components.N8nTooltip" placement="top" :popper-class="$style.tooltipPopper">
|
|
<component :is="$options.components.N8nIcon" icon="question-circle" />
|
|
<div slot="content" v-html="$options.methods.addTargetBlank(props.tooltipText)"></div>
|
|
</component>
|
|
</span>
|
|
</div>
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import N8nText from '../N8nText';
|
|
import N8nTooltip from '../N8nTooltip';
|
|
import N8nIcon from '../N8nIcon';
|
|
|
|
import { addTargetBlank } from '../utils/helpers';
|
|
|
|
export default {
|
|
name: 'n8n-input-label',
|
|
components: {
|
|
N8nText,
|
|
N8nIcon,
|
|
N8nTooltip,
|
|
},
|
|
props: {
|
|
label: {
|
|
type: String,
|
|
},
|
|
tooltipText: {
|
|
type: String,
|
|
},
|
|
required: {
|
|
type: Boolean,
|
|
},
|
|
},
|
|
methods: {
|
|
addTargetBlank,
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
.inputLabel {
|
|
&:hover {
|
|
--info-icon-display: inline-block;
|
|
}
|
|
}
|
|
|
|
.label {
|
|
margin-bottom: var(--spacing-2xs);
|
|
|
|
* {
|
|
margin-right: var(--spacing-4xs);
|
|
}
|
|
}
|
|
|
|
.infoIcon {
|
|
color: var(--color-text-light);
|
|
display: var(--info-icon-display, none);
|
|
}
|
|
|
|
.tooltipPopper {
|
|
max-width: 400px;
|
|
}
|
|
</style>
|