mirror of
https://github.com/flarum/framework.git
synced 2024-12-03 15:43:59 +08:00
36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
import Component from '../Component';
|
|
import icon from '../helpers/icon';
|
|
import extract from '../utils/extract';
|
|
|
|
/**
|
|
* The `Badge` component represents a user/discussion badge, indicating some
|
|
* status (e.g. a discussion is stickied, a user is an admin).
|
|
*
|
|
* A badge may have the following special props:
|
|
*
|
|
* - `type` The type of badge this is. This will be used to give the badge a
|
|
* class name of `Badge--{type}`.
|
|
* - `icon` The name of an icon to show inside the badge.
|
|
* - `label`
|
|
*
|
|
* All other props will be assigned as attributes on the badge element.
|
|
*/
|
|
export default class Badge extends Component {
|
|
view() {
|
|
const attrs = Object.assign({}, this.props);
|
|
const type = extract(attrs, 'type');
|
|
const iconName = extract(attrs, 'icon');
|
|
|
|
attrs.className = 'Badge ' + (type ? 'Badge--' + type : '') + ' ' + (attrs.className || '');
|
|
attrs.title = extract(attrs, 'label') || '';
|
|
|
|
return <span {...attrs}>{iconName ? icon(iconName, { className: 'Badge-icon' }) : m.trust(' ')}</span>;
|
|
}
|
|
|
|
config(isInitialized) {
|
|
if (isInitialized) return;
|
|
|
|
if (this.props.label) this.$().tooltip({ container: 'body' });
|
|
}
|
|
}
|