feat(editor): block UI in NDV when workflow is listening to events (#4390)

* feature: block UI in NDV when workflow is listening to events

* feature: hide stop listening button in parameters pane and show stop listening button in input pane for webhook

* feature: create block UI design system component

* fix: add back accidentally removed prop

* fix(editor): extend node settings event listener button functionality

* refactor(editor): using composition API in BlockUi component
This commit is contained in:
Csaba Tuncsik
2022-10-31 18:59:53 +01:00
committed by GitHub
parent 7563d450f9
commit 6c2c621f1d
12 changed files with 151 additions and 19 deletions

View File

@@ -77,6 +77,7 @@
:readOnly="isReadOnly"
:renaming="renamingActive"
@valueChanged="valueChanged"
@stopExecution="stopExecution"
/>
<node-creation
v-if="!isReadOnly"
@@ -120,15 +121,15 @@
class="stop-execution" type="secondary" :title="stopExecutionInProgress
? $locale.baseText('nodeView.stoppingCurrentExecution')
: $locale.baseText('nodeView.stopCurrentExecution')
" :loading="stopExecutionInProgress" @click.stop="stopExecution()" />
" :loading="stopExecutionInProgress" @click.stop="stopExecution" />
<n8n-icon-button v-if="workflowRunning === true && executionWaitingForWebhook === true" class="stop-execution"
icon="stop" size="large" :title="$locale.baseText('nodeView.stopWaitingForWebhookCall')" type="secondary"
@click.stop="stopWaitingForWebhook()" />
@click.stop="stopWaitingForWebhook" />
<n8n-icon-button v-if="!isReadOnly && workflowExecution && !workflowRunning && !allTriggersDisabled"
:title="$locale.baseText('nodeView.deletesTheCurrentExecutionData')" icon="trash" size="large"
@click.stop="clearExecutionData()" />
@click.stop="clearExecutionData" />
</div>
</div>
</div>