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

Add correct component handling to basic knowledge

This commit is contained in:
Ramon Wenger 2018-11-16 16:20:28 +01:00
parent 6387024f81
commit 3a1d2b8168
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
client/src/pages/basicknowledge.vue
View File

@ -2,10 +2,11 @@
<div class="basic-knowledge">
<h1 class="basic-knowledge__title">{{basicKnowledge.title}}</h1>
<div v-for="(content, index) in basicKnowledge.contents"
v-html="content.value.text"
:key="index"
></div>
<component v-for="component in basicKnowledge.contents"
:key="component.id"
:is="component.type"
v-bind="component">
</component>
</div>
</template>
@ -13,6 +14,14 @@
<script>
import BASIC_KNOWLEDGE_QUERY from '@/graphql/gql/basicKnowledgeQuery.gql';
import TextBlock from '@/components/content-blocks/TextBlock';
import BasicKnowledgeWidget from '@/components/content-blocks/BasicKnowledgeWidget';
import ImageBlock from '@/components/content-blocks/ImageBlock';
import ImageUrlBlock from '@/components/content-blocks/ImageUrlBlock';
import VideoBlock from '@/components/content-blocks/VideoBlock';
import LinkBlock from '@/components/content-blocks/LinkBlock';
import DocumentBlock from '@/components/content-blocks/DocumentBlock';
export default {
apollo: {
basicKnowledge() {
@ -25,6 +34,16 @@
}
},
components: {
'text_block': TextBlock,
'basic_knowledge': BasicKnowledgeWidget,
'image_block': ImageBlock,
'image_url_block': ImageUrlBlock,
'video_block': VideoBlock,
'link_block': LinkBlock,
'document_block': DocumentBlock,
},
data() {
return {
basicKnowledge: {}