@kitten-science/kitten-scientists
Version:
Add-on for the wonderful incremental browser game: https://kittensgame.com/web/
120 lines • 6.32 kB
JavaScript
import { isNil } from "@oliversalzburg/js-utils/data/nil.js";
import { redirectErrorsToConsole } from "@oliversalzburg/js-utils/errors/console.js";
import stylesButton from "./components/Button.module.css";
import stylesDelimiter from "./components/Delimiter.module.css";
import { Dialog } from "./components/Dialog.js";
import stylesLabelListItem from "./components/LabelListItem.module.css";
import { SettingTriggerListItem } from "./components/SettingTriggerListItem.js";
import { SettingsList } from "./components/SettingsList.js";
import { SettingsPanel } from "./components/SettingsPanel.js";
export class UpgradeSettingsUi extends SettingsPanel {
constructor(host, settings, locale, options) {
const label = host.engine.i18n("ui.upgrade.upgrades");
super(host, settings, new SettingTriggerListItem(host, settings, locale, label, {
onCheck: () => {
host.engine.imessage("status.auto.enable", [label]);
},
onUnCheck: () => {
host.engine.imessage("status.auto.disable", [label]);
},
onRefresh: item => {
item.triggerButton.inactive =
!settings.enabled || settings.trigger === -1;
},
onRefreshTrigger: item => {
item.triggerButton.element[0].title = host.engine.i18n("ui.trigger", [
settings.trigger === -1
? host.engine.i18n("ui.trigger.section.inactive")
: host.renderPercentage(settings.trigger, locale.selected, true),
]);
},
onSetTrigger: () => {
Dialog.prompt(host, host.engine.i18n("ui.trigger.prompt.percentage"), host.engine.i18n("ui.trigger.section.prompt", [
label,
settings.trigger !== -1
? host.renderPercentage(settings.trigger, locale.selected, true)
: host.engine.i18n("ui.infinity"),
]), settings.trigger !== -1 ? host.renderPercentage(settings.trigger) : "", host.engine.i18n("ui.trigger.section.promptExplainer"))
.then(value => {
if (value === undefined) {
return;
}
if (value === "" || value.startsWith("-")) {
settings.trigger = -1;
return;
}
settings.trigger = host.parsePercentage(value);
})
.then(() => {
this.refreshUi();
})
.catch(redirectErrorsToConsole(console));
},
}), options);
const upgrades = host.game.workshop.upgrades.filter(upgrade => !isNil(this.setting.upgrades[upgrade.name]));
const items = [];
let lastLabel = upgrades[0].label;
let lastElement;
for (const upgrade of upgrades.sort((a, b) => a.label.localeCompare(b.label, locale.selected))) {
const option = this.setting.upgrades[upgrade.name];
const element = new SettingTriggerListItem(host, option, locale, upgrade.label, {
onCheck: () => {
host.engine.imessage("status.sub.enable", [upgrade.label]);
},
onUnCheck: () => {
host.engine.imessage("status.sub.disable", [upgrade.label]);
},
onRefresh: () => {
element.triggerButton.inactive = !option.enabled || option.trigger === -1;
element.triggerButton.ineffective =
settings.enabled && option.enabled && settings.trigger === -1 && option.trigger === -1;
},
onRefreshTrigger: () => {
element.triggerButton.element[0].title = host.engine.i18n("ui.trigger", [
option.trigger < 0
? settings.trigger < 0
? host.engine.i18n("ui.trigger.build.blocked", [label])
: `${host.renderPercentage(settings.trigger, locale.selected, true)} (${host.engine.i18n("ui.trigger.section.inherited")})`
: host.renderPercentage(option.trigger, locale.selected, true),
]);
},
onSetTrigger: () => {
Dialog.prompt(host, host.engine.i18n("ui.trigger.prompt.percentage"), host.engine.i18n("ui.trigger.section.prompt", [
label,
option.trigger !== -1
? host.renderPercentage(option.trigger, locale.selected, true)
: host.engine.i18n("ui.trigger.section.inherited"),
]), option.trigger !== -1 ? host.renderPercentage(option.trigger) : "", host.engine.i18n("ui.trigger.section.promptExplainer"))
.then(value => {
if (value === undefined) {
return;
}
if (value === "" || value.startsWith("-")) {
option.trigger = -1;
return;
}
option.trigger = host.parsePercentage(value);
})
.then(() => {
element.refreshUi();
})
.catch(redirectErrorsToConsole(console));
},
});
element.triggerButton.element.addClass(stylesButton.lastHeadAction);
if (host.engine.localeSupportsFirstLetterSplits(locale.selected)) {
if (lastLabel[0] !== upgrade.label[0]) {
if (!isNil(lastElement)) {
lastElement.element.addClass(stylesDelimiter.delimiter);
}
element.element.addClass(stylesLabelListItem.splitter);
}
}
lastElement = element;
items.push(element);
lastLabel = upgrade.label;
}
this.addChild(new SettingsList(host, { children: items }));
}
}
//# sourceMappingURL=UpgradeSettingsUi.js.map