fix(editor): Feature/table reskin (no-changelog) (#13817)

packages/frontend/editor-ui/src/plugins/i18n/locales/en.json

@@ -773,10 +773,12 @@
 	"executionsList.showMessage.retrySuccessfulTrue.title": "Retry successful",
 	"executionsList.showMessage.stopExecution.message": "Execution ID {activeExecutionId}",
 	"executionsList.showMessage.stopExecution.title": "Execution stopped",
-	"executionsList.startedAt": "Started At",
+	"executionsList.startedAt": "Started",
+	"executionsList.trigger": "Triggered by",
+	"executionsList.runTime": "Run time",
 	"executionsList.startingSoon": "Starting soon",
-	"executionsList.started": "{date} at {time}",
-	"executionsList.id": "Execution ID",
+	"executionsList.started": "{date}, {time}",
+	"executionsList.id": "Exec. ID",
 	"executionsList.status": "Status",
 	"executionsList.statusCanceled": "Canceled",
 	"executionsList.statusText": "{status} in {time}",

packages/frontend/editor-ui/src/plugins/icons/custom.ts

@@ -60,3 +60,75 @@ export const faTriangle: IconDefinition = {
 		'M214.433 56C232.908 23.9999 279.096 24.0001 297.571 56L477.704 368C496.18 400 473.085 440 436.135 440H75.8685C38.918 440 15.8241 400 34.2993 368L214.433 56ZM256.002 144L131.294 360H380.709L256.002 144Z',
 	],
 };
+
+export const statusCompleted: IconDefinition = {
+	prefix: 'fas',
+	iconName: 'status-completed' as IconName,
+	icon: [
+		14,
+		14,
+		[],
+		'',
+		'M 14 7 C 14 10.866 10.866 14 7 14 C 3.134 14 0 10.866 0 7 C 0 3.134 3.134 0 7 0 C 10.866 0 14 3.134 14 7 Z M 2.575 7.728 L 5.782 10.935 L 11.489 5.228 L 10.075 3.814 L 5.782 8.107 L 3.989 6.314 L 2.575 7.728 Z',
+	],
+};
+
+export const statusWaiting: IconDefinition = {
+	prefix: 'fas',
+	iconName: 'status-waiting' as IconName,
+	icon: [
+		14,
+		14,
+		[],
+		'',
+		'M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM7 12C4.23858 12 2 9.76142 2 7C2 4.23858 4.23858 2 7 2C9.76142 2 12 4.23858 12 7C12 9.76142 9.76142 12 7 12ZM6 3V8H11C11 5.23858 8.76142 3 6 3Z',
+	],
+};
+
+export const statusError: IconDefinition = {
+	prefix: 'fas',
+	iconName: 'status-error' as IconName,
+	icon: [
+		14,
+		14,
+		[],
+		'',
+		'M 4.207 2.793 L 7 5.586 L 9.793 2.793 L 11.207 4.207 L 8.414 7 L 11.207 9.793 L 9.793 11.207 L 7 8.414 L 4.207 11.207 L 2.793 9.793 L 5.586 7 L 2.793 4.207 L 4.207 2.793 Z M 7 0 C 3.134 0 0 3.134 0 7 C 0 10.866 3.134 14 7 14 C 10.866 14 14 10.866 14 7 C 14 3.134 10.866 0 7 0 Z',
+	],
+};
+
+export const statusCanceled: IconDefinition = {
+	prefix: 'fas',
+	iconName: 'status-canceled' as IconName,
+	icon: [
+		14,
+		14,
+		[],
+		'',
+		'M 14 7 C 14 10.866 10.866 14 7 14 C 3.134 14 0 10.866 0 7 C 0 3.134 3.134 0 7 0 C 10.866 0 14 3.134 14 7 Z M 11.243 6 L 2.758 6 L 2.758 8 L 11.243 8 L 11.243 6 Z',
+	],
+};
+
+export const statusNew: IconDefinition = {
+	prefix: 'fas',
+	iconName: 'status-new' as IconName,
+	icon: [
+		14,
+		14,
+		[],
+		'',
+		'M 14 7.006 C 14 8.867 13.162 10.744 11.95 11.956 C 10.738 13.168 8.861 14.006 7 14.006 C 5.139 14.006 3.262 13.168 2.05 11.956 C 0.838 10.744 0 8.867 0 7.006 C 0 5.145 0.838 3.268 2.05 2.056 C 3.262 0.844 5.139 0.006 7 0.006 C 8.861 0.006 10.738 0.844 11.95 2.056 C 13.162 3.268 14 5.145 14 7.006 Z M 10.536 3.47 C 9.576 2.511 8.453 2.006 7 2.006 C 5.547 2.006 4.424 2.511 3.464 3.47 C 2.505 4.43 2 5.553 2 7.006 C 2 8.459 2.505 9.582 3.464 10.542 C 4.424 11.501 5.547 12.006 7 12.006 C 8.453 12.006 9.576 11.501 10.536 10.542 C 11.495 9.582 12 8.459 12 7.006 C 12 5.553 11.495 4.43 10.536 3.47 Z',
+	],
+};
+
+export const statusUnknown: IconDefinition = {
+	prefix: 'fas',
+	iconName: 'status-unknown' as IconName,
+	icon: [
+		14,
+		14,
+		[],
+		'',
+		'M13.8668 8.36613L11.9048 7.978C11.967 7.66329 12 7.33649 12 7C12 6.66351 11.967 6.3367 11.9048 6.022L13.8668 5.63387C13.9542 6.07571 14 6.5325 14 7C14 7.4675 13.9542 7.92429 13.8668 8.36613ZM12.821 3.11069L11.159 4.22333C10.7934 3.67721 10.3228 3.2066 9.77667 2.84098L10.8893 1.17904C11.6527 1.6901 12.3099 2.34733 12.821 3.11069ZM8.36613 0.133238L7.978 2.09521C7.66329 2.03296 7.33649 2 7 2C6.66351 2 6.3367 2.03296 6.022 2.09521L5.63387 0.133238C6.07571 0.0458286 6.5325 0 7 0C7.4675 0 7.92429 0.0458285 8.36613 0.133238ZM3.11069 1.17904L4.22333 2.84098C3.67721 3.2066 3.2066 3.67721 2.84098 4.22333L1.17904 3.11069C1.6901 2.34733 2.34733 1.6901 3.11069 1.17904ZM0.133238 5.63387C0.0458285 6.07571 0 6.5325 0 7C0 7.4675 0.0458286 7.92429 0.133238 8.36613L2.09521 7.978C2.03296 7.6633 2 7.33649 2 7C2 6.66351 2.03296 6.33671 2.09521 6.022L0.133238 5.63387ZM1.17904 10.8893L2.84098 9.77667C3.2066 10.3228 3.67721 10.7934 4.22333 11.159L3.11069 12.821C2.34733 12.3099 1.6901 11.6527 1.17904 10.8893ZM5.63387 13.8668L6.022 11.9048C6.33671 11.967 6.66351 12 7 12C7.33649 12 7.6633 11.967 7.978 11.9048L8.36613 13.8668C7.92429 13.9542 7.4675 14 7 14C6.5325 14 6.07571 13.9542 5.63387 13.8668ZM10.8893 12.821L9.77667 11.159C10.3228 10.7934 10.7934 10.3228 11.159 9.77667L12.821 10.8893C12.3099 11.6527 11.6527 12.3099 10.8893 12.821Z',
+	],
+};

packages/frontend/editor-ui/src/plugins/icons/index.ts

@@ -172,7 +172,19 @@ import {
 	faMinusCircle,
 	faAdjust,
 } from '@fortawesome/free-solid-svg-icons';
-import { faVariable, faXmark, faVault, faRefresh, faTriangle } from './custom';
+import {
+	faVariable,
+	faXmark,
+	faVault,
+	faRefresh,
+	faTriangle,
+	statusCompleted,
+	statusWaiting,
+	statusError,
+	statusCanceled,
+	statusNew,
+	statusUnknown,
+} from './custom';
 import { faStickyNote } from '@fortawesome/free-regular-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
@@ -357,6 +369,13 @@ export const FontAwesomePlugin: Plugin = {
 		addIcon(faRefresh);
 		addIcon(faMinusCircle);
 		addIcon(faAdjust);
+		// statuses
+		addIcon(statusCompleted);
+		addIcon(statusWaiting);
+		addIcon(statusError);
+		addIcon(statusCanceled);
+		addIcon(statusNew);
+		addIcon(statusUnknown);
 
 		app.component('FontAwesomeIcon', FontAwesomeIcon);
 	},