0ad/binaries/data/mods/public/gui/campaigns/setup/CampaignSetupPage.js
Dunedan 93ce94655d
Use @stylistic/brace-style for eslint
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
2026-01-12 21:33:52 +01:00

73 lines
2.6 KiB
JavaScript

/**
* The campaign setup page shows you the list of available campaigns,
* some information about them, and lets you start a new one.
*/
class CampaignSetupPage extends AutoWatcher
{
constructor()
{
super("render");
this.selectedIndex = -1;
this.templates = CampaignTemplate.getAvailableTemplates();
Engine.GetGUIObjectByName("mainMenuButton").onPress = () => Engine.SwitchGuiPage("page_pregame.xml");
Engine.GetGUIObjectByName("startCampButton").onPress = () => Engine.OpenChildPage("campaigns/new_modal/page.xml", this.selectedTemplate);
this.campaignSelection = Engine.GetGUIObjectByName("campaignSelection");
this.campaignSelection.onMouseLeftDoubleClickItem = () =>
{
if (this.selectedIndex === -1)
return;
Engine.OpenChildPage("campaigns/new_modal/page.xml", this.selectedTemplate);
};
this.campaignSelection.onSelectionChange = () =>
{
this.selectedIndex = this.campaignSelection.selected;
if (this.selectedIndex !== -1)
this.selectedTemplate = this.templates[this.selectedIndex];
else
this.selectedTemplate = null;
};
this._ready = true;
}
displayCampaignDetails()
{
Engine.GetGUIObjectByName("startCampButton").enabled = this.selectedIndex !== -1;
if (!this.selectedTemplate)
{
Engine.GetGUIObjectByName("campaignTitle").caption = translate("No campaign selected.");
Engine.GetGUIObjectByName("campaignDesc").caption = "";
Engine.GetGUIObjectByName("campaignImage").sprite = "cropped:" + 400/512 + "," + 300/512 + ":session/icons/mappreview/nopreview.png";
return;
}
Engine.GetGUIObjectByName("campaignTitle").caption = translateWithContext("Campaign Template", this.selectedTemplate.Name);
Engine.GetGUIObjectByName("campaignDesc").caption = translateWithContext("Campaign Template", this.selectedTemplate.Description);
if ('Image' in this.selectedTemplate)
Engine.GetGUIObjectByName("campaignImage").sprite = "stretched:" + this.selectedTemplate.Image;
else
Engine.GetGUIObjectByName("campaignImage").sprite = "cropped:" + 400/512 + "," + 300/512 + ":session/icons/mappreview/nopreview.png";
}
render()
{
this.displayCampaignDetails();
Engine.GetGUIObjectByName("campaignSelection").list_name = this.templates.map((camp) => translateWithContext("Campaign Template", camp.Name));
// COList needs these changed last or crashes.
Engine.GetGUIObjectByName("campaignSelection").list = this.templates.map((camp) => camp.identifier) || [];
Engine.GetGUIObjectByName("campaignSelection").list_data = this.templates.map((camp) => camp.identifier) || [];
}
}
var g_CampaignSetupPage;
function init()
{
g_CampaignSetupPage = new CampaignSetupPage();
}