apps/photoprism
1
0
Fork 0
mirror of https://github.com/photoprism/photoprism.git synced 2025-09-26 21:01:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Batch Edit: Replace v-combobox with v-autocomplete for improved user experience in date and type selection

Browse Source
This commit is contained in:
Ömer Duran
2025-09-25 11:55:17 +03:00
parent 73d891ca65
commit bbee14b1ac
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/component/photo/edit/batch.vue
View File

@@ -263,7 +263,7 @@
</v-row>
<v-row dense>
<v-col cols="6" md="2">
<v-combobox
<v-autocomplete
v-model="formData.Day.value"
:label="$gettext('Day')"
autocomplete="off"
@@ -279,10 +279,10 @@
class="input-day"
@update:model-value="(val) => changeSelectValue(val, 'select-field', 'Day')"
>
</v-combobox>
</v-autocomplete>
</v-col>
<v-col cols="6" md="3">
<v-combobox
<v-autocomplete
v-model="formData.Month.value"
:label="$gettext('Month')"
autocomplete="off"
@@ -298,10 +298,10 @@
class="input-month"
@update:model-value="(val) => changeSelectValue(val, 'select-field', 'Month')"
>
</v-combobox>
</v-autocomplete>
</v-col>
<v-col cols="12" sm="6" md="3">
<v-combobox
<v-autocomplete
v-model="formData.Year.value"
:label="$gettext('Year')"
autocomplete="off"
@@ -317,7 +317,7 @@
class="input-year"
@update:model-value="(val) => changeSelectValue(val, 'select-field', 'Year')"
>
</v-combobox>
</v-autocomplete>
</v-col>
<v-col cols="12" sm="6" md="4">
<v-autocomplete
@@ -518,7 +518,7 @@
</v-row>
<v-row dense>
<v-col cols="12">
<v-combobox
<v-autocomplete
v-model="formData.Type.value"
:label="$gettext('Type')"
autocomplete="off"
@@ -534,7 +534,7 @@
class="input-type"
@update:model-value="(val) => changeSelectValue(val, 'select-field', 'Type')"
>
</v-combobox>
</v-autocomplete>
</v-col>
</v-row>
</div>

12
frontend/src/component/photo/edit/details.vue
View File

@@ -51,7 +51,7 @@
</v-row>
<v-row dense>
<v-col cols="4" lg="2">
<v-combobox
<v-autocomplete
:model-value="view.model.Day > 0 ? view.model.Day : null"
:disabled="disabled"
:error="invalidDate"
@@ -70,10 +70,10 @@
class="input-day"
@update:model-value="setDay"
>
</v-combobox>
</v-autocomplete>
</v-col>
<v-col cols="4" lg="2">
<v-combobox
<v-autocomplete
:model-value="view.model.Month > 0 ? view.model.Month : null"
:disabled="disabled"
:error="invalidDate"
@@ -91,10 +91,10 @@
class="input-month"
@update:model-value="setMonth"
>
</v-combobox>
</v-autocomplete>
</v-col>
<v-col cols="4" lg="2">
<v-combobox
<v-autocomplete
:model-value="view.model.Year > 0 ? view.model.Year : null"
:disabled="disabled"
:error="invalidDate"
@@ -112,7 +112,7 @@
class="input-year"
@update:model-value="setYear"
>
</v-combobox>
</v-autocomplete>
</v-col>
<v-col cols="6" lg="2">
<v-text-field