clone/vikunja
1
0
Fork 0
mirror of https://github.com/go-vikunja/vikunja.git synced 2026-02-01 22:47:40 +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')">
<div class="select">
<select
id="kind"
v-model="view.viewKind"
>
<option value="list">
{{ $t('project.list.title') }}
</option>
<option value="gantt">
{{ $t('project.gantt.title') }}
</option>
<option value="table">
{{ $t('project.table.title') }}
</option>
<option value="kanban">
{{ $t('project.kanban.title') }}
</option>
</select>
</div>
<template #default="{ id }">
<div class="select">
<select
:id="id"
v-model="view.viewKind"
>
<option value="list">
{{ $t('project.list.title') }}
</option>
<option value="gantt">
{{ $t('project.gantt.title') }}
</option>
<option value="table">
{{ $t('project.table.title') }}
</option>
<option value="kanban">
{{ $t('project.kanban.title') }}
</option>
</select>
</div>
</template>
</FormField>
<label

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

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