team table, create team modal, delete team modal

app/src/plugins/tm@overview/teams/_components/a-teams-table.vue

@@ -0,0 +1,64 @@
+<template>
+	<v-table>
+		<thead>
+			<tr>
+				<th class="text-left">Názov</th>
+				<th class="text-left">Akcia</th>
+			</tr>
+		</thead>
+
+		<tbody>
+			<tr v-for="team in teams" :key="team.id">
+				<td>{{ team.name }}</td>
+				<td class="task-action">
+					<div class="d-flex justify-start">
+						<img
+							class="pencil-icon"
+							:src="
+								require('@/plugins/tm@overview/_img/pencil-icon.svg')
+							"
+							alt="pencil-icon"
+						/>
+						<img
+							class="trash-icon"
+							:src="
+								require('@/plugins/tm@overview/_img/trash-icon.svg')
+							"
+							alt="trash-icon"
+							@click.stop="dialog=true"
+						/>
+						<A-delete-team-modal :visible="dialog" @close="dialog=false" />
+					</div>
+				</td>
+			</tr>
+		</tbody>
+	</v-table>
+</template>
+
+<script>
+import ADeleteTeamModal from '../../../app/_components/a-delete-team-modal.vue'
+
+export default {
+	components: {
+		ADeleteTeamModal
+	},
+
+	data() {
+		return {
+			dialog: false
+		}
+	},
+
+	props: {
+		teams: {
+			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))
+</style>