Option to use vertical tabs instead of horizontal tabs

zifeo / whiz

Modern DAG/tasks runner for multi-platform monorepos with live reloading, env management, pipes, and more in a tabbed view.

https://metatype.dev/docs/reference/ecosystem?utm_source=github&utm_medium=about&utm_campaign=whiz

Mozilla Public License 2.0

19 stars 14 forks source link

Option to use vertical tabs instead of horizontal tabs #95

Closed zifeo closed 10 months ago

Darioazzali commented 10 months ago

Since ratatui doesn't provide a way to stack the Tabs title in a vertical way a solution could be to implement a wrapper on the List (stateful List) and Tabs that draws (render) differently based on the selected orientation. Here there is a minimal example with the basic Listwidget: try This example still does not have the select feature on the list. A question would be if the key bindings should change too as the k, j are used to scroll the task content.

zifeo commented 10 months ago

@Darioazzali good progress, a few ideas to answer :

maybe this should support modes like vim (menu and show) to switch between what is moved
even if the menu is vertical keeping lateral arrows sound ok
do forget to manage cases with the text is longer than the allowed width (most of the screen should be for logs and minimise the menu
a key to switch between the 2 modes

Darioazzali commented 10 months ago

Perfect @zifeo , thanks for your reply:

Perfect, love vim, everything that resembles it’s fantastic.
Ok.
If I’ve understood you mean the log content. If this is the case the text wrap as layout changes and/or the menu disappear so will be not a problem.
For switching from Menu mode to Show mode I’ve simply put ‘m’ and ‘tab’ for changing layout between horizontal and vertical. Here you have a simple gif/demo I've simply replaced the logs with custom mocks. Waiting for feedback

zifeo commented 10 months ago

@Darioazzali Looks good!