diff options
Diffstat (limited to 'resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue')
| -rw-r--r-- | resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue | 56 |
1 files changed, 30 insertions, 26 deletions
diff --git a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue index 9652bfb..a3669b4 100644 --- a/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue +++ b/resources/vue/components/courseware/structural-element/CoursewareStructuralElementDialogCopy.vue @@ -63,9 +63,12 @@ </option> </select> </label> - <label> - <span>{{ $gettext('Veranstaltung') }}</span><span aria-hidden="true" class="wizard-required">*</span> - <studip-select + <div> + <label for="selected-range"> + <span>{{ $gettext('Veranstaltung') }}</span><span aria-hidden="true" class="wizard-required">*</span> + </label> + <StudipSelect + id="selected-range" v-if="filteredCourses.length !== 0 && !loadingCourses" :options="filteredCourses" :clearable="false" @@ -75,17 +78,17 @@ > <template #open-indicator="{ selectAttributes }"> <span v-bind="selectAttributes" - ><studip-icon shape="arr_1down" :size="10" + ><studip-icon shape="arr_1down" :size="10" /></span> </template> - </studip-select> + </StudipSelect> <p v-if="loadingCourses"> {{$gettext('Lade Veranstaltungen…')}} </p> <p v-if="filteredCourses.length === 0 && !loadingCourses"> {{$gettext('Es wurden keine geeigneten Veranstaltungen gefunden.')}} </p> - </label> + </div> </template> </form> @@ -138,33 +141,34 @@ {{$gettext('Titel')}} <input type="text" v-model="modifiedTitle" name="title" required /> </label> - <label> + <label for="modified-color"> {{$gettext('Farbe')}} - <studip-select - v-model="modifiedColor" - :options="colors" - :reduce="(color) => color.class" - :clearable="false" - label="name" - > - <template #open-indicator="{ selectAttributes }"> + </label> + <StudipSelect + id="modified-color" + v-model="modifiedColor" + :options="colors" + :reduce="(color) => color.class" + :clearable="false" + label="name" + > + <template #open-indicator="{ selectAttributes }"> <span v-bind="selectAttributes" - ><studip-icon shape="arr_1down" :size="10" + ><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"> + </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> {{$gettext('Beschreibung')}} <textarea v-model="modifiedDescription" required /> |