feat(editor): Add node execution status indicator to output panel (#8124)

## Summary
Adding node execution status indicator to the output panel ([Figma
HiFi](https://www.figma.com/file/iUduV3M4W5wZT7Gw5vgDn1/NDV-output-pane-success-state)).

## Related tickets and issues
Fixes ADO-480

## Review / Merge checklist
- [x] PR title and summary are descriptive. **Remember, the title
automatically goes into the changelog. Use `(no-changelog)` otherwise.**
([conventions](https://github.com/n8n-io/n8n/blob/master/.github/pull_request_title_conventions.md))
- [ ] [Docs updated](https://github.com/n8n-io/n8n-docs) or follow-up
ticket created.
- [x] Tests included.
> A bug is not considered fixed, unless a test is added to prevent it
from happening again.
   > A feature is not complete without tests.
This commit is contained in:
Milorad FIlipović
2023-12-22 12:50:36 +01:00
committed by GitHub
parent 3a881be6c2
commit ab74bade05
12 changed files with 135 additions and 56 deletions

View File

@@ -36,27 +36,12 @@
{{ $locale.baseText(outputPanelEditMode.enabled ? 'ndv.output.edit' : 'ndv.output') }}
</span>
<RunInfo
v-if="!hasPinData && runsCount === 1"
v-if="hasNodeRun && !hasPinData && runsCount === 1"
v-show="!outputPanelEditMode.enabled"
:taskData="runTaskData"
:hasStaleData="staleData"
:hasPinData="hasPinData"
/>
<n8n-info-tip
theme="warning"
type="tooltip"
tooltipPlacement="right"
v-if="hasNodeRun && staleData"
>
<span
v-html="
$locale.baseText(
hasPinData
? 'ndv.output.staleDataWarning.pinData'
: 'ndv.output.staleDataWarning.regular',
)
"
></span>
</n8n-info-tip>
</div>
</template>
@@ -352,6 +337,7 @@ export default defineComponent({
}
.titleSection {
display: flex;
align-items: center;
> * {
margin-right: var(--spacing-2xs);