n8n/packages/editor-ui/src
Elias Meire 071e6d6b6e
feat(editor): Add fullscreen view to code editor (#8084)
## Summary

<img width="1240" alt="image"
src="https://github.com/n8n-io/n8n/assets/8850410/2819f4ce-c343-431a-8a88-a1bc9c4b572a">
<img width="2649" alt="image"
src="https://github.com/n8n-io/n8n/assets/8850410/36862aaf-cc4c-4668-bdc8-cf5a6f00babe">

1. Add code node and open it
3. Click the fullscreen button in the bottom right
4. A fullscreen dialog should appear and allow editing the code
5. Changes made in the fullscreen dialog should be applied to the
original code editor when closed

It should work the same way for HTML/SQL/JSON editors

⚠️ Modal layout was updated so that modals/dialogs are centered, try to
test some modals

## Related tickets and issues
https://linear.app/n8n/issue/NODE-1009/add-fullscreen-view-to-code-node



## Review / Merge checklist
- [ ] 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.
- [ ] 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.

---------

Co-authored-by: Giulio Andreini <andreini@netseven.it>
2024-01-04 17:23:24 +01:00
..
__tests__ fix(editor): Move versions check to init function and refactor store (no-changelog) (#8067) 2023-12-20 12:49:40 +02:00
api fix(core): Better input validation for the changeRole endpoint (#8189) 2024-01-03 09:33:35 +01:00
assets/images feat: External Secrets storage for credentials (#6477) 2023-08-25 10:33:46 +02:00
components feat(editor): Add fullscreen view to code editor (#8084) 2024-01-04 17:23:24 +01:00
composables feat(editor): Migrate pinData mixin to usePinnedData composable (no-changelog) (#8207) 2024-01-04 11:22:56 +02:00
event-bus feat(core): Add support for building LLM applications (#7235) 2023-10-02 17:33:43 +02:00
hooks fix(editor): Fix dialogVisibleChanged hooks event when meta.value is undefined (no-changelog) (#7986) 2023-12-14 13:13:02 +02:00
mixins feat(editor): Migrate pinData mixin to usePinnedData composable (no-changelog) (#8207) 2024-01-04 11:22:56 +02:00
models refactor: Run lintfix (no-changelog) (#7537) 2023-10-27 14:15:02 +02:00
plugins feat(editor): Migrate copyPaste mixin to composables (no-changelog) (#8179) 2023-12-29 12:13:24 +02:00
rbac fix(editor): Replace isInstanceOwner checks with scopes where applicable (#7858) 2023-12-04 10:02:54 +01:00
stores fix(editor): Only load suggested templates for owners (#8228) 2024-01-04 10:19:25 -05:00
styles feat(editor): Migrate copyPaste mixin to composables (no-changelog) (#8179) 2023-12-29 12:13:24 +02:00
types fix(editor): Replace isInstanceOwner checks with scopes where applicable (#7858) 2023-12-04 10:02:54 +01:00
utils fix: Fix template credential setup for nodes that dont have credentials (#8208) 2024-01-04 10:21:36 +02:00
views feat(editor): Migrate pinData mixin to usePinnedData composable (no-changelog) (#8207) 2024-01-04 11:22:56 +02:00
App.vue refactor(editor): Improve linting for component and prop names (no-changelog) (#8169) 2023-12-28 09:49:58 +01:00
constants.ts feat(core): Improvements/overhaul for nodes working with binary data (#7651) 2024-01-03 13:08:16 +02:00
init.ts fix(editor): Move versions check to init function and refactor store (no-changelog) (#8067) 2023-12-20 12:49:40 +02:00
Interface.ts feat(editor): Add template Id to workflow metadata (#8088) 2023-12-22 15:07:05 +01:00
main.ts feat(editor): Migrate copyPaste mixin to composables (no-changelog) (#8179) 2023-12-29 12:13:24 +02:00
n8n-theme-variables.scss refactor(editor): Color palette updates, introduce dark mode (#6980) 2023-11-01 13:33:36 +01:00
n8n-theme.scss feat(editor): Add fullscreen view to code editor (#8084) 2024-01-04 17:23:24 +01:00
permissions.ts fix(editor): Add back credential use permission (#8023) 2023-12-14 13:36:36 +01:00
router.ts fix: Show public API upgrade CTA when feature is not enabled (#8109) 2023-12-21 09:06:54 -05:00
shims-vue.d.ts feat(editor): Migrate Design System and Editor UI to Vue 3 (#6476) 2023-07-28 09:51:07 +02:00
shims.d.ts fix(editor): Remove n8nHooksNext flag (no-changelog) (#7733) 2023-11-17 14:44:28 +01:00