MIRRORS/yocto-autobuilder2
1
0
Fork 0
mirror of git://git.yoctoproject.org/yocto-autobuilder2.git synced 2025-07-19 20:59:02 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

yocto_console_view: Fix release selector use with keyboard

Browse Source 
Signed-off-by: Mathieu Dubois-Briand <mathieu.dubois-briand@bootlin.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
This commit is contained in:
Mathieu Dubois-Briand 2025-02-21 12:08:34 +01:00 committed by Richard Purdie
parent e42afa8f88
commit 93eaa4426a
1 changed files with 45 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
yocto_console_view/src/releaseselectorfield.ts
View File

@ -1,8 +1,8 @@
import {buildbotSetupPlugin} from "buildbot-plugin-support"; import {buildbotSetupPlugin} from "buildbot-plugin-support";
buildbotSetupPlugin((reg) => { buildbotSetupPlugin((reg) => {
let selectInputName = null;
let selectListName = null; let selectListName = null;
let inputRefs = null; let inputRefs = null;
let selectors = null;
const onTransitionEndEvent = (event) => { const onTransitionEndEvent = (event) => {
/* /*
@ -44,59 +44,79 @@ buildbotSetupPlugin((reg) => {
const releaseSelector = inputRefs.get('force-field-branchselector'); const releaseSelector = inputRefs.get('force-field-branchselector');
const releaseSelectorLabel = releaseSelector.parentNode.previousSibling; const releaseSelectorLabel = releaseSelector.parentNode.previousSibling;
const sepIdx = releaseSelectorLabel.textContent.indexOf(':'); const sepIdx = releaseSelectorLabel.textContent.indexOf(':');
releaseSelectorLabel.textContent = releaseSelectorLabel.textContent.substring(0, sepIdx); if (sepIdx >= 0) {
releaseSelectorLabel.textContent = releaseSelectorLabel.textContent.substring(0, sepIdx);
}
/* /*
* Get the name of the ReleaseSelector field div. * Get the name of the ReleaseSelector field div.
*/ */
const branchInputId = releaseSelector.attributes.getNamedItem('id').value; selectInputName = releaseSelector.attributes.getNamedItem('id').value;
const selectName = branchInputId.substring(0, branchInputId.lastIndexOf('-')); const selectName = selectInputName.substring(0, selectInputName.lastIndexOf('-'));
selectListName = selectName + '-listbox'; selectListName = selectName + '-listbox';
} }
window.addEventListener('transitionend', onTransitionEndEvent); window.addEventListener('transitionend', onTransitionEndEvent);
const onClick = (event) => { function updateSelectors() {
if (selectListName) { if (selectListName) {
const listDiv = document.getElementById(selectListName); const listDiv = document.getElementById(selectListName);
if (listDiv) { if (listDiv) {
/* /*
* The ReleaseSelector menu is shown: save * The ReleaseSelector menu is shown: clean menu items.
* associated selectors for later and clean menu items.
*/ */
selectors = new Map();
listDiv.childNodes.forEach(div => { listDiv.childNodes.forEach(div => {
const sepIdx = div.textContent.indexOf(':'); const sepIdx = div.textContent.indexOf(':');
const propName = div.textContent.substring(0, sepIdx); if (sepIdx >= 0) {
const content = div.textContent.substring(sepIdx + 1); div.textContent = div.textContent.substring(0, sepIdx);
div.textContent = propName }
selectors.set(propName, JSON.parse(content));
}); });
} }
} }
}
function findApplySelector() {
/*
* One entry was clicked in the ReleaseSelector
* menu: update all fields described by the
* selector configuration.
*/
const branchInput = document.getElementById(selectInputName);
const inputText = branchInput.parentElement.previousElementSibling.textContent;
const sepIdx = inputText.indexOf(':');
const selectorName = inputText.substring(0, sepIdx);
const selector = inputText.substring(sepIdx + 1);
new Promise((resolve, reject) => {
return applySelector(JSON.parse(selector), selectorName).then(resolve);
});
}
const onClick = (event) => {
updateSelectors();
if (event.target.parentElement) { if (event.target.parentElement) {
const parentId = event.target.parentElement.attributes.getNamedItem('id'); const parentId = event.target.parentElement.attributes.getNamedItem('id');
if (parentId && parentId.value == selectListName) { if (parentId && parentId.value == selectListName) {
/* findApplySelector();
* One entry was clicked in the ReleaseSelector
* menu: update all fields described by the
* selector configuration.
*/
const selector = selectors.get(event.target.textContent);
if (selector) {
new Promise((resolve, reject) => {
return applySelector(selector, event.target).then(resolve);
});
}
} }
} }
} }
window.addEventListener('click', onClick); window.addEventListener('click', onClick);
const onKeyDown = (event) => {
if (event.key == "Enter") {
findApplySelector();
} else {
updateSelectors();
}
}
window.addEventListener('keydown', onKeyDown);
/* /*
* Apply values from the selected field selector * Apply values from the selected field selector
*/ */
async function applySelector(selector, selectList) { async function applySelector(selector, selectorName) {
for (let [field, value] of Object.entries(selector)) { for (let [field, value] of Object.entries(selector)) {
const input = inputRefs.get('force-field-' + field); const input = inputRefs.get('force-field-' + field);
if (input && input.value != value) { if (input && input.value != value) {
@ -110,7 +130,7 @@ buildbotSetupPlugin((reg) => {
} }
const releaseSelector = inputRefs.get('force-field-branchselector'); const releaseSelector = inputRefs.get('force-field-branchselector');
releaseSelector.parentNode.previousSibling.textContent = selectList.textContent; releaseSelector.parentNode.previousSibling.textContent = selectorName;
releaseSelector.focus(); releaseSelector.focus();
} }