56 lines
1.7 KiB
React
56 lines
1.7 KiB
React
|
'use strict';
|
||
|
|
|
||
|
|
const { Component } = require('inferno');
|
||
|
|
const { cacheComponent } = require('../util/cache');
|
||
|
|
|
||
|
|
class Tags extends Component {
|
||
|
|
render() {
|
||
|
|
const {
|
||
|
|
tags,
|
||
|
|
title,
|
||
|
|
showCount
|
||
|
|
} = this.props;
|
||
|
|
|
||
|
|
return <div className="card widget">
|
||
|
|
<div class="card-content">
|
||
|
|
<div class="menu">
|
||
|
|
<h3 class="menu-label">{title}</h3>
|
||
|
|
<div class="field is-grouped is-grouped-multiline">
|
||
|
|
{tags.map(tag => <div class="control">
|
||
|
|
<a class="tags has-addons" href={tag.url}>
|
||
|
|
<span class="tag">{tag.name}</span>
|
||
|
|
{showCount ? <span class="tag is-grey">{tag.count}</span> : null}
|
||
|
|
</a>
|
||
|
|
</div>)}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = cacheComponent(Tags, 'widget.tags', props => {
|
||
|
|
// adapted from hexo/lib/plugins/helper/list_tags.js
|
||
|
|
let tags = props.tags || props.site.tags;
|
||
|
|
if (!tags.length) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
const { orderBy = 'name', order = 1, amount, url_for, _p } = props;
|
||
|
|
const showCount = Object.prototype.hasOwnProperty.call(props, 'show_count') ? props.show_count : true;
|
||
|
|
|
||
|
|
tags = tags.sort(orderBy, order).filter(tag => tag.length);
|
||
|
|
if (amount) {
|
||
|
|
tags = tags.limit(amount);
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
showCount,
|
||
|
|
title: _p('common.tag', Infinity),
|
||
|
|
tags: tags.map(tag => ({
|
||
|
|
name: tag.name,
|
||
|
|
count: tag.length,
|
||
|
|
url: url_for(tag.path)
|
||
|
|
}))
|
||
|
|
};
|
||
|
|
});
|