mirror of
https://bitbucket.org/studiotem/jandl-taskmanager-app.git
synced 2026-10-21 14:29:34 +00:00
55 lines
1.2 KiB
Vue
55 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
<h1 class="px-3 py-3">Tasks</h1>
|
|
<v-table>
|
|
<tbody>
|
|
<tr v-for="task in tasks" :key="task.id">
|
|
<td>{{ task.project_code }}</td>
|
|
<td>{{ task.title }}</td>
|
|
<td>
|
|
<p>{{ task.user.name + task.user.surname }}</p>
|
|
<p class="employee-avatar d-flex justify-center align-center">
|
|
{{ task.user.name.charAt(0) }}
|
|
</p>
|
|
</td>
|
|
<td class="task-action">
|
|
<div class="d-flex justify-start">
|
|
<img class="pencil-icon" :src="require('@/plugins/app/_img/icons/checkmark.svg')" alt="checkmark-icon">
|
|
<img class="pencil-icon" :src="require('@/plugins/app/_img/icons/pencil.svg')" alt="pencil-icon">
|
|
<img class="trash-icon" :src="require('@/plugins/app/_img/icons/bin.svg')" alt="trash-icon">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</v-table>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
props: {
|
|
tasks: {
|
|
type: Array,
|
|
required: true
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="sass" scoped>
|
|
v-table, th, td
|
|
border: thin solid rgba(var(--v-border-color), var(--v-border-opacity))
|
|
|
|
.employee-avatar
|
|
background: #6200EE
|
|
color: #fff
|
|
border-radius: 50%
|
|
padding: 13px
|
|
font-size: 11.5px
|
|
height: 24px
|
|
width: 24px
|
|
|
|
.task-action
|
|
|
|
</style> |