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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/content-block-form/ContentsForm.vue
View File

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

20
client/src/components/content-forms/ContentBlockElementChooserWidget.vue
View File

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