Edit File: index.vue
<script type="text/ecmascript-6"> import StylesMixin from './../../mixins/entriesStyles'; export default { mixins: [ StylesMixin, ], } </script> <template> <index-screen title="Jobs" resource="jobs" show-all-family="true"> <tr slot="table-header"> <th scope="col">Job</th> <th scope="col">Status</th> <th scope="col">Happened</th> <th scope="col"></th> </tr> <template slot="row" slot-scope="slotProps"> <td> <span :title="slotProps.entry.content.name">{{truncate(slotProps.entry.content.name, 68)}}</span><br> <small class="text-muted"> Connection: {{slotProps.entry.content.connection}} | Queue: {{slotProps.entry.content.queue}} </small> </td> <td class="table-fit"> <span class="badge" :class="'badge-'+jobStatusClass(slotProps.entry.content.status)"> {{slotProps.entry.content.status}} </span> </td> <td class="table-fit text-muted" :data-timeago="slotProps.entry.created_at" :title="slotProps.entry.created_at"> {{ timeAgo(slotProps.entry.created_at) }} </td> <td class="table-fit"> <router-link :to="{name:'job-preview', params:{id: slotProps.entry.id}}" class="control-action"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM6.75 9.25a.75.75 0 000 1.5h4.59l-2.1 1.95a.75.75 0 001.02 1.1l3.5-3.25a.75.75 0 000-1.1l-3.5-3.25a.75.75 0 10-1.02 1.1l2.1 1.95H6.75z" clip-rule="evenodd" /> </svg> </router-link> </td> </template> </index-screen> </template>
Back to File Manager