apps/photoprism
1
0
Fork 0
mirror of https://github.com/photoprism/photoprism.git synced 2025-09-27 05:08:13 +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>
<v-row dense> <v-row dense>
<v-col cols="6" md="2"> <v-col cols="6" md="2">
<v-combobox <v-autocomplete
v-model="formData.Day.value" v-model="formData.Day.value"
:label="$gettext('Day')" :label="$gettext('Day')"
autocomplete="off" autocomplete="off"
@@ -279,10 +279,10 @@
class="input-day" class="input-day"
@update:model-value="(val) => changeSelectValue(val, 'select-field', 'Day')" @update:model-value="(val) => changeSelectValue(val, 'select-field', 'Day')"
> >
</v-combobox> </v-autocomplete>
</v-col> </v-col>
<v-col cols="6" md="3"> <v-col cols="6" md="3">
<v-combobox <v-autocomplete
v-model="formData.Month.value" v-model="formData.Month.value"
:label="$gettext('Month')" :label="$gettext('Month')"
autocomplete="off" autocomplete="off"
@@ -298,10 +298,10 @@
class="input-month" class="input-month"
@update:model-value="(val) => changeSelectValue(val, 'select-field', 'Month')" @update:model-value="(val) => changeSelectValue(val, 'select-field', 'Month')"
> >
</v-combobox> </v-autocomplete>
</v-col> </v-col>
<v-col cols="12" sm="6" md="3"> <v-col cols="12" sm="6" md="3">
<v-combobox <v-autocomplete
v-model="formData.Year.value" v-model="formData.Year.value"
:label="$gettext('Year')" :label="$gettext('Year')"
autocomplete="off" autocomplete="off"
@@ -317,7 +317,7 @@
class="input-year" class="input-year"
@update:model-value="(val) => changeSelectValue(val, 'select-field', 'Year')" @update:model-value="(val) => changeSelectValue(val, 'select-field', 'Year')"
> >
</v-combobox> </v-autocomplete>
</v-col> </v-col>
<v-col cols="12" sm="6" md="4"> <v-col cols="12" sm="6" md="4">
<v-autocomplete <v-autocomplete
@@ -518,7 +518,7 @@
</v-row> </v-row>
<v-row dense> <v-row dense>
<v-col cols="12"> <v-col cols="12">
<v-combobox <v-autocomplete
v-model="formData.Type.value" v-model="formData.Type.value"
:label="$gettext('Type')" :label="$gettext('Type')"
autocomplete="off" autocomplete="off"
@@ -534,7 +534,7 @@
class="input-type" class="input-type"
@update:model-value="(val) => changeSelectValue(val, 'select-field', 'Type')" @update:model-value="(val) => changeSelectValue(val, 'select-field', 'Type')"
> >
</v-combobox> </v-autocomplete>
</v-col> </v-col>
</v-row> </v-row>
</div> </div>

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

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