feat(editor): Evaluation UI tweaks (#12659) (no-changelog)

This commit is contained in:
oleg
2025-01-20 15:14:23 +01:00
committed by GitHub
parent b66a9dc8fb
commit 89777d32ac
23 changed files with 845 additions and 544 deletions

View File

@@ -9,6 +9,8 @@ interface EvaluationStep {
small?: boolean;
expanded?: boolean;
description?: string;
issues?: Array<{ field: string; message: string }>;
showIssues?: boolean;
}
const props = withDefaults(defineProps<EvaluationStep>(), {
@@ -16,6 +18,8 @@ const props = withDefaults(defineProps<EvaluationStep>(), {
warning: false,
small: false,
expanded: true,
issues: () => [],
showIssues: true,
});
const locale = useI18n();
@@ -46,7 +50,11 @@ const toggleExpand = async () => {
<slot name="icon" />
</div>
<h3 :class="$style.title">{{ title }}</h3>
<span v-if="warning" :class="$style.warningIcon"></span>
<span v-if="issues.length > 0 && showIssues" :class="$style.warningIcon">
<N8nInfoTip :bold="true" type="tooltip" theme="warning" tooltip-placement="right">
{{ issues.map((issue) => issue.message).join(', ') }}
</N8nInfoTip>
</span>
<button
v-if="$slots.cardContent"
:class="$style.collapseButton"