Windy/komga
1
0
Fork 0
mirror of https://github.com/gotson/komga.git synced 2025-01-08 11:47:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(webui): use a datepicker to select book release date

Browse Source 
Closes: #1094
This commit is contained in:
Gauthier Roebroeck 2023-03-17 12:40:00 +08:00
parent 5050a4e14e
commit 14c0bf4ad2
1 changed files with 35 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
komga-webui/src/components/dialogs/EditBooksDialog.vue
View File

@ -144,24 +144,43 @@
<v-row v-if="single">
<!-- Release Date -->
<v-col cols="6">
<v-text-field v-model="form.releaseDate"
:label="$t('dialog.edit_books.field_release_date')"
filled
dense
placeholder="YYYY-MM-DD"
clearable
:error-messages="releaseDateErrors"
@blur="$v.form.releaseDate.$touch()"
@change="form.releaseDateLock = true"
<v-menu
v-model="menuDate"
:close-on-content-click="false"
transition="scale-transition"
offset-y
min-width="auto"
>
<template v-slot:prepend>
<v-icon :color="form.releaseDateLock ? 'secondary' : ''"
@click="form.releaseDateLock = !form.releaseDateLock"
<template v-slot:activator="{on, attrs}">
<v-text-field v-model="form.releaseDate"
:label="$t('dialog.edit_books.field_release_date')"
filled
dense
placeholder="YYYY-MM-DD"
clearable
readonly
:error-messages="releaseDateErrors"
@blur="$v.form.releaseDate.$touch()"
@change="form.releaseDateLock = true"
v-bind="attrs"
v-on="on"
>
{{ form.releaseDateLock ? 'mdi-lock' : 'mdi-lock-open' }}
</v-icon>
<template v-slot:prepend>
<v-icon :color="form.releaseDateLock ? 'secondary' : ''"
@click="form.releaseDateLock = !form.releaseDateLock"
>
{{ form.releaseDateLock ? 'mdi-lock' : 'mdi-lock-open' }}
</v-icon>
</template>
</v-text-field>
</template>
</v-text-field>
<v-date-picker v-model="form.releaseDate"
:show-current="true"
:show-adjacent-months="true"
@input="menuDate = false"
@change="form.releaseDateLock = true"
/>
</v-menu>
</v-col>
<!-- ISBN -->
@ -427,6 +446,7 @@ export default Vue.extend({
return {
modal: false,
tab: 0,
menuDate: false,
customRole: '',
customRoles: [] as string[],
customRoleValid: false,