52 lines
1014 B
JavaScript
52 lines
1014 B
JavaScript
|
import './Activity'
|
||
|
|
|
||
|
|
const TEMPLATE =`
|
||
|
|
<div class="d-activity">
|
||
|
|
<ul>
|
||
|
|
<attract-activity
|
||
|
|
v-for="a in activities"
|
||
|
|
:key="a._id"
|
||
|
|
:activity="a"
|
||
|
|
/>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
|
||
|
|
Vue.component('attract-activities', {
|
||
|
|
template: TEMPLATE,
|
||
|
|
props: {
|
||
|
|
objectId: String,
|
||
|
|
outdated: {
|
||
|
|
type: Boolean,
|
||
|
|
default: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
activities: [],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
objectId() {
|
||
|
|
this.fetchActivities();
|
||
|
|
},
|
||
|
|
outdated(isOutDated) {
|
||
|
|
if(isOutDated) {
|
||
|
|
this.fetchActivities();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.fetchActivities()
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
fetchActivities() {
|
||
|
|
pillar.api.thenGetNodeActivities(this.objectId)
|
||
|
|
.then(it => {
|
||
|
|
this.activities = it['_items'];
|
||
|
|
this.$emit('activities-updated');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
});
|