mirror of
https://gitea.wildfiregames.com/0ad/0ad
synced 2026-06-16 05:13:58 -07:00
93ce94655d
Up to now `eslint-plugin-brace-rules` was used to enforce a common brace style for JavaScript code. This plugin was however updated the last time over 9 years ago and will be incompatible with ESLint v10, as that [removes `context.getSourceCode()`][1], the plugin relies on. To keep the eslint config working with ESLint v10, this replaces `eslint-plugin-brace-rules` with the [`@stylistic/brace-style`][2] rule from `@stylistic/eslint-plugin`, a package we already use. While `@stylistic/brace-style` doesn't offer an option to format braces in exactly the same way as before, the "allman" style seems to be the one closest to the existing code. [1]: https://eslint.org/blog/2025/11/eslint-v10.0.0-alpha.0-released/#removed-deprecated-rule-context-members [2]: https://eslint.style/rules/brace-style
106 lines
3.3 KiB
JavaScript
106 lines
3.3 KiB
JavaScript
/**
|
|
* Number of categories.
|
|
*/
|
|
var g_TabCategoryCount;
|
|
|
|
/**
|
|
* Align the buttons horizontally or vertically.
|
|
*/
|
|
var g_TabHorizontal;
|
|
|
|
/**
|
|
* Index of the currently visible tab, set first tab as default.
|
|
*/
|
|
var g_TabCategorySelected = 0;
|
|
|
|
/**
|
|
* Function to be executed when selecting a tab. The new category index is passed.
|
|
*/
|
|
var g_OnSelectTab;
|
|
|
|
/**
|
|
* Create tab buttons.
|
|
*
|
|
* @param {Array} categoriesData - Arrays of objects containing for every tab a (translated) label and tooltip.
|
|
* @param {boolean} horizontal - Have the tabs horizontally or vertically aligned.
|
|
* @param {number} buttonSize - Size of a button in the specified direction.
|
|
* @param {number} spacing - Distance between two buttons in the specified direction.
|
|
* @param {function} onPress - Function to be executed when a button is pressed, it gets the new category index passed.
|
|
* @param {function} onSelect - Function to be executed whenever the selection changes (so also for scrolling), it gets the new category index passed.
|
|
*/
|
|
function placeTabButtons(categoriesData, horizontal, buttonSize, spacing, onPress, onSelect)
|
|
{
|
|
g_TabCategoryCount = categoriesData.length;
|
|
g_TabHorizontal = horizontal;
|
|
g_OnSelectTab = onSelect;
|
|
|
|
for (const category in categoriesData)
|
|
{
|
|
const button = Engine.GetGUIObjectByName("tabButton[" + category + "]");
|
|
if (!button)
|
|
{
|
|
warn("Too few tab-buttons!");
|
|
break;
|
|
}
|
|
|
|
button.style = "ModernTabButton" + (horizontal ? "Horizontal" : "Vertical");
|
|
button.hidden = false;
|
|
|
|
if (horizontal)
|
|
{
|
|
button.size.left = category * (buttonSize + spacing) + spacing / 2;
|
|
button.size.right = button.size.left + buttonSize;
|
|
button.size.rright = 0;
|
|
}
|
|
else
|
|
{
|
|
button.size.top = category * (buttonSize + spacing) + spacing / 2;
|
|
button.size.bottom = button.size.top + buttonSize;
|
|
button.size.rbottom = 0;
|
|
}
|
|
|
|
button.tooltip = (categoriesData[category].tooltip ? categoriesData[category].tooltip + "\n" : "") +
|
|
(g_TabHorizontal ?
|
|
colorizeHotkey(translate("Scroll down or use %(hotkey)s to move a tab right."), "tab.next") + "\n" + colorizeHotkey(translate("Scroll up or use %(hotkey)s to move a tab left."), "tab.prev"):
|
|
colorizeHotkey(translate("Scroll down or use %(hotkey)s to move a tab down."), "tab.next") + "\n" + colorizeHotkey(translate("Scroll up or use %(hotkey)s to move a tab up."), "tab.prev"));
|
|
|
|
const categoryNum = +category;
|
|
button.onPress = () => { onPress(categoryNum); };
|
|
|
|
Engine.GetGUIObjectByName("tabButtonText[" + category + "]").caption = categoriesData[category].label;
|
|
}
|
|
|
|
selectPanel(g_TabCategorySelected);
|
|
}
|
|
|
|
/**
|
|
* Show next/previous panel.
|
|
* @param direction - +1/-1 for forward/backward.
|
|
*/
|
|
function selectNextTab(direction)
|
|
{
|
|
if (g_TabCategoryCount)
|
|
selectPanel(g_TabCategorySelected === undefined ?
|
|
direction > 0 ?
|
|
0 :
|
|
g_TabCategoryCount - 1 :
|
|
(g_TabCategorySelected + direction + g_TabCategoryCount) % g_TabCategoryCount);
|
|
}
|
|
|
|
function selectPanel(category)
|
|
{
|
|
g_TabCategorySelected = category;
|
|
Engine.GetGUIObjectByName("tabButtons").children.forEach((button, j) =>
|
|
{
|
|
button.sprite = g_TabHorizontal ?
|
|
category == j ?
|
|
"ModernTabHorizontalForeground" :
|
|
"ModernTabHorizontalBackground" :
|
|
category == j ?
|
|
"ModernTabVerticalForeground" :
|
|
"ModernTabVerticalBackground";
|
|
});
|
|
|
|
if (g_OnSelectTab)
|
|
g_OnSelectTab(category);
|
|
}
|