Auto-select search field in request tab

This commit is contained in:
William Kuijltjes
2024-02-27 22:37:35 +01:00
committed by Kees van Kempen
parent 0a3b2d2a8c
commit 521c047225

View File

@ -13,7 +13,7 @@
</button>
</li>
<li class="nav-item me-3" role="presentation">
<button class="nav-link" id="request-tab" data-bs-toggle="tab" data-bs-target="#request"
<button onclick="request_vue.select_textinput()" class="nav-link" id="request-tab" data-bs-toggle="tab" data-bs-target="#request"
type="button" role="tab" aria-controls="request" aria-selected="false">Request
</button>
</li>
@ -173,7 +173,7 @@
<th>Report</th>
</tr>
<tr>
<th colspan="5"><input id="search-all" class="search-input" type="text"
<th colspan="5"><input id="search-all" class="search-input" type="text" ref="search_textinput"
v-model="search_input"/></th>
</tr>
</thead>
@ -582,6 +582,7 @@
}
});
},
request_song(song_id) {
fetch('/api/v1/queues/current/request/', {
method: 'POST',
@ -613,6 +614,7 @@
}
});
},
report_song(song_id) {
let message = prompt("What is wrong with the song?");
if (message === null) {
@ -650,9 +652,14 @@
}
});
},
update_page(page_number) {
this.page_number = page_number;
}
},
select_textinput() {
this.$refs.search_textinput.select();
},
}
}).mount('#request-container');
</script>