Terminal UX

A diagram and other description of the technical setup can be found here.

Contents

1. Adding the Open Terminal action to the details pane

The Open Terminal action is added to the action list - Note it is first. image goes here Image:Open-Terminal.png

1a. Terminal opens in vacant space to the right

Assuming the space on the right is not meant to be occupied with other info, this arrangement makes sense. Note the action to pop the terminal out into its own window. the best approach would probably be a minimally chromed browser window so the user can take advantage of the native OS window management. Using the overlay lightbox method would seem to be unnecessarily limiting because it is modal. But In the short term this could be a reasonable solution. Image:Term-in-details.png

1b. Terminal opens in another pane

This approach might make more sense if the details and terminal panes could be resized and/ore independently collapsed. Adds complexity of course. Image:Term-in-pane.png

1c. Terminal opens in a new browser window

The terminal opens in a separate browser window with minimal chrome. The idea here is that additinoal terminals opened would collect in one window. 3 terminal instances are shown here. Image:Terminal-tabbed-popup.png

2a. Restyled details pane with tabs - Details

Moves a few things around, details and terminal occupy a tabbed pane. Image:Style2-details.png

2b. Restyled details pane with tabs - Terminal

The terminal tab. Image:Style2-terminal.png

MediaWiki