diff options
Diffstat (limited to 'resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue')
| -rw-r--r-- | resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue | 43 |
1 files changed, 22 insertions, 21 deletions
diff --git a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue index fa81530..e15268d 100644 --- a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue +++ b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogSettings.vue @@ -30,32 +30,33 @@ </courseware-tab> <courseware-tab :name="$gettext('Metadaten')" :index="1"> <form class="default" @submit.prevent=""> - <label> + <label for="current-payload-color"> {{ $gettext('Farbe') }} - <studip-select - v-model="currentElement.attributes.payload.color" - :options="colors" - :reduce="(color) => color.class" - label="name" - class="cw-vs-select" - :clearable="false" - > - <template #open-indicator="selectAttributes"> - <span v-bind="selectAttributes"><studip-icon shape="arr_1down" :size="10" /></span> - </template> - <template #no-options> - {{ $gettext('Es steht keine Auswahl zur Verfügung.') }}. - </template> - <template #selected-option="option"> + </label> + <StudipSelect + id="current-payload-color" + v-model="currentElement.attributes.payload.color" + :options="colors" + :reduce="(color) => color.class" + label="name" + class="cw-vs-select" + :clearable="false" + > + <template #open-indicator="selectAttributes"> + <span v-bind="selectAttributes"><studip-icon shape="arr_1down" :size="10" /></span> + </template> + <template #no-options> + {{ $gettext('Es steht keine Auswahl zur Verfügung.') }}. + </template> + <template #selected-option="option"> <span class="vs__option-color" :style="{ 'background-color': option.hex }"></span ><span>{{ option.name }}</span> - </template> - <template #option="option"> + </template> + <template #option="option"> <span class="vs__option-color" :style="{ 'background-color': option.hex }"></span ><span>{{ option.name }}</span> - </template> - </studip-select> - </label> + </template> + </StudipSelect> <label v-if="!isTask"> {{ $gettext('Art des Lernmaterials') }} <select v-model="currentElement.attributes.purpose"> |