Awesome
<h1 align="center">Welcome to cursive-tabs 👋</h1> <p align="center"> <a href="https://github.com/deinstapel/cursive-tabs/actions"> <img src="https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fdeinstapel.github.io%2Fcursive-tabs%2Fstable-build.json" alt="stable build"> </a> <a href="https://github.com/deinstapel/cursive-tabs/actions"> <img src="https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fdeinstapel.github.io%2Fcursive-tabs%2Fnightly-build.json" alt="nightly build"> </a> <a href="https://crates.io/crates/cursive-tabs"> <img alt="crates.io" src="https://img.shields.io/crates/v/cursive-tabs.svg"> </a> <a href="https://docs.rs/cursive-tabs"> <img alt="Docs.rs" src="https://docs.rs/cursive-tabs/badge.svg"> </a> <a href="https://github.com/deinstapel/cursive-tabs/blob/master/LICENSE"> <img alt="GitHub" src="https://img.shields.io/github/license/deinstapel/cursive-tabs.svg"> </a> <a href="http://spacemacs.org"> <img src="https://cdn.rawgit.com/syl20bnr/spacemacs/442d025779da2f62fc86c2082703697714db6514/assets/spacemacs-badge.svg" /> </a> <a href="http://makeapullrequest.com"> <img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"> </a> <br> <i>A tab view wrapper for <a href="https://github.com/gyscos/cursive">gyscos/cursive</a> views</i> </p>This project is work-in-progress
This project provides a wrapper view to be able to easily handle multiple tabs that can be switched to at any time without having to change the order of the views for gyscos/cursive views.
How does it look like? demo
<details>
<summary>Expand to view</summary>
<img src="assets/demo.gif" alt="tabs demo">
</details>
Usage
Simply add to your Cargo.toml
[dependencies]
cursive-tabs = "^0"
Creating a TabPanel
The easiest way to use this crate is by creating a TabPanel
and add your views to it.
In the TabPanel
included is a bar that shows all tabs and allows to switch between them by clicking the desired tab.
Below it is the TabView
showing the current tab.
It can be created by simply calling new on TabPanel
and views and customize it as you want, have a look at the documentation to see all options.
use cursive::views::TextView;
use cursive_tabs::TabPanel;
use cursive::view::Nameable;
let mut siv = cursive::default();
//Create your panel and add tabs
let mut panel = TabPanel::new()
.with_tab(TextView::new("This is the first view!").with_name("First"))
.with_tab(TextView::new("This is the second view!").with_name("Second"));
siv.add_layer(panel);
siv.run();
Creating a TabView
This crate also provides a struct TabView
you can use to add tabs and switch between them, if you do not need a separate bar to switch and e.g. want to switch programmatically.
The TabView
can also be used to create your own Panel/Bar if you want to design your cursive environment a different way.
use cursive::{views::TextView};
use cursive_tabs::TabView;
use cursive::view::Nameable;
let mut siv = cursive::default();
let tabs = TabView::new().with_tab(TextView::new("Our first tab!").with_name("0"));
// We can continue to add as many tabs as we want!
siv.add_layer(tabs);
siv.run();
Look into the documentation for more examples and a detailed explanation.
Creating your own Panel :hammer::construction:
When you create a TabBar
it will more or less look similar to the view e.g. also used in the example. To customize it you then need to create a view, creating a TabBar
and a TabView
events between them can be exchanged e.g. with channels.
Channels have been chosen in this case by us, because they provide the easiest way to communicate between to instances of views in cursive.
To make these channels work you have to create two separate channels transmitting both keys, once for the direction from the bar to the tab view, transmitting keys that have been selected by e.g. buttons, and the other from the tab view to the bar.
An example for such a button would look like this.
let button_tx_clone = button_tx.clone();
let button = Button::new_raw(format!(" {} ", key), move |_| {
match button_tx_clone.send(key) {
Ok(_) => {}
Err(err) => {
debug!("button could not send key: {:?}", err);
}
}
});
To make the TabView
respond to messages over this channel pass the receiving end to the tab view via the method set_bar_rx
.
The other direction can be set by passing the Sender to TabView
via the method set_active_key_tx
. In this channel the currently active is send everytime a switch between tabs occurs. You can use this to register switches in your tab bar.
The rest is depending on how you want to style your panel, but if you have anymore questions or problems have a look at the source of the provided TabPanel
.
Troubleshooting
If you find any bugs/unexpected behaviour or you have a proposition for future changes open an issue describing the current behaviour and what you expected.
Development
Running the tests
Running all test suites
Just run
$ cargo test
to execute all available tests.
Investigating failed tests
In case some test fails with your changes, you can use the cargo-insta
tool to investigate the test case.
To install
$ cargo install cargo-insta
and to run the tests and investigate all failing tests interactively.
$ cargo insta review
Any changes between the expected and received screen will be then displayed.
shields.io endpoints
shields.io endpoints are generated inside the ./target/shields
folder. They are used in this README.
Public API naming
The current public API of this crate is not consistent with RFC 344. This is due to cursive
itself not being
consistent with RFC 344
. This crate tries to implement a smooth user experience for cursive
users. Therefore, the cursive
naming convention was adapted. When cursive
upstream converts
their API to a RFC 344
consistent naming scheme, this crate will adapt to the changes.
Authors
Fin Christensen
<br>:octocat:
@fin-ger
:elephant:@fin_ger@weirder.earth
:bird:@fin_ger_github
Johannes Wünsche
:octocat:
@jwuensche
:elephant:@fredowald@mastodon.social
:bird:@Fredowald
Show your support
Give a :star: if this project helped you!