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
198
js/initiativetracker/initiativetracker-utils.js
Normal file
198
js/initiativetracker/initiativetracker-utils.js
Normal file
@@ -0,0 +1,198 @@
|
||||
export class UtilConditions {
|
||||
static getDefaultState ({name, color, turns}) {
|
||||
return {
|
||||
id: CryptUtil.uid(),
|
||||
entity: {
|
||||
name,
|
||||
color,
|
||||
turns: turns ? Number(turns) : null,
|
||||
},
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export class RenderableCollectionConditions extends RenderableCollectionGenericRows {
|
||||
constructor (
|
||||
{
|
||||
comp,
|
||||
$wrpRows,
|
||||
isReadOnly = false,
|
||||
barWidth = null,
|
||||
barHeight = null,
|
||||
},
|
||||
) {
|
||||
super(comp, "conditions", $wrpRows);
|
||||
this._isReadOnly = isReadOnly;
|
||||
this._barWidth = barWidth;
|
||||
this._barHeight = barHeight;
|
||||
}
|
||||
|
||||
_$getWrpRow () {
|
||||
const ptStyle = [
|
||||
this._barWidth != null ? `width: ${this._barWidth}px;` : null,
|
||||
this._barHeight != null ? `height: ${this._barHeight}px;` : null,
|
||||
]
|
||||
.filter(Boolean)
|
||||
.join(" ");
|
||||
|
||||
return $$`<div class="init__cond relative" ${ptStyle ? `style="${ptStyle}"` : ""}></div>`;
|
||||
}
|
||||
|
||||
/* -------------------------------------------- */
|
||||
|
||||
_populateRow ({comp, $wrpRow, entity}) {
|
||||
this._populateRow_bindHookTooltip({comp, $wrpRow, entity});
|
||||
this._populateRow_bindHookBars({comp, $wrpRow, entity});
|
||||
this._populateRow_bindHookConditionHover({comp, $wrpRow, entity});
|
||||
|
||||
$wrpRow
|
||||
.on("contextmenu", evt => {
|
||||
if (this._isReadOnly) return;
|
||||
evt.preventDefault();
|
||||
this._doTickDown({comp, entity, isFromClick: true});
|
||||
})
|
||||
.on("click", evt => {
|
||||
if (this._isReadOnly) return;
|
||||
if (EventUtil.isCtrlMetaKey(evt)) return this._utils.doDelete({entity});
|
||||
this._doTickUp({comp, entity, isFromClick: true});
|
||||
});
|
||||
}
|
||||
|
||||
_populateRow_bindHookTooltip ({comp, $wrpRow, entity}) {
|
||||
const hkTooltip = () => {
|
||||
const turnsText = `${comp._state.turns} turn${comp._state.turns > 1 ? "s" : ""} remaining; CTRL-click to Clear`;
|
||||
$wrpRow.title(
|
||||
comp._state.name && comp._state.turns
|
||||
? `${comp._state.name.escapeQuotes()} (${turnsText})`
|
||||
: comp._state.name
|
||||
? comp._state.name.escapeQuotes()
|
||||
: comp._state.turns
|
||||
? turnsText
|
||||
: "",
|
||||
);
|
||||
};
|
||||
comp._addHookBase("turns", hkTooltip);
|
||||
comp._addHookBase("name", hkTooltip);
|
||||
hkTooltip();
|
||||
}
|
||||
|
||||
_populateRow_bindHookBars ({comp, $wrpRow, entity}) {
|
||||
comp._addHookBase("turns", () => {
|
||||
const htmlBars = comp._state.turns
|
||||
? [...new Array(Math.min(comp._state.turns, 3))]
|
||||
.map(() => this._populateRow_getHtmlBar({comp, $wrpRow, entity}))
|
||||
.join("")
|
||||
: this._populateRow_getHtmlBar({comp, $wrpRow, entity});
|
||||
|
||||
$wrpRow
|
||||
.empty()
|
||||
.html(htmlBars);
|
||||
})();
|
||||
}
|
||||
|
||||
_populateRow_bindHookConditionHover ({comp, $wrpRow, entity}) {
|
||||
comp._addHookBase("name", () => {
|
||||
$wrpRow
|
||||
.off("mouseover")
|
||||
.off("mousemove")
|
||||
.off("mouseleave");
|
||||
|
||||
const cond = InitiativeTrackerUtil.CONDITIONS.find(it => it.condName !== null && it.name.toLowerCase() === comp._state.name.toLowerCase().trim());
|
||||
if (!cond) return;
|
||||
|
||||
const ele = $wrpRow[0];
|
||||
$wrpRow.on("mouseover", (evt) => {
|
||||
if (!evt.shiftKey) return;
|
||||
|
||||
evt.shiftKey = false;
|
||||
const hash = UrlUtil.URL_TO_HASH_BUILDER[UrlUtil.PG_CONDITIONS_DISEASES]({name: cond.condName || cond.name, source: Parser.SRC_PHB});
|
||||
Renderer.hover.pHandleLinkMouseOver(evt, ele, {page: UrlUtil.PG_CONDITIONS_DISEASES, source: Parser.SRC_PHB, hash}).then(null);
|
||||
});
|
||||
$wrpRow.on("mousemove", (evt) => Renderer.hover.handleLinkMouseMove(evt, ele));
|
||||
$wrpRow.on("mouseleave", (evt) => Renderer.hover.handleLinkMouseLeave(evt, ele));
|
||||
})();
|
||||
}
|
||||
|
||||
_populateRow_getHtmlBar ({comp, $wrpRow, entity}) {
|
||||
const styleStack = [
|
||||
comp._state.turns == null || comp._state.turns > 3
|
||||
? `background-image: linear-gradient(135deg, ${comp._state.color} 41.67%, transparent 41.67%, transparent 50%, ${comp._state.color} 50%, ${comp._state.color} 91.67%, transparent 91.67%, transparent 100%); background-size: 8.49px 8.49px;`
|
||||
: `background: ${comp._state.color};`,
|
||||
];
|
||||
if (this._barWidth != null) styleStack.push(`width: ${this._barWidth}px;`);
|
||||
return `<div class="init__cond_bar" style="${styleStack.join(" ")}"></div>`;
|
||||
}
|
||||
|
||||
/* -------------------------------------------- */
|
||||
|
||||
_doTickDown ({comp, entity, isFromClick = false}) {
|
||||
if (isFromClick && comp._state.turns == null) return this._utils.doDelete({entity}); // remove permanent conditions
|
||||
|
||||
if (comp._state.turns != null && (--comp._state.turns <= 0)) this._utils.doDelete({entity});
|
||||
}
|
||||
|
||||
_doTickUp ({comp, entity, isFromClick = false}) {
|
||||
if (isFromClick && comp._state.turns == null) return comp._state.turns = 1; // convert permanent condition
|
||||
|
||||
if (comp._state.turns != null) comp._state.turns++;
|
||||
}
|
||||
}
|
||||
|
||||
export class InitiativeTrackerUtil {
|
||||
static getWoundLevel (pctHp) {
|
||||
pctHp = Math.round(Math.max(Math.min(pctHp, 100), 0));
|
||||
if (pctHp === 100) return 0; // healthy
|
||||
if (pctHp > 50) return 1; // injured
|
||||
if (pctHp > 0) return 2; // bloody
|
||||
if (pctHp === 0) return 3; // defeated
|
||||
return -1; // unknown
|
||||
}
|
||||
|
||||
static getWoundMeta (woundLevel) { return InitiativeTrackerUtil._WOUND_META[woundLevel] || InitiativeTrackerUtil._WOUND_META[-1]; }
|
||||
|
||||
static _WOUND_META = {
|
||||
[-1]: {
|
||||
text: "Unknown",
|
||||
color: "#a5a5a5",
|
||||
},
|
||||
0: {
|
||||
text: "Healthy",
|
||||
color: MiscUtil.COLOR_HEALTHY,
|
||||
},
|
||||
1: {
|
||||
text: "Hurt",
|
||||
color: MiscUtil.COLOR_HURT,
|
||||
},
|
||||
2: {
|
||||
text: "Bloodied",
|
||||
color: MiscUtil.COLOR_BLOODIED,
|
||||
},
|
||||
3: {
|
||||
text: "Defeated",
|
||||
color: MiscUtil.COLOR_DEFEATED,
|
||||
},
|
||||
};
|
||||
|
||||
static CONDITIONS = [
|
||||
...Object.keys(Parser.CONDITION_TO_COLOR).map(k => ({
|
||||
name: k,
|
||||
color: Parser.CONDITION_TO_COLOR[k],
|
||||
})),
|
||||
{
|
||||
name: "Drunk",
|
||||
color: "#ffcc00",
|
||||
condName: null,
|
||||
},
|
||||
{
|
||||
name: "!!On Fire!!",
|
||||
color: "#ff6800",
|
||||
condName: null,
|
||||
},
|
||||
].sort((a, b) => SortUtil.ascSortLower(a.name.replace(/\W+/g, ""), b.name.replace(/\W+/g, "")));
|
||||
|
||||
/* -------------------------------------------- */
|
||||
|
||||
static getImageOrTokenHref ({imageHref, tokenUrl}) {
|
||||
return imageHref || {type: "external", url: tokenUrl};
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user