@kitten-science/kitten-scientists
Version:
Add-on for the wonderful incremental browser game: https://kittensgame.com/web/
155 lines • 7.83 kB
JavaScript
import { redirectErrorsToConsole } from "@oliversalzburg/js-utils/errors/console.js";
import { Icons } from "../images/Icons.js";
import { ucfirst } from "../tools/Format.js";
import { TimeSkipHeatSettingsUi } from "./TimeSkipHeatSettingsUi.js";
import stylesButton from "./components/Button.module.css";
import { CollapsiblePanel } from "./components/CollapsiblePanel.js";
import { Container } from "./components/Container.js";
import { CyclesList } from "./components/CyclesList.js";
import { Dialog } from "./components/Dialog.js";
import { LabelListItem } from "./components/LabelListItem.js";
import stylesLabelListItem from "./components/LabelListItem.module.css";
import { SeasonsList } from "./components/SeasonsList.js";
import { SettingListItem } from "./components/SettingListItem.js";
import stylesSettingListItem from "./components/SettingListItem.module.css";
import { SettingMaxTriggerListItem } from "./components/SettingMaxTriggerListItem.js";
import { SettingsList } from "./components/SettingsList.js";
import { SettingsPanel } from "./components/SettingsPanel.js";
export class TimeSkipSettingsUi extends SettingsPanel {
_cycles;
_seasons;
_activeHeatTransferUI;
constructor(host, settings, locale, sectionSetting, options) {
const label = host.engine.i18n("option.time.skip");
super(host, settings, new SettingMaxTriggerListItem(host, settings, locale, label, {
onCheck: () => {
host.engine.imessage("status.auto.enable", [label]);
this.refreshUi();
},
onUnCheck: () => {
host.engine.imessage("status.auto.disable", [label]);
this.refreshUi();
},
onRefresh: item => {
const element = item;
element.maxButton.inactive = !settings.enabled || settings.max === -1;
element.triggerButton.inactive = !settings.enabled || settings.trigger === -1;
element.maxButton.ineffective =
sectionSetting.enabled && settings.enabled && settings.max === 0;
this._cycles.expando.ineffective =
sectionSetting.enabled &&
settings.enabled &&
!Object.values(settings.cycles).some(cycle => cycle.enabled);
this._seasons.expando.ineffective =
sectionSetting.enabled &&
settings.enabled &&
!Object.values(settings.seasons).some(season => season.enabled);
},
onRefreshMax: item => {
item.maxButton.updateLabel(host.renderAbsolute(settings.max));
item.maxButton.element[0].title =
settings.max < 0
? host.engine.i18n("ui.max.timeSkip.titleInfinite", [label])
: settings.max === 0
? host.engine.i18n("ui.max.timeSkip.titleZero", [label])
: host.engine.i18n("ui.max.timeSkip.title", [
host.renderAbsolute(settings.max),
label,
]);
},
onRefreshTrigger: item => {
item.triggerButton.element[0].title = host.engine.i18n("ui.trigger", [
settings.trigger < 0
? host.engine.i18n("ui.trigger.section.inactive")
: `${host.renderFloat(settings.trigger, locale.selected)} TC`,
]);
},
onSetMax: () => {
Dialog.prompt(host, host.engine.i18n("ui.max.timeSkip.prompt"), host.engine.i18n("ui.max.timeSkip.promptTitle", [
host.renderAbsolute(settings.max, locale.selected),
]), host.renderAbsolute(settings.max), host.engine.i18n("ui.max.timeSkip.promptExplainer"))
.then(value => {
if (value === undefined) {
return;
}
if (value === "" || value.startsWith("-")) {
settings.max = -1;
return;
}
if (value === "0") {
settings.enabled = false;
}
settings.max = host.parseAbsolute(value) ?? settings.max;
})
.then(() => {
this.refreshUi();
})
.catch(redirectErrorsToConsole(console));
},
onSetTrigger: () => {
Dialog.prompt(host, host.engine.i18n("ui.trigger.timeSkip.prompt"), host.engine.i18n("ui.trigger.timeSkip.promptTitle", [
host.renderAbsolute(settings.trigger, locale.selected),
]), host.renderAbsolute(settings.trigger), host.engine.i18n("ui.trigger.timeSkip.promptExplainer"))
.then(value => {
if (value === undefined || value === "" || value.startsWith("-")) {
return;
}
settings.trigger = host.parseAbsolute(value) ?? settings.trigger;
})
.then(() => {
this.refreshUi();
})
.catch(redirectErrorsToConsole(console));
},
}), options);
this.settingItem.triggerButton.element.removeClass(stylesButton.lastHeadAction);
this._cycles = new CollapsiblePanel(host, new LabelListItem(host, ucfirst(host.engine.i18n("ui.cycles")), {
classes: [stylesSettingListItem.checked, stylesSettingListItem.setting],
childrenHead: [new Container(host, { classes: [stylesLabelListItem.fillSpace] })],
icon: Icons.Cycles,
}), {
children: [
new CyclesList(host, this.setting.cycles, {
onCheck: (label) => {
host.engine.imessage("time.skip.cycle.enable", [label]);
this.refreshUi();
},
onUnCheck: (label) => {
host.engine.imessage("time.skip.cycle.disable", [label]);
this.refreshUi();
},
}),
],
});
this._seasons = new CollapsiblePanel(host, new LabelListItem(host, ucfirst(host.engine.i18n("trade.seasons")), {
classes: [stylesSettingListItem.checked, stylesSettingListItem.setting],
childrenHead: [new Container(host, { classes: [stylesLabelListItem.fillSpace] })],
icon: Icons.Seasons,
}), {
children: [
new SeasonsList(host, this.setting.seasons, {
onCheck: (label) => {
host.engine.imessage("time.skip.season.enable", [label]);
this.refreshUi();
},
onUnCheck: (label) => {
host.engine.imessage("time.skip.season.disable", [label]);
this.refreshUi();
},
}),
],
});
this._activeHeatTransferUI = new TimeSkipHeatSettingsUi(host, this.setting.activeHeatTransfer, locale, settings, sectionSetting);
this.addChild(new SettingsList(host, {
children: [
this._cycles,
this._seasons,
new SettingListItem(host, this.setting.ignoreOverheat, host.engine.i18n("option.time.skip.ignoreOverheat")),
this._activeHeatTransferUI,
],
hasDisableAll: false,
hasEnableAll: false,
}));
}
}
//# sourceMappingURL=TimeSkipSettingsUi.js.map