You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.4 KiB
46 lines
1.4 KiB
<buckets>
|
|
<div class="buckets">
|
|
<div class="tile is-ancestor">
|
|
<div class="tile is-3 is-parent" each={ bucket in props.buckets }>
|
|
<div class="tile is-child">
|
|
<a class="buckets__item" href="/bucket/{ bucket.id }">
|
|
<div class="content">
|
|
<p class="title is-4">
|
|
{ bucket.name }
|
|
</p>
|
|
<div class="tags are-medium" if={ bucket.tags && bucket.tags.length > 0 }>
|
|
<span class="tag is-white" each={ tag in bucket.tags }>{ tag }</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="buckets__more">
|
|
<button type="button" class="button" onclick={ handleClick }>
|
|
More
|
|
<span class="icon is-small is-left">
|
|
<svg aria-hidden="true">
|
|
<use xlink:href="/symbol-defs.svg#icon-add-circle"></use>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
|
|
/**
|
|
*
|
|
*
|
|
* @author Björn Hase
|
|
*
|
|
*/
|
|
|
|
export default {
|
|
handleClick() {
|
|
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</buckets>
|