clone/vikunja
1
0
Fork 0
mirror of https://github.com/go-vikunja/vikunja.git synced 2026-04-25 06:35:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(frontend): use FormField scoped slot id for select elements

Browse Source 
Update FormField usages with slotted select elements to use the
exposed id from the scoped slot, ensuring label-input association
works correctly.
This commit is contained in:
kolaente
2026-01-10 21:21:15 +01:00
parent ac2f14945b
commit 4ee29f9972
2 changed files with 39 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
frontend/src/components/project/views/ViewEditForm.vue
View File

@@ -133,25 +133,27 @@ function handleBubbleSave() {
/> />
<FormField :label="$t('project.views.kind')"> <FormField :label="$t('project.views.kind')">
<div class="select"> <template #default="{ id }">
<select <div class="select">
id="kind" <select
v-model="view.viewKind" :id="id"
> v-model="view.viewKind"
<option value="list"> >
{{ $t('project.list.title') }} <option value="list">
</option> {{ $t('project.list.title') }}
<option value="gantt"> </option>
{{ $t('project.gantt.title') }} <option value="gantt">
</option> {{ $t('project.gantt.title') }}
<option value="table"> </option>
{{ $t('project.table.title') }} <option value="table">
</option> {{ $t('project.table.title') }}
<option value="kanban"> </option>
{{ $t('project.kanban.title') }} <option value="kanban">
</option> {{ $t('project.kanban.title') }}
</select> </option>
</div> </select>
</div>
</template>
</FormField> </FormField>
<label <label

34
frontend/src/components/sharing/LinkSharing.vue
View File

@@ -25,22 +25,24 @@
class="p-4" class="p-4"
> >
<FormField :label="$t('project.share.permission.title')"> <FormField :label="$t('project.share.permission.title')">
<div class="select"> <template #default="{ id }">
<select <div class="select">
id="linkShareRight" <select
v-model="selectedPermission" :id="id"
> v-model="selectedPermission"
<option :value="PERMISSIONS.READ"> >
{{ $t('project.share.permission.read') }} <option :value="PERMISSIONS.READ">
</option> {{ $t('project.share.permission.read') }}
<option :value="PERMISSIONS.READ_WRITE"> </option>
{{ $t('project.share.permission.readWrite') }} <option :value="PERMISSIONS.READ_WRITE">
</option> {{ $t('project.share.permission.readWrite') }}
<option :value="PERMISSIONS.ADMIN"> </option>
{{ $t('project.share.permission.admin') }} <option :value="PERMISSIONS.ADMIN">
</option> {{ $t('project.share.permission.admin') }}
</select> </option>
</div> </select>
</div>
</template>
</FormField> </FormField>
<FormField <FormField
id="linkShareName" id="linkShareName"