Merge branch 'wkuijltjes/searchfield' into 'marietje-zuid'

Auto-select search field in request tab

Closes #42

See merge request technicie/MarietjeDjango!88
This commit is contained in:
2024-02-27 22:37:35 +01:00

View File

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