github
/
filebrowser
mirror of https://github.com/filebrowser/filebrowser
1
0
Fork 0
Code Issues Releases Wiki Activity

feat(inputs): add better autofocus (#26) 

fix issue #25
pull/739/head
Hugo Massing 2018-08-06 13:20:20 +02:00 committed by Henrique Dias
parent 208f21728f
commit 157b2da133
9 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/prompts/Download.vue
View File

@ -7,11 +7,11 @@
<div class="card-content">
<p>{{ $t('prompts.downloadMessage') }}</p>
<button class="block cancel" @click="download('zip')" autofocus>zip</button>
<button class="block cancel" @click="download('tar')" autofocus>tar</button>
<button class="block cancel" @click="download('targz')" autofocus>tar.gz</button>
<button class="block cancel" @click="download('tarbz2')" autofocus>tar.bz2</button>
<button class="block cancel" @click="download('tarxz')" autofocus>tar.xz</button>
<button class="block cancel" @click="download('zip')" v-focus>zip</button>
<button class="block cancel" @click="download('tar')" v-focus>tar</button>
<button class="block cancel" @click="download('targz')" v-focus>tar.gz</button>
<button class="block cancel" @click="download('tarbz2')" v-focus>tar.bz2</button>
<button class="block cancel" @click="download('tarxz')" v-focus>tar.xz</button>
</div>
</div>
</template>

2
src/components/prompts/NewArchetype.vue
View File

@ -6,7 +6,7 @@
<div class="card-content">
<p>{{ $t('prompts.newArchetype') }}</p>
<input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
<input v-focus type="text" @keyup.enter="submit" v-model.trim="name">
<input type="text" @keyup.enter="submit" v-model.trim="archetype">
</div>

2
src/components/prompts/NewDir.vue
View File

@ -6,7 +6,7 @@
<div class="card-content">
<p>{{ $t('prompts.newDirMessage') }}</p>
<input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
<input type="text" @keyup.enter="submit" v-model.trim="name" v-focus >
</div>
<div class="card-action">

2
src/components/prompts/NewFile.vue
View File

@ -6,7 +6,7 @@
<div class="card-content">
<p>{{ $t('prompts.newFileMessage') }}</p>
<input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
<input v-focus type="text" @keyup.enter="submit" v-model.trim="name">
</div>
<div class="card-action">

2
src/components/prompts/Rename.vue
View File

@ -6,7 +6,7 @@
<div class="card-content">
<p>{{ $t('prompts.renameMessage') }} <code>{{ oldName() }}</code>:</p>
<input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
<input v-focus type="text" @keyup.enter="submit" v-model.trim="name">
</div>
<div class="card-action">

2
src/components/prompts/Schedule.vue
View File

@ -6,7 +6,7 @@
<div class="card-content">
<p>{{ $t('prompts.scheduleMessage') }}</p>
<input autofocus type="datetime-local" v-model="date">
<input v-focus type="datetime-local" v-model="date">
</div>
<div class="card-action">

2
src/components/prompts/Share.vue
View File

@ -28,7 +28,7 @@
</li>
<li>
<input autofocus
<input v-focus
type="number"
max="2147483647"
min="0"

6
src/main.js
View File

@ -43,6 +43,12 @@ Vue.prototype.$showError = function (error) {
n.show()
}
Vue.directive('focus', {
inserted: function (el) {
el.focus()
}
})
/* eslint-disable no-new */
new Vue({
el: '#app',

2
src/views/settings/User.vue
View File

@ -78,7 +78,7 @@
<div class="card-action">
<button class="cancel flat"
@click="closeHovers"
autofocus
v-focus
:aria-label="$t('buttons.cancel')"
:title="$t('buttons.cancel')">
{{ $t('buttons.cancel') }}