zias/wolk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
fix issue #25
This commit is contained in:
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
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"