mirror of
https://github.com/n8n-io/n8n.git
synced 2025-01-10 12:27:31 -08:00
d833345092
* ✨ Added main header tabs with current workflow execution count * ⚡ feat(editor): header tab navigation (no-changelog) (#4244) * ✨ Adding current workflow execution list to the Vuex store * ✨ Updating current workflow executions after running a workflow from the node view * ✨ Keeping the tab view content alive when switching tabs in main header * ✨ Updating main header controls to work with current workflow regardless of active tab * 🐛 Fixing a bug with previous WF executions still visible after creating a new WF * ⚡ Updating saved status when new WF is created * ✨ Implemented initial version of execution perview * ✨ Keeping the WF view alive when switching to executions tab in new navigation * ✨ Implemented executions landing page * ✨ Simplifying node view navigation * ✨ Updating executions view zoom and selection to work with the new layout * ✨ Using N8nRadioButtons component for main header tabs * 💄 Implementing executions page states. Minor refactoring. * ⚡ Merge conflict fixes and pieces of code that were left behind * ⚡ Fixing layout and scrolling changes introduced after sync with master branch * ⚡ Removing keep-alive from node view which broke template opening and some more leftover code * ✔️ Fixing linting errors * ✔️ One more lint error * ⚡ Implemented executions preview using iframes * ⚡ Fixing zoom menu positioning in iframe and adding different loading types to workflow preview * ⚡ Fixing navigation to and from WF templates and template loading * ⚡ Updating and fixing navigation to and from node view * 👌 Addressing previous PR comments * 🐛 Fixing infinite loading when saving a new workflow * 🐛 Handling opening already opened WF when not on Node view * ✨ Implemented empty states for executions view * ⚡ Adding execute button shake flag to the store so it doesn't mess up navigation by modifying route params * 💄 Started adding new styles to execution sidebar * 💄 Adding hover style for execution list * ⚡ Added ExecutionsCard component and added executions helper mixin * ✔️ Fixing leftover conflict * ✔️ One more conflict * ✨ Implemented retry execution menu and manual execution icon. Other minor updates * ✨ Implemented executions filtering * 💄 Updating running executions details in preview * ⚡ Added info accordion to executions sidebar * ✨ Implemented auto-refresh for executions sidebar * 💄 Adding running execution landing page, minor fixes * 💄 General refactoring * ✔️ Adding leftover conflict changes * ✔️ Updating `InfoTip` component test snapshots * ✔️ Fixing linting error * ✔️ Fixing lint errors in vuex store module * 👌 Started addressing review feedback * ⚡ Updating executions preview behaviour when filters are applied * 🐛 Fixing a bug where nodes and connections disappear if something is saved from executions view before loading WF in the main NodeView * 🐛 Fixing pasting in executions view and wrong workflow activator state * ⚡ Improved workflow switching and navigation, updated error message when trying to paste into execution * ⚡ Some more navigation updates * 💄 Fixing tab centering, execution filter button layout, added auto-refresh checkbox * 🐛 Fixing a bug when saving workflow using save button * 💄 Addressing design feedback, added delete execution button * ⚡ Moving main execution logic to the root executions view * ⚡ Implemented execution delete function * ⚡ Updating how switching tabs for new unsaved workflows work * ⚡ Remembering active execution when switching tabs * 💄 Addressing design feedback regarding info accordion * 💄 Updating execution card styling * ⚡ Resetting executions when creating new workflow * Fixing lint error * ⚡ Hiding executions preview is active execution is not in the results. Updated execution list spacing * ⚡ Fixing navigation to and from templates and executions * ⚡ Implemented execution lazy loading and added new background to execution preview * 💄 Disabling import when on executions tab * ⚡ Handling opening executions from different workflow * ⚡ Updating active execution on route change * ⚡ Updating execution tab detection * ⚡ Simplifying and updating navigation. Adding new route for new workflows * ⚡ Updating workflow saving logic to work with new routes * 🐛 Fixing a bug when returning to executions from different workflow * 💄 Updating executions info accordion and node details view modal in execution preview * 💄 Updating workflow activated modal to point to new executions view * ⚡ Implemented opening new executions view from execution modal * ⚡ Handling jsplumb init errors, updating unknown executions style * ⚡ Updating main sidebar after syncing branch * ⚡ Opening new trigger menu from executions view * 💄 Updating sidebar resize behaviour * ✔️ Fixing lint errors * ⚡ Loading executions when mounting executions view * ⚡ Resetting execution data when creating a new workflow * 💄 Minor wording updates * ⚡ Not reloading node view when new workflows are saved * Removing leftover console log * 🐛 Fixed a bug with save dialog not appearing when leaving executions tab * ⚡ Updating manual execution settings detection in info accordion * 💄 Addressing UI issues found during bug bash * Fixing workflow saving logic * ⚡ Preventing navigation if clicked tab is already opened * ⚡ Updating lazy loading behaviour * ⚡ Updating delete executions flow * ⚡ Added retry executions button to the execution preview * ⚡ Adding empty execution state, updating trigger detection logic, removing listeners when node view is not active * 💄 Cosmetic code improvements * ⚡ Trying the performance fix for nodeBase * ⚡ Removing the `NodeBase`fix * 🐛 Fixing a bug when saving the current workflow * 👌 Addressing code review feedback
245 lines
4.1 KiB
TypeScript
245 lines
4.1 KiB
TypeScript
import Vue from 'vue';
|
|
|
|
import { IconDefinition, library } from '@fortawesome/fontawesome-svg-core';
|
|
import {
|
|
faAngleDoubleLeft,
|
|
faAngleDown,
|
|
faAngleLeft,
|
|
faAngleRight,
|
|
faAngleUp,
|
|
faArrowLeft,
|
|
faArrowRight,
|
|
faAt,
|
|
faBook,
|
|
faBoxOpen,
|
|
faBug,
|
|
faBan,
|
|
faCalendar,
|
|
faCheck,
|
|
faCheckCircle,
|
|
faChevronDown,
|
|
faChevronUp,
|
|
faChevronLeft,
|
|
faChevronRight,
|
|
faCode,
|
|
faCodeBranch,
|
|
faCog,
|
|
faCogs,
|
|
faClock,
|
|
faClone,
|
|
faCloud,
|
|
faCloudDownloadAlt,
|
|
faCopy,
|
|
faCube,
|
|
faCut,
|
|
faDotCircle,
|
|
faEdit,
|
|
faEllipsisV,
|
|
faEnvelope,
|
|
faEye,
|
|
faExclamationTriangle,
|
|
faExpand,
|
|
faExpandAlt,
|
|
faExternalLinkAlt,
|
|
faExchangeAlt,
|
|
faFile,
|
|
faFileArchive,
|
|
faFileCode,
|
|
faFileDownload,
|
|
faFileExport,
|
|
faFileImport,
|
|
faFilePdf,
|
|
faFilter,
|
|
faFlask,
|
|
faFolderOpen,
|
|
faGlobeAmericas,
|
|
faGift,
|
|
faGlobe,
|
|
faGraduationCap,
|
|
faGripVertical,
|
|
faHandPointLeft,
|
|
faHdd,
|
|
faHome,
|
|
faHourglass,
|
|
faImage,
|
|
faInbox,
|
|
faInfo,
|
|
faInfoCircle,
|
|
faKey,
|
|
faLink,
|
|
faLightbulb,
|
|
faMapSigns,
|
|
faMousePointer,
|
|
faNetworkWired,
|
|
faPause,
|
|
faPauseCircle,
|
|
faPen,
|
|
faPencilAlt,
|
|
faPlay,
|
|
faPlayCircle,
|
|
faPlug,
|
|
faPlus,
|
|
faPlusCircle,
|
|
faPlusSquare,
|
|
faQuestion,
|
|
faQuestionCircle,
|
|
faRedo,
|
|
faRss,
|
|
faSave,
|
|
faSatelliteDish,
|
|
faSearch,
|
|
faSearchMinus,
|
|
faSearchPlus,
|
|
faServer,
|
|
faSignInAlt,
|
|
faSignOutAlt,
|
|
faSlidersH,
|
|
faSpinner,
|
|
faStop,
|
|
faSun,
|
|
faSync,
|
|
faSyncAlt,
|
|
faTable,
|
|
faTasks,
|
|
faTerminal,
|
|
faThLarge,
|
|
faThumbtack,
|
|
faTimes,
|
|
faTimesCircle,
|
|
faTrash,
|
|
faUndo,
|
|
faUnlink,
|
|
faUser,
|
|
faUserCircle,
|
|
faUserFriends,
|
|
faUsers,
|
|
faVideo,
|
|
faStickyNote as faSolidStickyNote,
|
|
} from '@fortawesome/free-solid-svg-icons';
|
|
import {
|
|
faStickyNote,
|
|
} from '@fortawesome/free-regular-svg-icons';
|
|
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
|
|
|
|
function addIcon(icon: any) { // tslint:disable-line:no-any
|
|
library.add(icon as IconDefinition);
|
|
}
|
|
|
|
addIcon(faAngleDoubleLeft);
|
|
addIcon(faAngleDown);
|
|
addIcon(faAngleLeft);
|
|
addIcon(faAngleRight);
|
|
addIcon(faAngleUp);
|
|
addIcon(faArrowLeft);
|
|
addIcon(faArrowRight);
|
|
addIcon(faAt);
|
|
addIcon(faBan);
|
|
addIcon(faBook);
|
|
addIcon(faBoxOpen);
|
|
addIcon(faBug);
|
|
addIcon(faCalendar);
|
|
addIcon(faCheck);
|
|
addIcon(faCheckCircle);
|
|
addIcon(faChevronLeft);
|
|
addIcon(faChevronRight);
|
|
addIcon(faChevronDown);
|
|
addIcon(faChevronUp);
|
|
addIcon(faCode);
|
|
addIcon(faCodeBranch);
|
|
addIcon(faCog);
|
|
addIcon(faCogs);
|
|
addIcon(faClock);
|
|
addIcon(faClone);
|
|
addIcon(faCloud);
|
|
addIcon(faCloudDownloadAlt);
|
|
addIcon(faCopy);
|
|
addIcon(faCube);
|
|
addIcon(faCut);
|
|
addIcon(faDotCircle);
|
|
addIcon(faGripVertical);
|
|
addIcon(faEdit);
|
|
addIcon(faEllipsisV);
|
|
addIcon(faEnvelope);
|
|
addIcon(faEye);
|
|
addIcon(faExclamationTriangle);
|
|
addIcon(faExpand);
|
|
addIcon(faExpandAlt);
|
|
addIcon(faExternalLinkAlt);
|
|
addIcon(faExchangeAlt);
|
|
addIcon(faFile);
|
|
addIcon(faFileArchive);
|
|
addIcon(faFileCode);
|
|
addIcon(faFileDownload);
|
|
addIcon(faFileExport);
|
|
addIcon(faFileImport);
|
|
addIcon(faFilePdf);
|
|
addIcon(faFilter);
|
|
addIcon(faFlask);
|
|
addIcon(faFolderOpen);
|
|
addIcon(faGift);
|
|
addIcon(faGlobe);
|
|
addIcon(faGlobeAmericas);
|
|
addIcon(faGraduationCap);
|
|
addIcon(faHandPointLeft);
|
|
addIcon(faHdd);
|
|
addIcon(faHome);
|
|
addIcon(faHourglass);
|
|
addIcon(faImage);
|
|
addIcon(faInbox);
|
|
addIcon(faInfo);
|
|
addIcon(faInfoCircle);
|
|
addIcon(faKey);
|
|
addIcon(faLink);
|
|
addIcon(faLightbulb);
|
|
addIcon(faMapSigns);
|
|
addIcon(faMousePointer);
|
|
addIcon(faNetworkWired);
|
|
addIcon(faPause);
|
|
addIcon(faPauseCircle);
|
|
addIcon(faPen);
|
|
addIcon(faPencilAlt);
|
|
addIcon(faPlay);
|
|
addIcon(faPlayCircle);
|
|
addIcon(faPlug);
|
|
addIcon(faPlus);
|
|
addIcon(faPlusCircle);
|
|
addIcon(faPlusSquare);
|
|
addIcon(faQuestion);
|
|
addIcon(faQuestionCircle);
|
|
addIcon(faRedo);
|
|
addIcon(faRss);
|
|
addIcon(faSave);
|
|
addIcon(faSatelliteDish);
|
|
addIcon(faSearch);
|
|
addIcon(faSearchMinus);
|
|
addIcon(faSearchPlus);
|
|
addIcon(faServer);
|
|
addIcon(faSignInAlt);
|
|
addIcon(faSignOutAlt);
|
|
addIcon(faSlidersH);
|
|
addIcon(faSpinner);
|
|
addIcon(faSolidStickyNote);
|
|
addIcon(faStickyNote);
|
|
addIcon(faStop);
|
|
addIcon(faSun);
|
|
addIcon(faSync);
|
|
addIcon(faSyncAlt);
|
|
addIcon(faTable);
|
|
addIcon(faTasks);
|
|
addIcon(faTerminal);
|
|
addIcon(faThLarge);
|
|
addIcon(faThumbtack);
|
|
addIcon(faTimes);
|
|
addIcon(faTimesCircle);
|
|
addIcon(faTrash);
|
|
addIcon(faUndo);
|
|
addIcon(faUnlink);
|
|
addIcon(faUser);
|
|
addIcon(faUserCircle);
|
|
addIcon(faUserFriends);
|
|
addIcon(faUsers);
|
|
addIcon(faVideo);
|
|
|
|
Vue.component('font-awesome-icon', FontAwesomeIcon);
|
|
|