This commit is contained in:
Chris Chen
2024-04-06 07:26:12 -07:00
parent d486fe9594
commit dfc1f269a0
18 changed files with 368 additions and 94 deletions
@@ -15,12 +15,15 @@
<div class="col-12 col-md-5">
<nb-card>
<nb-card-header>
<img src="{{imgUrl('HeroIcon.png')}}" width="40px"> Game Info
<img src="{{imgUrl('HeroIcon.png')}}" width="40px">
<span class="ml-2 g-font-size-17 MD2text" [innerHtml]="round"></span>
<button nbButton hero status="info" size="small" (click)="showQrCode()"
class="float-right">Invite</button>
<button nbButton hero status="info" size="small" [disabled]="anyHeroRemainAction"
(click)="md2Service.runNextPhase()" class="float-right mr-2">Next Phase</button>
<button nbButton hero status="info" size="small" (click)="broadcastHeros()"
class="float-right mr-2">Broadcast</button>
</nb-card-header>
<nb-card-body>
@@ -41,8 +44,7 @@
</div>
<div class="row" *ngIf="md2Service.heros.length>0">
<div class="col-12 g-font-size-17" [innerHtml]="roundPhase"></div>
<!-- <div class="col-12 g-font-size-17" [innerHtml]="roundPhase"></div> -->
<!-- <div class="col-6">
<label for='playerAmount' class='label'>Hero Amount ({{md2Service.playerAmount}})</label>
</div>
@@ -57,14 +59,19 @@
<span class="badge badge-primary mr-1">HP: {{hero.hp}}/{{hero.hpMaximum}}</span>
<span class="badge badge-primary mr-1">Mana: {{hero.mp}}/{{hero.mpMaximum}}</span>
<span class="badge badge-success mr-1">Exp: {{hero.exp}}</span>
<span class="badge badge-danger mr-1" *ngIf="hero.fireToken">Fire:{{hero.fireToken}}</span>
<span class="badge badge-info mr-1" *ngIf="hero.frozenToken">Frozen:{{hero.frozenToken}}</span>
<span class="badge badge-success mr-1" *ngIf="hero.remainActions>0">Remain
Actions: {{hero.remainActions}}</span>
<span class="badge badge-danger mr-1" *ngIf="hero.fireToken">
<md2-icon icon="fire" size="sm"></md2-icon> {{hero.fireToken}}
</span>
<span class="badge badge-info mr-1" *ngIf="hero.frozenToken">
<md2-icon icon="frozen" size="sm"></md2-icon>{{hero.frozenToken}}
</span>
<span class="badge badge-success mr-1" *ngIf="hero.remainActions>0">Actions:
{{hero.remainActions}}</span>
<span class="badge badge-light mr-1" *ngIf=" !hero.uiActivating">Inactive</span>
<span class="badge badge-primary mr-1" *ngIf="hero.uiActivating">Activating</span>
<!-- <span class="badge badge-success mr-1">{{hero.playerInfo.signalRClientId}}</span> -->
<!-- <button nbButton hero status="primary" size="tiny" class="ml-2"
(click)="removeHero(hero)">Remove</button> -->
</div>
</div>
@@ -77,10 +84,38 @@
<div class="col-12 col-md-3">
<div class="row">
<div class="form-group col-12">
<!-- <div class="form-group col-4">
<button nbButton hero fullWidth status="primary" (click)="enterBossFight()">Enter Boss Fight</button>
</div>
<div class="form-group col-4">
<button nbButton hero fullWidth status="primary" (click)="enterBossFight()">Enter Boss Fight</button>
</div>
<div class="form-group col-4">
openGreatTreasureChest
<button nbButton hero fullWidth status="success" (click)="accessHealFountain()">Access Heal Fountain</button>
</div> -->
<ng-container *ngIf="md2Service.currentActivateHero">
<div class="form-group col-12">
<button nbButton hero fullWidth status="info" (click)="md2Service.openTreasureChest()">Open
Treasure Chest</button>
</div>
<div class="form-group col-12">
<button nbButton hero fullWidth status="primary" (click)="md2Service.openGreatTreasureChest()">Open
Great
Treasure Chest</button>
</div>
<div class="form-group col-12">
<button nbButton hero fullWidth status="success" (click)="accessHealFountain()">Access Heal
Fountain</button>
</div>
</ng-container>
<div class="form-group col-12">
<button nbButton hero fullWidth status="danger" (click)="enterBossFight()">Enter Boss Fight</button>
</div>
</div>