walcutt/hench
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

basic controls

Browse Source
This commit is contained in:
walcutt 2024-12-26 15:38:59 -05:00
parent 0e79987ecd
commit f91ecd6d95
4 changed files with 65 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
hench.mjs
View File

@ -37,6 +37,17 @@ Handlebars.registerHelper('canIncrease', (value, cap) => {
Handlebars.registerHelper('increment', (value) => (value + 1));
Handlebars.registerHelper('decrement', (value) => (value - 1));
Handlebars.registerHelper('topCard', (cards, zone, options) => {
const pile = cards.cardsInZone(zone);
const topCardImage = pile[0]?.currentFace?.img;
const defaultImage = cards.img;
const hasTopCard = pile.length > 0;
return options.fn({ hasTopCard: hasTopCard, topCardImage: topCardImage, deckImage: defaultImage });
});
Hooks.once("init", () => {
CONFIG.Actor.dataModels = {
hench: HenchDataModel,

32
module/sheets/hench-cards-sheet.mjs
View File

@ -1,3 +1,5 @@
import { CARD_ZONES } from "../cards/hench-card.mjs";
export class HenchCardsSheet extends CardsConfig {
/** @override */
get template() {
@ -7,13 +9,41 @@ export class HenchCardsSheet extends CardsConfig {
/** @override */
getData() {
const t = super.getData();
console.log(t);
return t;
}
/** @override */
activateListeners(html) {
super.activateListeners(html);
html.find('.hench-cards-action-draw').on('click', (event) => {
if(this.document.spread.length < 5) {
this.document.drawSpread(1);
}
});
html.find('.hench-cards-action-play').on('click', async (event) => {
const element = event.currentTarget;
const index = element.dataset.cardIndex;
// play the card!
await this.document.sendCards(this.document.spread.slice(index, index + 1), CARD_ZONES.DISCARD, CONST.CARD_DRAW_MODES.TOP);
await this.document.sendCards(this.document.spread, CARD_ZONES.DECK, CONST.CARD_DRAW_MODES.BOTTOM);
});
html.find('.hench-cards-action-draw-bottom').on('click', (event) => {
if(this.document.spread.length < 5) {
this.document.drawSpread(1, CONST.CARD_DRAW_MODES.BOTTOM);
}
});
html.find('.hench-cards-action-reset').on('click', (event) => {
this.document.resetDeck();
});
html.find('.hench-cards-action-return-spread').on('click', (event) => {
this.document.sendCards(this.document.spread, CARD_ZONES.DECK, CONST.CARD_DRAW_MODES.BOTTOM);
});
}
/** @override */

4
styles/hench.css
View File

@ -139,6 +139,10 @@
resize: vertical;
}
.hench-clickable {
cursor: pointer;
}
/* Specific */
.hench-row-even {

32
templates/cards/cards.hbs
View File

@ -7,11 +7,13 @@
<div class="hench-row hench-flex-resizeable hench-gap-wide">
<div class="hench-box hench-m-grey hench-flex-resizeable hench-padding-wide hench-gap-narrow">
<div class="hench-row hench-row-align-stretch hench-gap-narrow">
<div class="hench-box hench-flex-resizeable hench-card-fixed-item">
<img class="hench-image-resize-vertical" src="{{data.img}}" />
<div class="hench-box hench-flex-resizeable hench-card-fixed-item hench-clickable hench-cards-action-draw">
{{#topCard document "DECK"}}
<img class="hench-image-resize-vertical" src="{{#if hasTopCard}}{{deckImage}}{{/if}}" />
{{/topCard}}
</div>
<div class="hench-box hench-flex-resizeable hench-gap-narrow hench-row-even">
<div class="hench-row hench-padding-narrow hench-white">
<div class="hench-row hench-padding-narrow hench-white hench-clickable hench-cards-action-draw">
<span>
Draw
</span>
@ -21,34 +23,38 @@
View deck
</span>
</div>
<div class="hench-row hench-padding-narrow hench-white">
<div class="hench-row hench-padding-narrow hench-white hench-clickable hench-cards-action-draw-bottom">
<span>
Draw from Bottom
</span>
</div>
</div>
<div class="hench-box hench-flex-resizeable hench-card-fixed-item">
<img class="hench-image-resize-vertical" src="{{data.img}}" />
{{#topCard document "HELD"}}
<img class="hench-image-resize-vertical" src="{{#if hasTopCard}}{{topCardImage}}{{/if}}" />
{{/topCard}}
</div>
<div class="hench-box hench-flex-resizeable hench-gap-narrow hench-row-even">
<div class="hench-row hench-padding-narrow hench-white">
<div class="hench-row hench-padding-narrow hench-white hench-clickable hench-cards-action-reset">
<span>
Draw
Reset
</span>
</div>
<div class="hench-row hench-padding-narrow hench-white">
<span>
View deck
View discard
</span>
</div>
<div class="hench-row hench-padding-narrow hench-white">
<div class="hench-row hench-padding-narrow hench-white hench-clickable hench-cards-action-return-spread">
<span>
Draw from Bottom
Return Spread
</span>
</div>
</div>
<div class="hench-box hench-flex-resizeable hench-card-fixed-item">
<img class="hench-image-resize-vertical" src="{{data.img}}" />
{{#topCard document "DISCARD"}}
<img class="hench-image-resize-vertical" src="{{#if hasTopCard}}{{topCardImage}}{{/if}}" />
{{/topCard}}
</div>
</div>
</div>
@ -58,8 +64,8 @@
<div class="hench-box hench-m-grey hench-flex-resizeable hench-padding-wide hench-gap-narrow">
<div class="hench-row hench-row-even hench-gap-narrow">
{{#each document.spread}}
<div class="hench-box hench-flex-resizeable hench-card-fixed-item">
<img class="hench-image-resize-vertical" src="{{this.currentFace.img}}" />
<div class="hench-box hench-flex-resizeable hench-card-fixed-item hench-clickable hench-cards-action-play" data-card-index="{{@index}}">
<img class="hench-image-resize-vertical" src="{{this.currentFace.img}}" alt="{{this.system.cue}}" />
</div>
{{else}}
<div class="hench-box hench-flex-resizeable hench-card-fixed-item hench-card-empty"></div>