Workable system, firt step

This commit is contained in:
2026-01-02 20:30:29 +01:00
parent 70d1720176
commit 8a27cef9a4
69 changed files with 6081 additions and 1767 deletions
+60 -55
View File
@@ -5,13 +5,27 @@
>
<div class="tarot-hand-container">
<div class="tarot-hand-header">
<h2>{{localize "HAMALRON.Label.tarotHand"}}</h2>
<div class="tarot-hand-info">
<span class="card-count">
<span class="card-count {{#if isOverLimit}}over-limit{{/if}}">
<i class="fas fa-layer-group"></i>
{{tarotCards.length}}
{{handSize}} / {{handLimit}}
{{localize "HAMALRON.Label.cards"}}
</span>
<button
class="draw-card-button"
data-action="drawCard"
data-tooltip="{{localize 'HAMALRON.Label.drawCard'}}"
{{#unless (lt handSize 7)}}disabled{{/unless}}
>
<i class="fas fa-hand-sparkles"></i>
{{localize "HAMALRON.Label.drawCard"}}
</button>
{{#if isOverLimit}}
<span class="hand-warning">
<i class="fas fa-exclamation-triangle"></i>
{{localize "HAMALRON.Label.mustDiscardCard"}}
</span>
{{/if}}
</div>
</div>
@@ -19,30 +33,30 @@
<div class="tarot-hand-cards">
{{#each tarotCards as |card|}}
<div
class="tarot-card-wrapper"
class="tarot-card-wrapper {{#if card.isSuccessCard}}success-card{{/if}}"
data-item-id="{{card.id}}"
data-item-uuid="{{card.uuid}}"
data-drag="true"
data-action="selectCard"
>
<div class="tarot-card">
<div class="tarot-card-inner">
<div class="tarot-card-front">
<div class="tarot-card-header">
<h3 class="tarot-card-name">{{card.name}}</h3>
<div class="tarot-card-controls">
{{#if @root.isEditMode}}
<a
class="card-control"
class="card-control delete-control"
data-tooltip="{{localize 'HAMALRON.Delete'}}"
data-action="delete"
data-item-id="{{card.id}}"
data-item-uuid="{{card.uuid}}"
>
<i class="fas fa-trash"></i>
<i class="fas fa-times"></i>
</a>
{{/if}}
<a
class="card-control"
class="card-control view-control"
data-tooltip="{{localize 'HAMALRON.ViewDetails'}}"
data-action="edit"
data-item-id="{{card.id}}"
@@ -50,6 +64,9 @@
>
<i class="fas fa-eye"></i>
</a>
{{#if card.isSuccessCard}}
<span class="success-indicator"><i class="fas fa-star"></i></span>
{{/if}}
</div>
</div>
@@ -57,57 +74,45 @@
<img src="{{card.system.image}}" alt="{{card.name}}" />
</div>
<div class="tarot-card-info">
<div class="card-info-row">
<span class="info-label">
<i class="fas fa-star"></i>
{{localize "HAMALRON.Tarot.FIELDS.symbole.label"}}:
</span>
<span class="info-value symbole-{{card.system.symbole}}">
{{localize
(concat
"HAMALRON.Tarot.FIELDS.symbole." card.system.symbole
)
}}
</span>
</div>
<div class="card-info-row">
<span class="info-label">
<i class="fas fa-hashtag"></i>
{{localize "HAMALRON.Tarot.FIELDS.valeur.label"}}:
</span>
<span class="info-value">
{{localize
(concat
"HAMALRON.Tarot.FIELDS.valeur." card.system.valeur
)
}}
</span>
</div>
<div class="card-info-row">
<span class="info-label">
<i class="fas fa-tag"></i>
{{localize "HAMALRON.Tarot.FIELDS.type.label"}}:
</span>
<span class="info-value">
{{localize
(concat
"HAMALRON.Tarot.FIELDS.type." card.system.type
)
}}
</span>
</div>
<div class="tarot-card-name">
<h4>{{card.name}}</h4>
</div>
{{#if card.system.description}}
<div class="tarot-card-description">
<div class="description-text">
{{{card.enrichedDescription}}}
<div class="tarot-card-info">
<div class="card-info-compact">
<div class="card-symbole symbole-{{card.system.symbole}}">
<i class="fas fa-circle"></i>
{{localize (concat "HAMALRON.Tarot.FIELDS.symbole." card.system.symbole)}}
</div>
<div class="card-valeur">
{{tarotValue card.system.valeur}}
</div>
</div>
{{/if}}
<div class="card-actions">
<button
class="discard-and-draw-button"
data-action="discardAndDraw"
data-item-id="{{card.id}}"
data-tooltip="{{localize 'HAMALRON.Label.discardAndDraw'}}"
>
<i class="fas fa-exchange-alt"></i>
{{localize "HAMALRON.Label.discardAndDraw"}}
</button>
</div>
{{#if @root.isOverLimit}}
{{#if @root.isEditMode}}
<button
class="discard-button"
data-action="discardCard"
data-item-id="{{card.id}}"
data-tooltip="{{localize 'HAMALRON.Label.discardCard'}}"
>
<i class="fas fa-trash-alt"></i>
{{localize "HAMALRON.Label.discard"}}
</button>
{{/if}}
{{/if}}
</div>
</div>
</div>
</div>