Hide assignment block type on room entry form

This commit is contained in:
Ramon Wenger 2019-05-07 15:50:19 +02:00
parent a0b49a752b
commit e88b9a07db
2 changed files with 20 additions and 4 deletions

View File

@ -177,7 +177,9 @@
this.localContentBlock.contents.splice(index, 1);
},
addElement(index) {
this.localContentBlock.contents.splice(index + 1, 0, {})
this.localContentBlock.contents.splice(index + 1, 0, {
hideAssignment: this.blockType !== 'ContentBlock'
})
},
updateTitle(title) {
this.localContentBlock.title = title;

View File

@ -1,5 +1,6 @@
<template>
<div class="content-block-element-chooser-widget">
<div class="content-block-element-chooser-widget"
:class="{'content-block-element-chooser-widget--no-assignment': this.hideAssignment}">
<div class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--link"
data-cy="choose-link-widget"
v-on:click="$emit('change-type', index, 'link_block')">
@ -26,7 +27,8 @@
</div>
<div class="content-block-element-chooser-widget__link content-block-element-chooser-widget__link--assignment"
data-cy="choose-assignment-widget"
v-on:click="$emit('change-type', index, 'assignment')">
v-on:click="$emit('change-type', index, 'assignment')"
v-if="!hideAssignment">
<speech-bubble-icon class="content-block-element-chooser-widget__link-icon"></speech-bubble-icon>
<div class="content-block-element-chooser-widget__link-title">Aufgabe&nbsp;& Ergebnis</div>
</div>
@ -48,7 +50,14 @@
import DocumentIcon from '@/components/icons/DocumentIcon';
export default {
props: ['element', 'index'],
props: {
element: {},
index: {},
hideAssignment: {
type: Boolean,
default: false
}
},
components: {
LinkIcon,
@ -107,6 +116,11 @@
-ms-grid-column: 6;
}
&--no-assignment {
grid-template-columns: repeat(5, 1fr);
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
}
&::before {
content: "";
position: absolute;