techwire/bang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve feedback experience

Browse Source
This commit is contained in:
Alberto Xamin 2023-02-01 10:36:39 +00:00
parent ff27d2a5b2
commit cc936fb3b9
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/FullScreenInput.vue
View File

@ -2,7 +2,8 @@
<div id="overlay" class="center-stuff"> <div id="overlay" class="center-stuff">
<h1>{{text}}</h1> <h1>{{text}}</h1>
<form @submit="submit"> <form @submit="submit">
<input v-model="val" class="chooserInput"/> <input v-if="val.length < 20" v-model="val" class="chooserInput" v-focus/>
<textarea v-else v-model="val" class="chooserInput" cols="38" rows="15" v-focus/>
</form> </form>
<p v-if="hintText">{{hintText}}</p> <p v-if="hintText">{{hintText}}</p>
<div class="center-stuff"> <div class="center-stuff">

6
frontend/src/main.js
View File

@ -13,6 +13,12 @@ Vue.use(PrettyCheckbox)
import VueClipboard from 'vue-clipboard2' import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard) Vue.use(VueClipboard)
Vue.directive('focus', {
inserted: function (el) {
el.focus()
}
})
import VueI18n from 'vue-i18n' import VueI18n from 'vue-i18n'
Vue.use(VueI18n) Vue.use(VueI18n)