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.
60 lines
1.4 KiB
60 lines
1.4 KiB
<template>
|
|
<!-- <q-card class="my-card">-->
|
|
<!-- <q-img src="https://cdn.quasar.dev/img/parallax2.jpg">-->
|
|
<!-- <div class="absolute-bottom text-h6">-->
|
|
<!-- Title-->
|
|
<!-- </div>-->
|
|
<!-- </q-img>-->
|
|
|
|
<!-- <q-card-section>-->
|
|
<!-- {{ lorem }}-->
|
|
<!-- </q-card-section>-->
|
|
<!-- </q-card>-->
|
|
|
|
<q-card class="my-card">
|
|
<img src="/img/session_default.png" />
|
|
<q-card-section>
|
|
<div class="text-h7">
|
|
<router-link :to="{ name: 'CourseHome', params: {id: course._id, course: course}}">
|
|
{{ course.title }}
|
|
<span v-if="course.users.edges.length">
|
|
<div v-for="courseRelUser in course.users.edges">
|
|
{{ courseRelUser.node.user.username }}
|
|
</div>
|
|
</span>
|
|
</router-link>
|
|
</div>
|
|
</q-card-section>
|
|
<!-- <q-card-actions>-->
|
|
<!-- <q-btn-->
|
|
<!-- type="a"-->
|
|
<!-- :to="{ name: 'CourseHome', params: {id: course.id, course: course}}"-->
|
|
<!-- text-color="white"-->
|
|
<!-- color="primary"-->
|
|
<!-- label="Go"-->
|
|
<!-- />-->
|
|
<!-- </q-card-actions>-->
|
|
</q-card>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.my-card {
|
|
width: 100%;
|
|
max-width: 370px;
|
|
}
|
|
</style>
|
|
<script>
|
|
|
|
export default {
|
|
name: 'CourseCard',
|
|
props: {
|
|
course: Object,
|
|
},
|
|
data() {
|
|
return {
|
|
};
|
|
},
|
|
methods: {
|
|
}
|
|
};
|
|
</script>
|
|
|