Workable system, firt step
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user