Status Desktop client made in Nim & QML
https://status.app
a1e721bfc3
This commit introduces a new `StatusAppNavBar` component that can be used
to create a Status application's tab bar for dedicated tab sections such as
chat, profile, wallet etc.
The component is build in a way that it support declarative and imperative usage
where necessary.
In its most simple form, a `StatusAppNavBar` comes with a single tab button
for the chat section. Such button has to be of type `StatusNavBarTabButton`:
```qml
import StatusQ.Layout 0.1
StatusAppNavBar {
navBarChatButton: StatusNavBarTabButton {
icon.name: "chat"
badge.value: 33
badge.visible: true
tooltip.text: "Chat"
}
}
```
In addition, it's possible to specify a list of `StatusNavBarTabButton` for
other sections of the application using the `navBarTabButtons` property:
```qml
StatusAppNavBar {
...
navBarTabButtons: [
StatusNavBarTabButton {
icon.name: "wallet"
tooltip.text: "Wallet"
},
StatusNavBarTabButton {
icon.name: "browser"
tooltip.text: "Browser"
},
StatusNavBarTabButton {
icon.name: "status-update"
tooltip.text: "Timeline"
}
]
}
```
Lastly, when desired to render tabs for Status community, which can grow
in size, `StatusAppNavBar` exposes a list via the `navBarCommunityTabButtons`
property that can have a `model` and a `delegate`. The `delegate` should also
be a `StatusNavBarTabButton`:
```qml
StatusAppNavBar {
...
navBarCommunityTabButtons.model: someModel.communities
navBarCommunityTabButtons.delegate: StatusNavBarTabButton {
name: model.name
tooltip.text: model.name
anchors.horizontalCenter: parent.horizontalCenter
}
}
```
The amount of community tab buttons can grow as they need until their dedicated
area becomes scrollable, at which point all `navBarTabButtons` will stick to the
bottom of `StatusAppNavBar`.
Closes #18
|
||
|---|---|---|
| .github | ||
| app | ||
| ci | ||
| cmake | ||
| libs | ||
| resources | ||
| scripts | ||
| spellchecking@f1a88d1147 | ||
| src | ||
| test | ||
| test-scripts | ||
| ui | ||
| vendor | ||
| .clang-format | ||
| .clang-tidy | ||
| .gitignore | ||
| .gitmodules | ||
| .npmrc | ||
| .yarnrc | ||
| AppRun | ||
| AppRun-cpp | ||
| CMakeLists.txt | ||
| I18N.md | ||
| Info.dev.plist | ||
| Info.plist | ||
| LICENSE.md | ||
| Makefile | ||
| QtWebEngineProcess.plist | ||
| README.md | ||
| VERSION | ||
| build-linux.sh | ||
| cacert.pem | ||
| conanfile.txt | ||
| config.nims | ||
| docker-linux-app-image.sh | ||
| env.sh | ||
| fleets.json | ||
| nim-status.desktop | ||
| nim.cfg | ||
| nim_status_client.nimble | ||
| package-lock.json | ||
| package.json | ||
| screenshot.png | ||
| status-dev.icns | ||
| status-dev.svg | ||
| status-macos-dev.svg | ||
| status-macos.ico | ||
| status-macos.svg | ||
| status.desktop | ||
| status.icns | ||
| status.ico | ||
| status.iss | ||
| status.svg | ||
| windows-install.txt | ||
README.md
Status-desktop
Desktop client for the Status Network built with Nim and Qt
Dev Docs: https://hackmd.io/@status-desktop/B1naRjxh_/https%3A%2F%2Fhackmd.io%2F%40status-desktop%2FB1eOaf-nd