mirror of
https://github.com/status-im/consul.git
synced 2025-01-10 05:45:46 +00:00
5fb9df1640
* Adding explicit MPL license for sub-package This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Adding explicit MPL license for sub-package This directory and its subdirectories (packages) contain files licensed with the MPLv2 `LICENSE` file in this directory and are intentionally licensed separately from the BSL `LICENSE` file at the root of this repository. * Updating the license from MPL to Business Source License Going forward, this project will be licensed under the Business Source License v1.1. Please see our blog post for more details at <Blog URL>, FAQ at www.hashicorp.com/licensing-faq, and details of the license at www.hashicorp.com/bsl. * add missing license headers * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 * Update copyright file headers to BUSL-1.1 --------- Co-authored-by: hashicorp-copywrite[bot] <110428419+hashicorp-copywrite[bot]@users.noreply.github.com>
90 lines
1.9 KiB
JavaScript
90 lines
1.9 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import Component from '@glimmer/component';
|
|
import { tracked } from '@glimmer/tracking';
|
|
import { hrefTo } from 'consul-ui/helpers/href-to';
|
|
|
|
/**
|
|
* A class that encapsulates the data abstraction that we expect the TabNav to
|
|
* be passed as `@items`.
|
|
*
|
|
* You can use this class when you want to create tab-nav from javascript.
|
|
*
|
|
* Instead of doing this in the template layer:
|
|
*
|
|
* ```handlebars
|
|
* <TabNav @items={{array
|
|
* (hash
|
|
* label="First Tab"
|
|
* href=(href-to "some.route")
|
|
* selected=(is-href "some.route")
|
|
* )
|
|
* (hash
|
|
* label="Second Tab"
|
|
* href=(href-to "some.route")
|
|
* selected=(is-href "some.route")
|
|
* )
|
|
* }}
|
|
* ```
|
|
*
|
|
* You can do the following in a js-file:
|
|
*
|
|
* ```javascript
|
|
* export default class WootComponent extends Component {
|
|
* // ...
|
|
* get tabs() {
|
|
* const { router } = this;
|
|
* const owner = getOwner(this);
|
|
* return [
|
|
* new Tab({
|
|
* label: 'First Tab',
|
|
* route: 'some.route',
|
|
* currentRouteName: router.currentRouteName,
|
|
* owner
|
|
* }),
|
|
* // ...
|
|
* ];
|
|
* }
|
|
* }
|
|
* ```
|
|
*
|
|
*/
|
|
export class Tab {
|
|
@tracked route;
|
|
@tracked label;
|
|
@tracked tooltip;
|
|
@tracked currentRouteName;
|
|
|
|
constructor(opts) {
|
|
const { currentRouteName, route, label, tooltip, owner } = opts;
|
|
|
|
this.currentRouteName = currentRouteName;
|
|
this.owner = owner;
|
|
this.route = route;
|
|
this.label = label;
|
|
this.tooltip = tooltip;
|
|
}
|
|
|
|
get selected() {
|
|
return this.currentRouteName === this.route;
|
|
}
|
|
|
|
get href() {
|
|
return hrefTo(this.owner, [this.route]);
|
|
}
|
|
}
|
|
|
|
function noop() {}
|
|
export default class TabNav extends Component {
|
|
get onClick() {
|
|
return this.args.onclick || noop;
|
|
}
|
|
|
|
get onTabClicked() {
|
|
return this.args.onTabClicked || noop;
|
|
}
|
|
}
|