You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.0 KiB
52 lines
1.0 KiB
<template>
|
|
<v-container
|
|
grid-list-xl
|
|
fluid
|
|
>
|
|
<v-layout
|
|
row
|
|
wrap
|
|
>
|
|
<v-row dense>
|
|
<v-col
|
|
v-for="card in courses"
|
|
:key="card.course.id"
|
|
:cols="12"
|
|
>
|
|
<v-card>
|
|
<div class="d-flex flex-no-wrap">
|
|
<v-avatar
|
|
class="ma-3"
|
|
tile
|
|
>
|
|
<v-img src="/img/icons/48/blackboard.png" />
|
|
</v-avatar>
|
|
<div>
|
|
<v-card-title v-text="card.course.title" />
|
|
</div>
|
|
</div>
|
|
|
|
<v-card-actions>
|
|
<v-btn
|
|
:href=" '/course/' + card.course.id + '/home'"
|
|
text
|
|
color="deep-purple accent-4"
|
|
>
|
|
Go
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-col>
|
|
</v-row>
|
|
</v-layout>
|
|
</v-container>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'CourseCard',
|
|
props: {
|
|
courses: Array
|
|
},
|
|
};
|
|
</script>
|
|
|