Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

💡 Feature : add Expand button for wide terminal and compose editor panels #678

Open
wants to merge 9 commits into
base: master
Choose a base branch
from

Conversation

YoanAncelly
Copy link

⚠️⚠️⚠️ Since we do not accept all types of pull requests and do not want to waste your time. Please be sure that you have read pull request rules:
https://github.com/louislam/dockge/blob/master/CONTRIBUTING.md

Tick the checkbox if you understand [x]:

  • I have read and understand the pull request rules.

Description

This PR enhances the terminal expansion functionality across the application. The main changes include:

  1. Added a wide terminal modal view in Terminal.vue component with improved UI/UX
  2. Implemented an expand button in Compose.vue for better code editing experience
  3. Updated socket handling in socket.ts to support multiple terminal instances

Fixes #(no specific issue number provided)

Type of change

  • User interface (UI)
  • New feature (non-breaking change which adds functionality)

Checklist

  • My code follows the style guidelines of this project
  • I ran ESLint and other linters for modified files
  • I have performed a self-review of my own code and tested it
  • I have commented my code, particularly in hard-to-understand areas (including JSDoc for methods)
  • My changes generate no new warnings

Technical Details

The changes include:

Terminal Component (Terminal.vue)

  • Added expandable terminal view with modal overlay
  • Implemented responsive terminal sizing
  • Added button to toggle wide terminal view
  • Improved terminal UI with header controls

Compose View (Compose.vue)

  • Added expand functionality for better code editing
  • Implemented modal view for expanded editor
  • Maintained terminal state during expansion

Socket Management (socket.ts)

  • Updated terminal mapping to support multiple instances
  • Enhanced socket binding for expanded terminal views
  • Improved terminal event handling

These changes improve the overall user experience by providing more flexible and usable terminal and code editing interfaces while maintaining stability and performance.

Screenshots (if any)

Please do not use any external image service. Instead, just paste in or drag and drop the image here, and it will be uploaded automatically.

zen_usMERnRlCd.mp4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant