mirror/blockbench
2
0
Fork 0
mirror of https://github.com/JannisX11/blockbench.git synced 2025-01-18 15:26:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add autocomplete list for Locator input

Browse Source
This commit is contained in:
JannisX11 2020-10-08 19:57:48 +02:00
parent 04d5f2c480
commit b435dd6481
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
js/animations/keyframe.js
View File

@ -693,6 +693,9 @@ BARS.defineActions(function() {
})
Interface.definePanels(function() {
let locator_suggestion_list = $('<datalist id="locator_suggestion_list" hidden></datalist>');
$(document.body).append(locator_suggestion_list);
Interface.Panels.keyframe = new Panel({
id: 'keyframe',
@ -744,6 +747,12 @@ Interface.definePanels(function() {
})
Animator.preview()
Undo.finishEdit('remove keyframe data point')
},
updateLocatorSuggestionList() {
locator_suggestion_list.empty();
Locator.all.forEach(locator => {
locator_suggestion_list.append(`<option value="${locator.name}">`);
})
}
},
computed: {
@ -810,6 +819,8 @@ Interface.definePanels(function() {
type="text"
class="dark_bordered code keyframe_input tab_target"
v-model="data_point[key]"
:list="key == 'locator' && 'locator_suggestion_list'"
@focus="key == 'locator' && updateLocatorSuggestionList()"
@input="updateInput(key, $event.target.value, data_point_i)"
/>
</div>