2018-11-20 20:47:30 +05:30
|
|
|
<script>
|
2018-12-13 13:39:08 +05:30
|
|
|
import JobContainerItem from './job_container_item.vue';
|
2018-11-20 20:47:30 +05:30
|
|
|
|
2018-12-13 13:39:08 +05:30
|
|
|
export default {
|
|
|
|
components: {
|
|
|
|
JobContainerItem,
|
|
|
|
},
|
|
|
|
|
|
|
|
props: {
|
|
|
|
jobs: {
|
|
|
|
type: Array,
|
|
|
|
required: true,
|
2018-11-20 20:47:30 +05:30
|
|
|
},
|
2018-12-13 13:39:08 +05:30
|
|
|
jobId: {
|
|
|
|
type: Number,
|
|
|
|
required: true,
|
2018-12-05 23:21:45 +05:30
|
|
|
},
|
2018-12-13 13:39:08 +05:30
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
isJobActive(currentJobId) {
|
|
|
|
return this.jobId === currentJobId;
|
2018-11-20 20:47:30 +05:30
|
|
|
},
|
2018-12-13 13:39:08 +05:30
|
|
|
},
|
|
|
|
};
|
2018-11-20 20:47:30 +05:30
|
|
|
</script>
|
|
|
|
<template>
|
2018-12-05 23:21:45 +05:30
|
|
|
<div class="js-jobs-container builds-container">
|
2018-12-13 13:39:08 +05:30
|
|
|
<job-container-item
|
2018-12-05 23:21:45 +05:30
|
|
|
v-for="job in jobs"
|
|
|
|
:key="job.id"
|
2018-12-13 13:39:08 +05:30
|
|
|
:job="job"
|
|
|
|
:is-active="isJobActive(job.id)"
|
|
|
|
/>
|
2018-11-20 20:47:30 +05:30
|
|
|
</div>
|
|
|
|
</template>
|