ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add hero image to module teasers

This commit is contained in:
Ramon Wenger 2018-10-19 10:57:07 +02:00
parent febed9adc4
commit 2e4255260b
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/modules/ModuleTeaser.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<router-link :to="moduleLink" tag="div" class="module-teaser"> <router-link :to="moduleLink" tag="div" class="module-teaser">
<img :src="'https://picsum.photos/300/150?random='+id" alt="" class="module-teaser__image"> <img :src="heroImage" alt="" class="module-teaser__image">
<div class="module-teaser__body"> <div class="module-teaser__body">
<h3 class="module-teaser__meta-title">{{metaTitle}}</h3> <h3 class="module-teaser__meta-title">{{metaTitle}}</h3>
<h3 class="module-teaser__title">{{title}}</h3> <h3 class="module-teaser__title">{{title}}</h3>
@ -11,7 +11,7 @@
<script> <script>
export default { export default {
props: ['metaTitle', 'title', 'teaser', 'id', 'slug'], props: ['metaTitle', 'title', 'teaser', 'id', 'slug', 'heroImage'],
computed: { computed: {
moduleLink() { moduleLink() {

1
client/src/graphql/gql/fragments/moduleParts.gql
View File

@ -4,4 +4,5 @@ fragment ModuleParts on ModuleNode {
metaTitle metaTitle
teaser teaser
slug slug
heroImage
} }

2
server/books/schema/queries.py
View File

@ -70,7 +70,7 @@ class ModuleNode(DjangoObjectType):
class Meta: class Meta:
model = Module model = Module
only_fields = [ only_fields = [
'slug', 'title', 'meta_title', 'teaser', 'intro', 'objective_groups', 'assignments' 'slug', 'title', 'meta_title', 'teaser', 'intro', 'objective_groups', 'assignments', 'hero_image'
] ]
filter_fields = { filter_fields = {
'slug': ['exact', 'icontains', 'in'], 'slug': ['exact', 'icontains', 'in'],