mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
98ec23544b
* add menu item
* implement versions modal
* fix up modal
* clean up badges
* implement key features
* fix up spacing
* add error message
* add notification icon
* fix notification
* fix bug when no updates
* address lint issues
* address multi line nodes
* add closing animation
* keep drawer open
* address design feedback
* address badge styling
* use grid for icons
* update cli to return version information
* set env variables
* add scss color variables
* address comments
* fix lint issue
* handle edge cases
* update scss variables, spacing
* update spacing
* build
* override top value for theme
* bolden version
* update config
* check endpoint exists
* handle long names
* set dates
* set title
* fix bug
* update warning
* remove unused component
* refactor components
* add fragments
* inherit styles
* fix icon size
* fix lint issues
* add cli dep
* address comments
* handle network error
* address empty case
* Revert "address comments"
480f969e07
* remove dependency
* build
* update variable names
* update variable names
* refactor verion card
* split out variables
* clean up impl
* clean up scss
* move from nodeview
* refactor out gift notification icon
* fix lint issues
* clean up variables
* update scss variables
* update info url
* Add instanceId to frontendSettings
* Use createHash from crypto module
* Add instanceId to store & send it as http header
* Fix lintings
* Fix interfaces & apply review changes
* Apply review changes
* add console message
* update text info
* update endpoint
* clean up interface
* address comments
* cleanup todo
* Update packages/cli/config/index.ts
Co-authored-by: Ben Hesseldieck <1849459+BHesseldieck@users.noreply.github.com>
* update console message
* ⚡ Display node-name on hover
* ⚡ Formatting fix
Co-authored-by: MedAliMarz <servfrdali@yahoo.fr>
Co-authored-by: Ben Hesseldieck <1849459+BHesseldieck@users.noreply.github.com>
Co-authored-by: Jan Oberhauser <jan.oberhauser@gmail.com>
87 lines
1.6 KiB
Vue
87 lines
1.6 KiB
Vue
<template functional>
|
|
<div :class="{[$style['node-item']]: true, [$style.bordered]: props.bordered}">
|
|
<NodeIcon :class="$style['node-icon']" :nodeType="props.nodeType" />
|
|
<div>
|
|
<div :class="$style.details">
|
|
<span :class="$style.name">{{props.nodeType.displayName}}</span>
|
|
<span :class="$style['trigger-icon']">
|
|
<TriggerIcon v-if="$options.isTrigger(props.nodeType)" />
|
|
</span>
|
|
</div>
|
|
<div :class="$style.description">
|
|
{{props.nodeType.description}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
|
|
import Vue from 'vue';
|
|
import { INodeTypeDescription } from 'n8n-workflow';
|
|
|
|
import NodeIcon from '../NodeIcon.vue';
|
|
import TriggerIcon from '../TriggerIcon.vue';
|
|
|
|
Vue.component('NodeIcon', NodeIcon);
|
|
Vue.component('TriggerIcon', TriggerIcon);
|
|
|
|
export default {
|
|
props: [
|
|
'active',
|
|
'filter',
|
|
'nodeType',
|
|
'bordered',
|
|
],
|
|
isTrigger (nodeType: INodeTypeDescription): boolean {
|
|
return nodeType.group.includes('trigger');
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" module>
|
|
.node-item {
|
|
padding: 11px 8px 11px 0;
|
|
margin-left: 15px;
|
|
margin-right: 12px;
|
|
display: flex;
|
|
|
|
&.bordered {
|
|
border-bottom: 1px solid $--node-creator-border-color;
|
|
}
|
|
}
|
|
|
|
.details {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.node-icon {
|
|
min-width: 26px;
|
|
max-width: 26px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.name {
|
|
font-weight: bold;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.description {
|
|
margin-top: 2px;
|
|
font-size: 11px;
|
|
line-height: 16px;
|
|
font-weight: 400;
|
|
color: $--node-creator-description-color;
|
|
}
|
|
|
|
.trigger-icon {
|
|
height: 16px;
|
|
width: 16px;
|
|
display: flex;
|
|
}
|
|
|
|
</style>
|