mirror of
https://github.com/flarum/framework.git
synced 2024-12-01 05:53:45 +08:00
a9ded36b57
- Get rid of Bootstrap (except we still rely on some JS) - Use BEM class names - Rework variables/theme config - Fix various bugs, including some on mobile The CSS is still not ideal – it needs to be cleaned up some more. But that can be a focus for after beta.
41 lines
948 B
JavaScript
41 lines
948 B
JavaScript
import Button from 'flarum/components/Button';
|
|
|
|
/**
|
|
* The `LinkButton` component defines a `Button` which links to a route.
|
|
*
|
|
* ### Props
|
|
*
|
|
* All of the props accepted by `Button`, plus:
|
|
*
|
|
* - `active` Whether or not the page that this button links to is currently
|
|
* active.
|
|
* - `href` The URL to link to. If the current URL `m.route()` matches this,
|
|
* the `active` prop will automatically be set to true.
|
|
*/
|
|
export default class LinkButton extends Button {
|
|
static initProps(props) {
|
|
props.active = this.isActive(props);
|
|
props.config = props.config || m.route;
|
|
}
|
|
|
|
view() {
|
|
const vdom = super.view();
|
|
|
|
vdom.tag = 'a';
|
|
|
|
return vdom;
|
|
}
|
|
|
|
/**
|
|
* Determine whether a component with the given props is 'active'.
|
|
*
|
|
* @param {Object} props
|
|
* @return {Boolean}
|
|
*/
|
|
static isActive(props) {
|
|
return typeof props.active !== 'undefined'
|
|
? props.active
|
|
: m.route() === props.href;
|
|
}
|
|
}
|