n8n/packages/editor-ui/src/components/ParameterIssues.vue
कारतोफ्फेलस्क्रिप्ट™ 600b285a44
refactor: Migrate Vue slots to the new syntax (#4603)
Co-authored-by: Alex Grozav <alex@grozav.com>
2022-11-18 14:59:31 +01:00

37 lines
746 B
Vue

<template>
<div :class="$style['parameter-issues']" v-if="issues.length">
<n8n-tooltip placement="top" >
<template #content>
<titled-list :title="`${$locale.baseText('parameterInput.issues')}:`" :items="issues" />
</template>
<font-awesome-icon icon="exclamation-triangle" />
</n8n-tooltip>
</div>
</template>
<script lang="ts">
import Vue from 'vue';
import TitledList from '@/components/TitledList.vue';
export default Vue.extend({
name: 'ParameterIssues',
components: {
TitledList,
},
props: [
'issues',
],
});
</script>
<style module lang="scss">
.parameter-issues {
width: 20px;
text-align: right;
float: right;
color: #ff8080;
font-size: var(--font-size-s);
padding-left: var(--spacing-4xs);
}
</style>