✨ Implement Wait functionality (#1817)

* refactor saving

* refactor api layer to be stateless

* refactor header details

* set variable for menu height

* clean up scss

* clean up indentation

* clean up dropdown impl

* refactor no tags view

* split away header

* Fix tslint issues

* Refactor tag manager

* add tags to patch request

* clean up scss

* ⚡ Refactor types to entities

* fix issues

* update no workflow error

* clean up tagscontainer

* use getters instead of state

* remove imports

* use custom colors

* clean up tags container

* clean up dropdown

* clean up focusoncreate

* ⚡ Ignore mistaken ID in POST /workflows

* ⚡ Fix undefined tag ID in PATCH /workflows

* ⚡ Shorten response for POST /tags

* remove scss mixins

* clean up imports

* ⚡ Implement validation with class-validator

* address ivan's comments

* implement modals

* Fix lint issues

* fix disabling shortcuts

* fix focus issues

* fix focus issues

* fix focus issues with modal

* fix linting issues

* use dispatch

* use constants for modal keys

* fix focus

* fix lint issues

* remove unused prop

* add modal root

* fix lint issues

* remove unused methods

* fix shortcut

* remove max width

* ⚡ Fix duplicate entry error for pg and MySQL

* update rename messaging

* update order of buttons

* fix firefox overflow on windows

* fix dropdown height

* 🔨 refactor tag crud controllers

* 🧹 remove unused imports

* use variable for number of items

* fix dropdown spacing

* ⚡ Restore type to fix build

* ⚡ Fix post-refactor PATCH /workflows/:id

* ⚡ Fix PATCH /workflows/:id for zero tags

* ⚡ Fix usage count becoming stringified

* address max's comments

* fix filter spacing

* fix blur bug

* address most of ivan's comments

* address tags type concern

* remove defaults

* ⚡ return tag id as string

* 🔨 add hooks to tag CUD operations

* 🏎 simplify timestamp pruning

* remove blur event

* fix onblur bug

* ⚡ Fix fs import to fix build

* address max's comments

* implement responsive tag container

* fix lint issues

* update tag limits

* address ivan's comments

* remove rename, refactor header, implement new designs for save, remove responsive tag container

* update styling

* update styling

* implement responsive tag container

* implement header tags edit

* implement header tags edit

* fix lint issues

* implement expandable input

* minor fixes

* minor fixes

* use variable

* rename save as

* duplicate fixes

* minor edit fixes

* lint fixes

* style fixes

* hook up saving name

* hook up tags

* clean up impl

* fix dirty state bug

* update limit

* update notification messages

* on click outside

* fix minor bug with count

* lint fixes

* handle minor edge cases

* handle minor edge cases

* handle minor bugs; fix firefox dropdown issue

* Fix min width

* apply tags only after api success

* remove count fix

* clean up workflow tags impl, fix tags delete bug

* fix minor issue

* fix minor spacing issue

* disable wrap for ops

* fix viewport root; save on click in dropdown

* save button loading when saving name/tags

* implement max width on tags container

* implement cleaner create experience

* disable edit while updating

* codacy hex color

* refactor tags container

* fix clickability

* fix workflow open and count

* clean up structure

* fix up lint issues

* fix button size

* increase workflow name limit for larger screen

* tslint fixes

* disable responsiveness for workflow modal

* rename event

* change min width for tags

* clean up pr

* address max's comments on styles

* remove success toasts

* add hover mode to name

* minor fixes

* refactor name preview

* fix name input not to jiggle

* finish up name input

* Fix up add tags

* clean up param

* clean up scss

* fix resizing name

* fix resizing name

* fix resize bug

* clean up edit spacing

* ignore on esc

* fix input bug

* focus input on clear

* build

* fix up add tags clickablity

* remove scrollbars

* move into folders

* clean up multiple patch req

* remove padding top from edit

* update tags on enter

* build

* rollout blur on enter behavior

* rollout esc behavior

* fix tags bug when duplicating tags

* move key to reload tags

* update header spacing

* build

* update hex case

* refactor workflow title

* remove unusued prop

* keep focus on error, fix bug on error

* Fix bug with name / tags toggle on error

* fix connection push bug

* :spakles: Implement wait functionality

* 🐛 Do not delete waiting executions with prune

* ⚡ Improve SQLite migration to not lose execution data anymore

* ⚡ Make it possible to restart waiting execution via webhook

* ⚡ Add missing file

* 🐛 Some more merge fixes

* ⚡ Do not show error for Wait-Nodes if in time-mode

* ⚡ Make $executionId available in expressions

* 👕 Fix lint issue

* 👕 Fix lint issue

* 👕 Fix lint issue

* ⚡ Set the unlimited sleep time as a variable

* ⚡ Add also sleeping webhook path to config

* ⚡ Make it possible to retrieve restartUrl in workflow

* ⚡ Add authentication to Wait-Node in Webhook-Mode

* ⚡ Return 404 when trying to restart execution via webhook which does
not support it

* ✨ Make it possible to set absolute time on Wait-Node

* ⚡ Remove not needed imports

* ⚡ Fix description format

* ✨ Implement missing webhook features on Wait-Node

* ⚡ Display webhook variable in NodeWebhooks

* ⚡ Include also date in displayed sleep time

* ⚡ Make it possible to see sleep time on node

* ⚡ Make sure that no executions does get executed twice

* ⚡ Add comment

* ⚡ Further improvements

* ⚡ Make Wait-Node easier to use

* ✨ Add support for "notice" parameter type

* Fixing wait node to work with queue, improved logging and execution view

* Added support for mysql and pg

* ✨ Add support for webhook postfix path

* ✨ Make it possible to stop sleeping executions

* ⚡ Fix issue with webhook paths in not webhook mode

* ⚡ Remove not needed console.log

* ⚡ Update TODOs

* ⚡ Increase min time of workflow staying active to descrease possible issue
with overlap

* 👕 Fix lint issue

* 🐛 Fix issues with webhooks

* ⚡ Make error message clearer

* ⚡ Fix issue with missing execution ID in scaling mode

* Fixed execution list to correctly display waiting executins

* Feature: enable webhook wait workflows to continue after specified time

* Fixed linting

* ⚡ Improve waiting description text

* ⚡ Fix parameter display issue and rename

* ⚡ Remove comment

* ⚡ Do not display webhooks on Wait-Node

* Changed wording from restart to resume on wait node

* Fixed wording and inconsistent screen when changing resume modes

* Removed dots from the descriptions

* Changed docs url and renaming postfix to suffix

* Changed names from sleep to wait

* ⚡ Apply suggestions from ben

Co-authored-by: Ben Hesseldieck <1849459+BHesseldieck@users.noreply.github.com>

* Some fixes by Ben

* ⚡ Remove console.logs

* ⚡ Fixes and improvements

Co-authored-by: Mutasem <mutdmour@gmail.com>
Co-authored-by: Iván Ovejero <ivov.src@gmail.com>
Co-authored-by: Ben Hesseldieck <b.hesseldieck@gmail.com>
Co-authored-by: Ben Hesseldieck <1849459+BHesseldieck@users.noreply.github.com>
Co-authored-by: Omar Ajoue <krynble@gmail.com>

packages/editor-ui/src/components/Node.vue

@@ -9,6 +9,13 @@
 			</div>
 			<el-badge v-else :hidden="workflowDataItems === 0" class="node-info-icon data-count" :value="workflowDataItems"></el-badge>
 
+			<div v-if="waiting" class="node-info-icon waiting">
+				<el-tooltip placement="top" effect="light">
+					<div slot="content" v-html="waiting"></div>
+					<font-awesome-icon icon="clock" />
+				</el-tooltip>
+			</div>
+
 			<div class="node-executing-info" title="Node is executing">
 				<font-awesome-icon icon="sync-alt" spin />
 			</div>
@@ -46,6 +53,7 @@
 <script lang="ts">
 
 import Vue from 'vue';
+import { WAIT_TIME_UNLIMITED } from '@/constants';
 import { externalHooks } from '@/components/mixins/externalHooks';
 import { nodeBase } from '@/components/mixins/nodeBase';
 import { nodeHelpers } from '@/components/mixins/nodeHelpers';
@@ -60,6 +68,8 @@ import NodeIcon from '@/components/NodeIcon.vue';
 
 import mixins from 'vue-typed-mixins';
 
+import { get } from 'lodash';
+
 export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).extend({
 	name: 'Node',
 	components: {
@@ -125,6 +135,22 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
 				return 'play';
 			}
 		},
+		waiting (): string | undefined {
+			const workflowExecution = this.$store.getters.getWorkflowExecution;
+
+			if (workflowExecution && workflowExecution.waitTill) {
+				const lastNodeExecuted = get(workflowExecution, 'data.resultData.lastNodeExecuted');
+				if (this.name === lastNodeExecuted) {
+					const waitDate = new Date(workflowExecution.waitTill);
+					if (waitDate.toISOString() === WAIT_TIME_UNLIMITED) {
+						return 'The node is waiting indefinitely for an incoming webhook call.';
+					}
+					return `Node is waiting till ${waitDate.toLocaleDateString()} ${waitDate.toLocaleTimeString()}`;
+				}
+			}
+
+			return;
+		},
 		workflowRunning (): boolean {
 			return this.$store.getters.isActionActive('workflowRunning');
 		},
@@ -283,12 +309,17 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
 			position: absolute;
 			top: -18px;
 			right: 12px;
-			z-index: 10;
+			z-index: 11;
 
 			&.data-count {
 				font-weight: 600;
 				top: -12px;
 			}
+
+			&.waiting {
+				left: 10px;
+				top: -12px;
+			}
 		}
 
 		.node-issues {
@@ -298,6 +329,13 @@ export default mixins(externalHooks, nodeBase, nodeHelpers, workflowHelpers).ext
 			color: #ff0000;
 		}
 
+		.waiting {
+			width: 25px;
+			height: 25px;
+			font-size: 20px;
+			color: #5e5efa;
+		}
+
 		.node-options {
 			display: none;
 			position: absolute;