79 lines
2.8 KiB
Handlebars
79 lines
2.8 KiB
Handlebars
<div class="tarot-deck-manager-content">
|
|
<div class="deck-header">
|
|
<h2>{{localize "HAMALRON.TarotDeck.Title"}}</h2>
|
|
<div class="deck-stats">
|
|
<div class="stat-item">
|
|
<i class="fas fa-layer-group"></i>
|
|
<span class="stat-label">{{localize "HAMALRON.TarotDeck.CardsInDeck"}}:</span>
|
|
<span class="stat-value">{{deckCount}}</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<i class="fas fa-hand-holding"></i>
|
|
<span class="stat-label">{{localize "HAMALRON.TarotDeck.CardsDrawn"}}:</span>
|
|
<span class="stat-value">{{drawnCount}}</span>
|
|
</div>
|
|
<div class="stat-item">
|
|
<i class="fas fa-clone"></i>
|
|
<span class="stat-label">{{localize "HAMALRON.TarotDeck.TotalCards"}}:</span>
|
|
<span class="stat-value">{{totalCards}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="deck-actions">
|
|
<button type="button" class="action-button reset-button" data-action="resetDeck">
|
|
<i class="fas fa-sync-alt"></i>
|
|
{{localize "HAMALRON.TarotDeck.ResetDeck"}}
|
|
</button>
|
|
|
|
<div class="draw-actions">
|
|
<button type="button" class="action-button draw-button" data-action="drawCard" {{#unless hasCards}}disabled{{/unless}}>
|
|
<i class="fas fa-hand-sparkles"></i>
|
|
{{localize "HAMALRON.TarotDeck.DrawOne"}}
|
|
</button>
|
|
|
|
<button type="button" class="action-button draw-button" data-action="drawMultiple" data-count="3" {{#unless hasCards}}disabled{{/unless}}>
|
|
<i class="fas fa-cards-blank"></i>
|
|
{{localize "HAMALRON.TarotDeck.DrawThree"}}
|
|
</button>
|
|
|
|
<button type="button" class="action-button draw-button" data-action="drawMultiple" data-count="5" {{#unless hasCards}}disabled{{/unless}}>
|
|
<i class="fas fa-cards"></i>
|
|
{{localize "HAMALRON.TarotDeck.DrawFive"}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
{{#if drawnCards.length}}
|
|
<div class="recent-draws">
|
|
<h3>{{localize "HAMALRON.TarotDeck.RecentDraws"}}</h3>
|
|
<div class="drawn-cards-list">
|
|
{{#each drawnCards}}
|
|
<div class="drawn-card">
|
|
<img src="{{this.img}}" alt="{{this.name}}" class="card-image">
|
|
<div class="card-info">
|
|
<h4 class="card-name">{{this.name}}</h4>
|
|
<div class="card-details">
|
|
<span class="card-symbole">{{lookup ../symboleLabel @index}}</span>
|
|
<span class="card-valeur">{{lookup ../valeurLabel @index}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="no-draws">
|
|
<i class="fas fa-cards fa-3x"></i>
|
|
<p>{{localize "HAMALRON.TarotDeck.NoDrawsYet"}}</p>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#unless hasCards}}
|
|
<div class="deck-empty-warning">
|
|
<i class="fas fa-exclamation-triangle"></i>
|
|
<p>{{localize "HAMALRON.TarotDeck.DeckEmptyWarning"}}</p>
|
|
</div>
|
|
{{/unless}}
|
|
</div>
|