30 lines
601 B
JavaScript
30 lines
601 B
JavaScript
|
const TEMPLATE =`
|
||
|
|
<li>
|
||
|
|
<img class="actor-avatar"
|
||
|
|
:src="activity.actor_user.gravatar"
|
||
|
|
/>
|
||
|
|
<span class="date"
|
||
|
|
:title="activity._created">
|
||
|
|
{{ prettyCreated }}
|
||
|
|
</span>
|
||
|
|
<span class="actor">
|
||
|
|
{{ activity.actor_user.full_name }}
|
||
|
|
</span>
|
||
|
|
<span class="verb">
|
||
|
|
{{ activity.verb }}
|
||
|
|
</span>
|
||
|
|
</li>
|
||
|
|
`;
|
||
|
|
|
||
|
|
Vue.component('attract-activity', {
|
||
|
|
template: TEMPLATE,
|
||
|
|
props: {
|
||
|
|
activity: Object,
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
prettyCreated() {
|
||
|
|
return pillar.utils.prettyDate(this.activity._created, true);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
});
|