examples/realworld-conventions/src/article/article-meta.html
<div class="article-meta">
<a load="/profile(${author.username})">
<img src.bind="author.image" /></a>
<div class="info">
<a load="/profile(${author.username})" class="author">${author.username}</a>
<span class="date">${article.createdAt | date}</span>
</div>
<span if.bind="canModify">
<a class="btn btn-outline-secondary btn-sm" load="/editor(${article.slug})">
<i class="ion-edit"></i> Edit Article
</a>
<button class="btn btn-outline-danger btn-sm" click.delegate="delete()" data-e2e="deleteBtn">
<i class="ion-trash-a"></i> Delete Article
</button>
</span>
<span else>
<button class="btn btn-sm btn-outline-secondary" click.delegate="toggleFollow()" data-e2e="toggleFollowBtn">
<i class="ion-plus-round"></i>
${author.following ? 'Unfollow' : 'Follow'} ${author.username}
</button>
<button class="btn btn-sm ${article.favorited ? 'btn-primary' : 'btn-outline-primary'}"
click.delegate="toggleFavorite()" data-e2e="toggleFavoriteBtn">
<i class="ion-heart"></i>
${article.favorited ? 'Unfavorite' : 'Favorite'} Post
<span class="counter">(${article.favoritesCount})</span>
</button>
</span>
</div>