jquery.terminal icon indicating copy to clipboard operation
jquery.terminal copied to clipboard

Add docking window extension

Open jcubic opened this issue 3 years ago • 8 comments

I have an idea for a new feature for jQuery Terminal

Include with the package:

Ref: https://codepen.io/jcubic/pen/ExwpEwB?editors=0110

API:

$.terminal.docking(function(command, term) {

}, { options });

alternative:

$.terminal.docking({ options }).terminal(...);

And docking will return div inside the container for adding the terminal.

An additional option will be the initial state, docking: boolean;

TODO:

  • [ ] Add resize from LIPS bookmark
  • [ ] Add event onClose
  • [ ] Add option buttons to allow different icons, the default will be: minimize and close.
  • [x] Create CodePen demo

jcubic avatar Sep 12 '22 18:09 jcubic

Hey can I contribute to this issue .I am a first year undergrad and want to start my opensource journey

Adarsh-Dhar avatar Oct 03 '23 09:10 Adarsh-Dhar

Sure

jcubic avatar Oct 03 '23 11:10 jcubic

@Adarsh-Dhar Do you need help?

jcubic avatar Oct 04 '23 09:10 jcubic

can you list what all techstack i need to know for this issue.I already know html , css, js, react., jQuery

Adarsh-Dhar avatar Oct 04 '23 16:10 Adarsh-Dhar

JavaScript, CSS, HTML, jQuery

jcubic avatar Oct 04 '23 16:10 jcubic

also could you please elaborate what i have to do

Adarsh-Dhar avatar Oct 04 '23 16:10 Adarsh-Dhar

You need to take the code that is in the links in the issue and put it together. You can start by using one of the files in js directory as base, because you need UMD module definition in the file.

jcubic avatar Oct 04 '23 18:10 jcubic

Working Window Docking demo with localStorage persistance

It's better to name the extension window() because docking({ docking: true }) would look odd.

jcubic avatar Dec 29 '23 19:12 jcubic