Foundry/ripcrypt
1
0
Fork 0
Code Issues 22 Pull requests Releases Activity Actions

Getting the popover Application working on the most superficial level, and creating a generic popover mixin

Browse source
This commit is contained in:
Oliver-Akins 2025-03-13 23:36:25 -06:00
parent af5cf4acd5
commit 8e8202f8a6
7 changed files with 244 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

63
module/Apps/ActorSheets/HeroSkillsCardV1.mjs
View file

@ -1,9 +1,10 @@
import { deleteItemFromElement, editItemFromElement } from "../utils.mjs";
import { documentSorter, filePath } from "../../consts.mjs";
import { documentSorter, filePath, getTooltipDelay } from "../../consts.mjs";
import { gameTerms } from "../../gameTerms.mjs";
import { GenericAppMixin } from "../GenericApp.mjs";
import { localizer } from "../../utils/Localizer.mjs";
import { Logger } from "../../utils/Logger.mjs";
import { AmmoTracker } from "../popovers/AmmoTracker.mjs";
const { HandlebarsApplicationMixin } = foundry.applications.api;
const { ActorSheetV2 } = foundry.applications.sheets;
@ -39,16 +40,19 @@ export class HeroSkillsCardV1 extends GenericAppMixin(HandlebarsApplicationMixin
};
// #endregion
// #region Instance Data
/** @type {number | undefined} */
#ammoTrackerHoverTimeout = null;
/** @type {AmmoTracker | null} */
#ammoTracker = null;
// #endregion
// #region Lifecycle
async _onRender(context, options) {
await super._onRender(context, options);
HeroSkillsCardV1._onRender.bind(this)(context, options);
const ammo = this.element.querySelector(`.ammo`);
ammo.addEventListener(`mouseenter`, () => {console.log(`mouseenter-ing`)});
ammo.addEventListener(`contextmenu`, () => {console.log(`right-clicking`)});
await this.#createAmmoTrackerEvents();
};
static async _onRender(_context, options) {
@ -81,6 +85,13 @@ export class HeroSkillsCardV1 extends GenericAppMixin(HandlebarsApplicationMixin
);
};
async #createAmmoTrackerEvents() {
const ammoInfoIcon = this.element.querySelector(`.ammo-info-icon`);
ammoInfoIcon.addEventListener(`pointerenter`, this.#ammoInfoPointerEnter.bind(this));
ammoInfoIcon.addEventListener(`pointerout`, this.#ammoInfoPointerOut.bind(this));
ammoInfoIcon.addEventListener(`click`, this.#ammoInfoClick.bind(this));
};
async _preparePartContext(partId, ctx, opts) {
ctx = await super._preparePartContext(partId, ctx, opts);
ctx.actor = this.document;
@ -177,6 +188,44 @@ export class HeroSkillsCardV1 extends GenericAppMixin(HandlebarsApplicationMixin
};
// #endregion
// #region Event Listeners
/**
* @param {PointerEvent} event
*/
async #ammoInfoPointerEnter(event) {
console.log(event.x, event.y);
const { x, y } = event;
this.#ammoTrackerHoverTimeout = setTimeout(
() => {
this.#ammoTrackerHoverTimeout = null;
const tracker = new AmmoTracker({
popover: {
framed: false,
x, y,
},
});
tracker.render({ force: true });
this.#ammoTracker = tracker;
},
getTooltipDelay(),
);
};
async #ammoInfoPointerOut() {
if (this.#ammoTracker) {
// this.#ammoTracker.close();
};
if (this.#ammoTrackerHoverTimeout !== null) {
clearTimeout(this.#ammoTrackerHoverTimeout);
this.#ammoTrackerHoverTimeout = null;
};
};
async #ammoInfoClick() {};
// #endregion
// #region Actions
// #endregion
};