mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

component setup

Browse source
This commit is contained in:
Michael Kret 2024-10-30 12:29:28 +02:00 committed by Ivan Atanasov
parent 197ef5c27b
commit db51b3a5f4
No known key found for this signature in database
2 changed files with 30 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/editor-ui/src/components/WorkflowCard.vue
View file

@ -267,6 +267,7 @@ function moveResource() {
</div>
<template #append>
<div :class="$style.cardActions" @click.stop>
<WorkflowStatistic />
<ProjectCardBadge
:resource="data"
:resource-type="ResourceType.Workflow"

29
packages/editor-ui/src/components/WorkflowStatistic.vue Normal file
View file

@ -0,0 +1,29 @@
<script setup lang="ts"></script>
<template>
<n8n-tooltip placement="top">
<div class="statusText">
<n8n-icon icon="play-circle" color="info" />
<n8n-text color="text-base" size="small" bold> 40 | </n8n-text>
<n8n-icon icon="check-circle" color="success" />
<n8n-text color="text-base" size="small" bold> 26 | </n8n-text>
<n8n-icon icon="exclamation-triangle" color="danger" />
<n8n-text color="text-base" size="small" bold> 14 </n8n-text>
</div>
<template #content> statistic details </template>
</n8n-tooltip>
</template>
<style lang="scss" scoped>
.statusText {
padding-right: var(--spacing-s);
box-sizing: border-box;
display: inline-block;
text-align: right;
}
.icon {
font-size: var(--font-size-2xs);
width: 12px;
}
</style>