hench/templates/cards/cards.hbs
2024-12-26 15:38:59 -05:00

104 lines
4.6 KiB
Handlebars

<form>
Cards sheet
<div class="hench-sheet-container hench-unbiased hench-padding-wide hench-gap-wide hench-white">
<!-- Decks -->
<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 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 hench-clickable hench-cards-action-draw">
<span>
Draw
</span>
</div>
<div class="hench-row hench-padding-narrow hench-white">
<span>
View deck
</span>
</div>
<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">
{{#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 hench-clickable hench-cards-action-reset">
<span>
Reset
</span>
</div>
<div class="hench-row hench-padding-narrow hench-white">
<span>
View discard
</span>
</div>
<div class="hench-row hench-padding-narrow hench-white hench-clickable hench-cards-action-return-spread">
<span>
Return Spread
</span>
</div>
</div>
<div class="hench-box hench-flex-resizeable hench-card-fixed-item">
{{#topCard document "DISCARD"}}
<img class="hench-image-resize-vertical" src="{{#if hasTopCard}}{{topCardImage}}{{/if}}" />
{{/topCard}}
</div>
</div>
</div>
</div>
<!-- Spread -->
<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-even hench-gap-narrow">
{{#each document.spread}}
<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>
{{/each}}
</div>
</div>
</div>
</div>
</form>
<!--
| deck | ui | held | ui | deck |
| c | c | C | c | c |
deck click -> draw card to spread (max 5)
ui:
- draw -> draw card to spread (max 5)
- view -> open view-deck dialogue (GM only)
- draw from bottom -> draw card to spread from bottom (max 5)
held click -> play to discard
ui:
- shuffle -> shuffle
- reset -> reset & shuffle
- view -> open view-discard dialogue (all players)
discard click -> ???
card:
| play |
| card |
| cue |
play -> play card
card -> image
cue -> cue
-->