mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2024-11-28 21:18:54 +03:00
Code Issues Projects Releases Packages Wiki Activity

perf(modals): add autofocus (#955)

Browse source
This commit is contained in:
Rémi Marseault 2023-07-11 20:19:01 +02:00 committed by GitHub
parent 34e43f6add
commit 5f33d94d88
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 35 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Modals/ChangeLocationModal.vue
View file

@ -19,7 +19,7 @@
</v-list-item-content> </v-list-item-content>
</v-list-item> </v-list-item>
</v-list> </v-list>
<v-text-field v-model="newPath" :label="$t('directory')" :prepend-icon="mdiFolder" @keydown.enter="setLocation" /> <v-text-field v-model="newPath" :label="$t('directory')" :prepend-icon="mdiFolder" autofocus @keydown.enter="setLocation" />
</v-col> </v-col>
</v-row> </v-row>
</v-container> </v-container>
@ -39,8 +39,8 @@
<script> <script>
import {mapGetters} from 'vuex' import {mapGetters} from 'vuex'
import { mdiFile, mdiFolder, mdiClose } from '@mdi/js' import {mdiClose, mdiFile, mdiFolder} from '@mdi/js'
import { Modal, FullScreenModal } from '@/mixins' import {FullScreenModal, Modal} from '@/mixins'
import qbit from '@/services/qbit' import qbit from '@/services/qbit'
export default { export default {

2
src/components/Modals/RenameModal.vue
View file

@ -10,7 +10,7 @@
<v-container> <v-container>
<v-row> <v-row>
<v-col> <v-col>
<v-text-field v-model="name" clearable :label="$t('modals.rename.torrentName')" :prepend-inner-icon="mdiFile" /> <v-text-field v-model="name" clearable :label="$t('modals.rename.torrentName')" autofocus :prepend-inner-icon="mdiFile" />
</v-col> </v-col>
</v-row> </v-row>
</v-container> </v-container>

6
src/components/Modals/Rss/FeedForm.vue
View file

@ -9,10 +9,10 @@
<v-card-text> <v-card-text>
<v-form ref="feedForm" class="px-6 mt-3"> <v-form ref="feedForm" class="px-6 mt-3">
<v-container v-if="!hasInitialFeed"> <v-container v-if="!hasInitialFeed">
<v-text-field v-model="feed.url" :rules="rules" :label="$t('modals.newFeed.url')" required /> <v-text-field v-model="feed.url" :rules="rules" :label="$t('modals.newFeed.url')" autofocus required />
</v-container> </v-container>
<v-container> <v-container>
<v-text-field v-model="feed.name" :rules="rules" :label="$t('modals.newFeed.feedName')" required /> <v-text-field v-model="feed.name" :rules="rules" :label="$t('modals.newFeed.feedName')" autofocus required />
</v-container> </v-container>
</v-form> </v-form>
</v-card-text> </v-card-text>
@ -32,7 +32,7 @@
<script lang="ts"> <script lang="ts">
import qbit from '@/services/qbit' import qbit from '@/services/qbit'
import {Modal} from '@/mixins' import {Modal} from '@/mixins'
import { mdiCancel, mdiTagPlus, mdiPencil } from '@mdi/js' import {mdiCancel, mdiPencil, mdiTagPlus} from '@mdi/js'
import {defineComponent} from 'vue' import {defineComponent} from 'vue'
export default defineComponent({ export default defineComponent({

2
src/components/Modals/Rss/RuleForm.vue
View file

@ -17,7 +17,7 @@
<v-col cols="12" sm="6"> <v-col cols="12" sm="6">
<v-form ref="form"> <v-form ref="form">
<v-container> <v-container>
<v-text-field v-model="rule.name" :label="$t('modals.newRule.name')" required /> <v-text-field v-model="rule.name" :label="$t('modals.newRule.name')" autofocus required />
<v-divider /> <v-divider />

2
src/components/Modals/SearchPluginManager.vue
View file

@ -19,7 +19,7 @@
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<v-text-field v-model="installInput" :label="$t('modals.searchPluginManager.install.label')" required /> <v-text-field v-model="installInput" :label="$t('modals.searchPluginManager.install.label')" autofocus required />
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions>

6
src/components/Modals/TagsAndCategories/CreateCategoryDialog.vue
View file

@ -8,8 +8,8 @@
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<v-container> <v-container>
<v-text-field v-model="category.name" :rules="nameRules" :label="$t('modals.newCategory.categoryName')" required :disabled="hasInitialCategory" /> <v-text-field v-model="category.name" :rules="nameRules" :label="$t('modals.newCategory.categoryName')" required :autofocus="!hasInitialCategory" :disabled="hasInitialCategory" />
<v-text-field v-model="category.savePath" :rules="pathRules" :label="$t('path')" required /> <v-text-field v-model="category.savePath" :rules="pathRules" :label="$t('path')" required :autofocus="hasInitialCategory" />
</v-container> </v-container>
</v-card-text> </v-card-text>
<v-divider /> <v-divider />
@ -32,7 +32,7 @@
import {mapGetters} from 'vuex' import {mapGetters} from 'vuex'
import qbit from '@/services/qbit' import qbit from '@/services/qbit'
import {Modal} from '@/mixins' import {Modal} from '@/mixins'
import { mdiCancel, mdiTagPlus, mdiPencil } from '@mdi/js' import {mdiCancel, mdiPencil, mdiTagPlus} from '@mdi/js'
import Vue from 'vue' import Vue from 'vue'
export default { export default {

3
src/components/Modals/TagsAndCategories/CreateTagDialog.vue
View file

@ -8,7 +8,7 @@
</v-card-title> </v-card-title>
<v-card-text> <v-card-text>
<v-container> <v-container>
<v-text-field v-model="tagname" :rules="rules" :label="$t('modals.newTag.tagName')" required /> <v-text-field v-model="tagname" :rules="rules" :label="$t('modals.newTag.tagName')" autofocus required />
</v-container> </v-container>
</v-card-text> </v-card-text>
<v-divider /> <v-divider />
@ -27,6 +27,7 @@
<script> <script>
import qbit from '@/services/qbit' import qbit from '@/services/qbit'
import {Modal} from '@/mixins' import {Modal} from '@/mixins'
export default { export default {
name: 'CreateTagDialog', name: 'CreateTagDialog',
mixins: [Modal], mixins: [Modal],