- Possibilité de parler à une IA pour règle de jeu ou élément de lore / campagne au cours d'une partie comme aide mémoire - Onglet dédié aux personnages de la campagne - Onglet dédié aux scènes - Onglet avec dès pour ceux qui souhaitent ; Possibilité de rajouté une note en tant qu'évènement, jet de dès ou encore action du joueur par exemple. D'autres ajouts seront fait dans le futur (notamment des tables aléatoires pour PNJ en live).
62 lines
2.0 KiB
HTML
62 lines
2.0 KiB
HTML
<div class="dice-panel">
|
|
|
|
<div class="dice-controls">
|
|
<div class="face-grid">
|
|
<button *ngFor="let f of faces"
|
|
type="button"
|
|
class="face-chip"
|
|
[class.face-chip--active]="selectedFace === f"
|
|
(click)="selectedFace = f">
|
|
d{{ f }}
|
|
</button>
|
|
</div>
|
|
|
|
<div class="dice-inputs">
|
|
<label class="input-group">
|
|
<span>Nombre</span>
|
|
<input type="number" min="1" max="20" [(ngModel)]="count" />
|
|
</label>
|
|
<label class="input-group">
|
|
<span>Modificateur</span>
|
|
<input type="number" [(ngModel)]="modifier" />
|
|
</label>
|
|
</div>
|
|
|
|
<button type="button" class="btn-primary btn-roll" (click)="roll()">
|
|
<lucide-icon [img]="Dices" [size]="16"></lucide-icon>
|
|
Lancer {{ count }}d{{ selectedFace }}{{ modifier === 0 ? '' : (modifier > 0 ? '+' + modifier : modifier) }}
|
|
</button>
|
|
</div>
|
|
|
|
<div class="dice-history" *ngIf="history.length > 0">
|
|
<div class="history-header">
|
|
<span>Derniers jets</span>
|
|
<button type="button" class="btn-link" (click)="clearHistory()" title="Vider l'historique local">
|
|
<lucide-icon [img]="Trash2" [size]="12"></lucide-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<ul class="history-list">
|
|
<li *ngFor="let r of history" class="history-item">
|
|
<div class="history-text">
|
|
<span class="history-notation">{{ r.notation }}</span>
|
|
<span class="history-detail" *ngIf="r.rolls.length > 1">[{{ r.rolls.join(', ') }}]</span>
|
|
<span class="history-total">= {{ r.total }}</span>
|
|
</div>
|
|
<button type="button"
|
|
class="btn-icon"
|
|
[disabled]="!canAddToJournal"
|
|
[title]="canAddToJournal ? 'Ajouter au journal' : 'Session terminée'"
|
|
(click)="addToJournal(r)">
|
|
<lucide-icon [img]="BookmarkPlus" [size]="12"></lucide-icon>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p class="placeholder-hint" *ngIf="history.length === 0">
|
|
Choisis un dé et lance.
|
|
</p>
|
|
|
|
</div>
|