@kitten-science/kitten-scientists
Version:
Add-on for the wonderful incremental browser game: https://kittensgame.com/web/
133 lines • 6.9 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 { 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 TechSettingsUi extends SettingsPanel {
constructor(host, settings, locale, sectionSetting, options) {
const label = host.engine.i18n("ui.upgrade.techs");
super(host, settings, new SettingTriggerListItem(host, settings, locale, label, {
onCheck: () => {
host.engine.imessage("status.auto.enable", [label]);
this.refreshUi();
options?.onCheck?.();
},
onUnCheck: () => {
host.engine.imessage("status.auto.disable", [label]);
this.refreshUi();
options?.onUnCheck?.();
},
onRefresh: item => {
const element = item;
element.triggerButton.inactive = !settings.enabled || settings.trigger === -1;
element.triggerButton.ineffective =
sectionSetting.enabled &&
settings.enabled &&
settings.trigger === -1 &&
!Object.values(settings.techs).some(tech => tech.enabled && 0 <= tech.trigger);
this.expando.ineffective =
sectionSetting.enabled &&
settings.enabled &&
!Object.values(settings.techs).some(tech => tech.enabled);
},
onRefreshTrigger: item => {
item.triggerButton.element[0].title = host.engine.i18n("ui.trigger", [
settings.trigger < 0
? 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 techs = host.game.science.techs.filter(tech => !isNil(this.setting.techs[tech.name]));
const items = [];
let lastLabel = techs[0].label;
for (const tech of techs.sort((a, b) => a.label.localeCompare(b.label, locale.selected))) {
const option = this.setting.techs[tech.name];
const element = new SettingTriggerListItem(host, option, locale, tech.label, {
onCheck: () => {
host.engine.imessage("status.sub.enable", [tech.label]);
this.refreshUi();
},
onUnCheck: () => {
host.engine.imessage("status.sub.disable", [tech.label]);
this.refreshUi();
},
onRefresh: () => {
element.triggerButton.inactive = !option.enabled || option.trigger === -1;
element.triggerButton.ineffective =
sectionSetting.enabled &&
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.section.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(() => {
this.refreshUi();
})
.catch(redirectErrorsToConsole(console));
},
});
element.triggerButton.element.addClass(stylesButton.lastHeadAction);
if (host.engine.localeSupportsFirstLetterSplits(locale.selected)) {
if (lastLabel[0] !== tech.label[0]) {
element.element.addClass(stylesLabelListItem.splitter);
}
}
items.push(element);
lastLabel = tech.label;
}
this.addChild(new SettingsList(host, { children: items }));
}
}
//# sourceMappingURL=TechSettingsUi.js.map