mirror of
https://github.com/Kornstalx/5etools-mirror-2.github.io.git
synced 2025-10-28 20:45:35 -05:00
v1.198.1
This commit is contained in:
TheGiddyLimit
363
js/bestiary/bestiary-encounterbuilder-ui.js
Normal file
363
js/bestiary/bestiary-encounterbuilder-ui.js
Normal file
@@ -0,0 +1,363 @@
|
||||
import {EncounterBuilderUi} from "../encounterbuilder/encounterbuilder-ui.js";
|
||||
import {EncounterBuilderCreatureMeta} from "../encounterbuilder/encounterbuilder-models.js";
|
||||
import {EncounterBuilderHelpers} from "../utils-list-bestiary.js";
|
||||
|
||||
export class EncounterBuilderUiBestiary extends EncounterBuilderUi {
|
||||
static _HASH_KEY = "encounterbuilder";
|
||||
|
||||
_isSuspendSyncToSublist = false;
|
||||
|
||||
constructor ({cache, comp, bestiaryPage, sublistManager}) {
|
||||
super({cache, comp});
|
||||
|
||||
this._bestiaryPage = bestiaryPage;
|
||||
this._sublistManager = sublistManager;
|
||||
|
||||
this._lock = new VeLock();
|
||||
|
||||
this._cachedTitle = null;
|
||||
}
|
||||
|
||||
initUi () {
|
||||
document.getElementById("stat-tabs").classList.add("best-ecgen__hidden");
|
||||
document.getElementById("float-token").classList.add("best-ecgen__hidden");
|
||||
document.getElementById("wrp-pagecontent").classList.add("best-ecgen__hidden");
|
||||
|
||||
$(`#btn-encounterbuild`).click(() => Hist.setSubhash(this.constructor._HASH_KEY, true));
|
||||
}
|
||||
|
||||
render () {
|
||||
super.render({
|
||||
$parentRandomAndAdjust: $("#wrp-encounterbuild-random-and-adjust"),
|
||||
$parentGroupAndDifficulty: $("#wrp-encounterbuild-group-and-difficulty"),
|
||||
});
|
||||
this._render_saveLoad();
|
||||
}
|
||||
|
||||
_render_saveLoad () {
|
||||
const $btnSave = $(`<button class="btn btn-default btn-xs">Save Encounter</button>`)
|
||||
.click(evt => this._sublistManager.pHandleClick_save(evt));
|
||||
|
||||
const $btnLoad = $(`<button class="btn btn-default btn-xs">Load Encounter</button>`)
|
||||
.click(evt => this._sublistManager.pHandleClick_load(evt));
|
||||
|
||||
$$(document.getElementById("best-ecgen__wrp-save-controls"))`<div class="ve-flex-col">
|
||||
<div class="ve-flex-h-right btn-group">
|
||||
${$btnSave}
|
||||
${$btnLoad}
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
_handleClickCopyAsText (evt) {
|
||||
let xpTotal = 0;
|
||||
const ptsCreature = this._sublistManager.sublistItems
|
||||
.sort((a, b) => SortUtil.ascSortLower(a.name, b.name))
|
||||
.map(it => {
|
||||
xpTotal += Parser.crToXpNumber(it.values.cr) * it.data.count;
|
||||
return `${it.data.count}× ${it.name}`;
|
||||
});
|
||||
const ptXp = `${xpTotal.toLocaleString()} XP`;
|
||||
|
||||
if (evt.shiftKey) {
|
||||
MiscUtil.pCopyTextToClipboard([...ptsCreature, ptXp].join("\n")).then(null);
|
||||
} else {
|
||||
MiscUtil.pCopyTextToClipboard(`${ptsCreature.join(", ")} (${ptXp})`).then(null);
|
||||
}
|
||||
JqueryUtil.showCopiedEffect(evt.currentTarget);
|
||||
}
|
||||
|
||||
_handleClickBackToStatblocks () {
|
||||
Hist.setSubhash(this.constructor._HASH_KEY, null);
|
||||
}
|
||||
|
||||
_render_groupAndDifficulty ({rdState, $parentGroupAndDifficulty}) {
|
||||
super._render_groupAndDifficulty({rdState, $parentGroupAndDifficulty});
|
||||
|
||||
const $btnSaveToUrl = $(`<button class="btn btn-default btn-xs mr-2">Save to URL</button>`)
|
||||
.click(() => this._sublistManager.pHandleClick_download({isUrl: true, $eleCopyEffect: $btnSaveToUrl}));
|
||||
const $btnSaveToFile = $(`<button class="btn btn-default btn-xs">Save to File</button>`)
|
||||
.click(() => this._sublistManager.pHandleClick_download());
|
||||
const $btnLoadFromFile = $(`<button class="btn btn-default btn-xs">Load from File</button>`)
|
||||
.click(evt => this._sublistManager.pHandleClick_upload({isAdditive: evt.shiftKey}));
|
||||
const $btnCopyAsText = $(`<button class="btn btn-default btn-xs mr-2" title="SHIFT for Multi-Line Format">Copy as Text</button>`).click((evt) => this._handleClickCopyAsText(evt));
|
||||
const $btnReset = $(`<button class="btn btn-danger btn-xs" title="SHIFT to Reset Players">Reset</button>`)
|
||||
.click((evt) => this._sublistManager.pHandleClick_new(evt));
|
||||
|
||||
const $btnBackToStatblocks = $(`<button class="btn btn-success btn-xs">Back to Stat Blocks</button>`).click((evt) => this._handleClickBackToStatblocks(evt));
|
||||
|
||||
$$`<div class="ve-flex-col w-100">
|
||||
<hr class="hr-1">
|
||||
|
||||
<div class="ve-flex-v-center mb-2">
|
||||
${$btnSaveToUrl}
|
||||
<div class="btn-group ve-flex-v-center mr-2">
|
||||
${$btnSaveToFile}
|
||||
${$btnLoadFromFile}
|
||||
</div>
|
||||
${$btnCopyAsText}
|
||||
${$btnReset}
|
||||
</div>
|
||||
|
||||
<div class="ve-flex">
|
||||
${$btnBackToStatblocks}
|
||||
</div>
|
||||
</div>`
|
||||
.appendTo($parentGroupAndDifficulty);
|
||||
}
|
||||
|
||||
/* -------------------------------------------- */
|
||||
|
||||
withSublistSyncSuppressed (fn) {
|
||||
try {
|
||||
this._isSuspendSyncToSublist = true;
|
||||
fn();
|
||||
} finally {
|
||||
this._isSuspendSyncToSublist = false;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* On encounter builder state change, save to the sublist
|
||||
*/
|
||||
_render_hk_doUpdateExternalStates () {
|
||||
if (this._isSuspendSyncToSublist) return;
|
||||
this._render_hk_pDoUpdateExternalStates().then(null);
|
||||
}
|
||||
|
||||
async _render_hk_pDoUpdateExternalStates () {
|
||||
try {
|
||||
await this._lock.pLock();
|
||||
await this._render_hk_pDoUpdateExternalStates_();
|
||||
} finally {
|
||||
this._lock.unlock();
|
||||
}
|
||||
}
|
||||
|
||||
async _render_hk_pDoUpdateExternalStates_ () {
|
||||
const nxtState = await this._sublistManager.pGetExportableSublist({isMemoryOnly: true});
|
||||
Object.assign(nxtState, this._comp.getSublistPluginState());
|
||||
await this._sublistManager.pDoLoadExportedSublist(nxtState, {isMemoryOnly: true});
|
||||
}
|
||||
|
||||
/* -------------------------------------------- */
|
||||
|
||||
onSublistChange ({$dispCrTotal}) {
|
||||
const encounterXpInfo = EncounterBuilderCreatureMeta.getEncounterXpInfo(this._comp.creatureMetas, this._getPartyMeta());
|
||||
|
||||
const monCount = this._sublistManager.sublistItems.map(it => it.data.count).sum();
|
||||
$dispCrTotal.html(`${monCount} creature${monCount === 1 ? "" : "s"}; ${encounterXpInfo.baseXp.toLocaleString()} XP (<span class="help" title="Adjusted Encounter XP">Enc</span>: ${(encounterXpInfo.adjustedXp).toLocaleString()} XP)`);
|
||||
}
|
||||
|
||||
/* -------------------------------------------- */
|
||||
|
||||
resetCache () { this._cache.reset(); }
|
||||
|
||||
isActive () {
|
||||
return Hist.getSubHash(this.constructor._HASH_KEY) === "true";
|
||||
}
|
||||
|
||||
_showBuilder () {
|
||||
this._cachedTitle = this._cachedTitle || document.title;
|
||||
document.title = "Encounter Builder - 5etools";
|
||||
$(document.body).addClass("best__ecgen-active");
|
||||
this._bestiaryPage.doDeselectAll();
|
||||
this._sublistManager.doSublistDeselectAll();
|
||||
}
|
||||
|
||||
_hideBuilder () {
|
||||
if (this._cachedTitle) {
|
||||
document.title = this._cachedTitle;
|
||||
this._cachedTitle = null;
|
||||
}
|
||||
$(document.body).removeClass("best__ecgen-active");
|
||||
}
|
||||
|
||||
_handleClick ({evt, mode, entity}) {
|
||||
if (mode === "add") {
|
||||
return this._sublistManager.pDoSublistAdd({entity, doFinalize: true, addCount: evt.shiftKey ? 5 : 1});
|
||||
}
|
||||
|
||||
return this._sublistManager.pDoSublistSubtract({entity, subtractCount: evt.shiftKey ? 5 : 1});
|
||||
}
|
||||
|
||||
async _pHandleShuffleClick ({evt, sublistItem}) {
|
||||
const creatureMeta = EncounterBuilderHelpers.getSublistedCreatureMeta({sublistItem});
|
||||
this._doShuffle({creatureMeta});
|
||||
}
|
||||
|
||||
handleSubhash () {
|
||||
if (Hist.getSubHash(this.constructor._HASH_KEY) === "true") this._showBuilder();
|
||||
else this._hideBuilder();
|
||||
}
|
||||
|
||||
async doStatblockMouseOver ({evt, ele, source, hash, customHashId}) {
|
||||
return Renderer.hover.pHandleLinkMouseOver(
|
||||
evt,
|
||||
ele,
|
||||
{
|
||||
page: UrlUtil.PG_BESTIARY,
|
||||
source,
|
||||
hash,
|
||||
customHashId,
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
static getTokenHoverMeta (mon) {
|
||||
const hasToken = mon.tokenUrl || mon.hasToken;
|
||||
if (!hasToken) return null;
|
||||
|
||||
return Renderer.hover.getMakePredefinedHover(
|
||||
{
|
||||
type: "image",
|
||||
href: {
|
||||
type: "external",
|
||||
url: Renderer.monster.getTokenUrl(mon),
|
||||
},
|
||||
data: {
|
||||
hoverTitle: `Token \u2014 ${mon.name}`,
|
||||
},
|
||||
},
|
||||
{isBookContent: true},
|
||||
);
|
||||
}
|
||||
|
||||
static _getFauxMon (name, source, scaledTo) {
|
||||
return {name, source, _isScaledCr: scaledTo != null, _scaledCr: scaledTo};
|
||||
}
|
||||
|
||||
async pDoCrChange ($iptCr, monScaled, scaledTo) {
|
||||
if (!$iptCr) return; // Should never occur, but if the creature has a non-adjustable CR, this field will not exist
|
||||
|
||||
try {
|
||||
await this._lock.pLock();
|
||||
await this._pDoCrChange({$iptCr, monScaled, scaledTo});
|
||||
} finally {
|
||||
this._lock.unlock();
|
||||
}
|
||||
}
|
||||
|
||||
async _pDoCrChange ({$iptCr, monScaled, scaledTo}) {
|
||||
// Fetch original
|
||||
const mon = await DataLoader.pCacheAndGetHash(
|
||||
UrlUtil.PG_BESTIARY,
|
||||
UrlUtil.autoEncodeHash(monScaled),
|
||||
);
|
||||
|
||||
const baseCr = mon.cr.cr || mon.cr;
|
||||
if (baseCr == null) return;
|
||||
const baseCrNum = Parser.crToNumber(baseCr);
|
||||
const targetCr = $iptCr.val();
|
||||
|
||||
if (!Parser.isValidCr(targetCr)) {
|
||||
JqueryUtil.doToast({
|
||||
content: `"${$iptCr.val()}" is not a valid Challenge Rating! Please enter a valid CR (0-30). For fractions, "1/X" should be used.`,
|
||||
type: "danger",
|
||||
});
|
||||
$iptCr.val(Parser.numberToCr(scaledTo || baseCr));
|
||||
return;
|
||||
}
|
||||
|
||||
const targetCrNum = Parser.crToNumber(targetCr);
|
||||
|
||||
if (targetCrNum === scaledTo) return;
|
||||
|
||||
const state = await this._sublistManager.pGetExportableSublist({isForceIncludePlugins: true, isMemoryOnly: true});
|
||||
const toFindHash = UrlUtil.autoEncodeHash(mon);
|
||||
|
||||
const toFindUid = !(scaledTo == null || baseCrNum === scaledTo) ? Renderer.monster.getCustomHashId(this.constructor._getFauxMon(mon.name, mon.source, scaledTo)) : null;
|
||||
const ixCurrItem = state.items.findIndex(it => {
|
||||
if (scaledTo == null || scaledTo === baseCrNum) return !it.customHashId && it.h === toFindHash;
|
||||
else return it.customHashId === toFindUid;
|
||||
});
|
||||
if (!~ixCurrItem) throw new Error(`Could not find previously sublisted item!`);
|
||||
|
||||
const toFindNxtUid = baseCrNum !== targetCrNum ? Renderer.monster.getCustomHashId(this.constructor._getFauxMon(mon.name, mon.source, targetCrNum)) : null;
|
||||
const nextItem = state.items.find(it => {
|
||||
if (targetCrNum === baseCrNum) return !it.customHashId && it.h === toFindHash;
|
||||
else return it.customHashId === toFindNxtUid;
|
||||
});
|
||||
|
||||
// if there's an existing item with a matching UID (or lack of), merge into it
|
||||
if (nextItem) {
|
||||
const curr = state.items[ixCurrItem];
|
||||
nextItem.c = `${Number(nextItem.c || 1) + Number(curr.c || 1)}`;
|
||||
state.items.splice(ixCurrItem, 1);
|
||||
} else {
|
||||
// if we're returning to the original CR, wipe the existing UID. Otherwise, adjust it
|
||||
if (targetCrNum === baseCrNum) delete state.items[ixCurrItem].customHashId;
|
||||
else state.items[ixCurrItem].customHashId = Renderer.monster.getCustomHashId(this.constructor._getFauxMon(mon.name, mon.source, targetCrNum));
|
||||
}
|
||||
|
||||
await this._sublistManager.pDoLoadExportedSublist(state, {isMemoryOnly: true});
|
||||
}
|
||||
|
||||
getButtons (monId) {
|
||||
return e_({
|
||||
tag: "span",
|
||||
clazz: `best-ecgen__visible col-1 no-wrap pl-0 btn-group`,
|
||||
click: evt => {
|
||||
evt.preventDefault();
|
||||
evt.stopPropagation();
|
||||
},
|
||||
children: [
|
||||
e_({
|
||||
tag: "button",
|
||||
title: `Add (SHIFT for 5)`,
|
||||
clazz: `btn btn-success btn-xs best-ecgen__btn-list`,
|
||||
click: evt => this._handleClick({evt, entity: this._bestiaryPage.dataList_[monId], mode: "add"}),
|
||||
children: [
|
||||
e_({
|
||||
tag: "span",
|
||||
clazz: `glyphicon glyphicon-plus`,
|
||||
}),
|
||||
],
|
||||
}),
|
||||
e_({
|
||||
tag: "button",
|
||||
title: `Subtract (SHIFT for 5)`,
|
||||
clazz: `btn btn-danger btn-xs best-ecgen__btn-list`,
|
||||
click: evt => this._handleClick({evt, entity: this._bestiaryPage.dataList_[monId], mode: "subtract"}),
|
||||
children: [
|
||||
e_({
|
||||
tag: "span",
|
||||
clazz: `glyphicon glyphicon-minus`,
|
||||
}),
|
||||
],
|
||||
}),
|
||||
],
|
||||
});
|
||||
}
|
||||
|
||||
getSublistButtonsMeta (sublistItem) {
|
||||
const $btnAdd = $(`<button title="Add (SHIFT for 5)" class="btn btn-success btn-xs best-ecgen__btn-list"><span class="glyphicon glyphicon-plus"></span></button>`)
|
||||
.click(evt => this._handleClick({evt, entity: sublistItem.data.entity, mode: "add"}));
|
||||
|
||||
const $btnSub = $(`<button title="Subtract (SHIFT for 5)" class="btn btn-danger btn-xs best-ecgen__btn-list"><span class="glyphicon glyphicon-minus"></span></button>`)
|
||||
.click(evt => this._handleClick({evt, entity: sublistItem.data.entity, mode: "subtract"}));
|
||||
|
||||
const $btnRandomize = $(`<button title="Randomize Monster" class="btn btn-default btn-xs best-ecgen__btn-list"><span class="glyphicon glyphicon-random"></span></button>`)
|
||||
.click(evt => this._pHandleShuffleClick({evt, sublistItem}));
|
||||
|
||||
const $btnLock = $(`<button title="Lock Monster against Randomizing/Adjusting" class="btn btn-default btn-xs best-ecgen__btn-list"><span class="glyphicon glyphicon-lock"></span></button>`)
|
||||
.click(() => this._sublistManager.pSetDataEntry({sublistItem, key: "isLocked", value: !sublistItem.data.isLocked}))
|
||||
.toggleClass("active", sublistItem.data.isLocked);
|
||||
|
||||
const $wrp = $$`<span class="best-ecgen__visible col-1-5 no-wrap pl-0 btn-group">
|
||||
${$btnAdd}
|
||||
${$btnSub}
|
||||
${$btnRandomize}
|
||||
${$btnLock}
|
||||
</span>`
|
||||
.click(evt => {
|
||||
evt.preventDefault();
|
||||
evt.stopPropagation();
|
||||
});
|
||||
|
||||
return {
|
||||
$wrp,
|
||||
fnUpdate: () => $btnLock.toggleClass("active", sublistItem.data.isLocked),
|
||||
};
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user