22 lines
1.0 KiB
HTML
22 lines
1.0 KiB
HTML
<img class="g-width-95x img-thumbnail mobBg" src="{{imgUrl('/Mobs/BG.png')}}" />
|
|
<img class="mobImg roamingMonster" src="{{getMobImageUrl(mob)}}" (click)="showMobImage(mob)" *ngIf="!isMob" />
|
|
<div *ngIf="isMob">
|
|
<img class="mobImg mobLeader" src="{{mob.leaderImgUrl}}" (click)="showMobImage(mob)"
|
|
[ngClass]="{'noMinions': mob.mobAmount==1}" />
|
|
<img class="mobImg mobMinion" src="{{mob.minionImgUrl}}" (click)="showMobImage(mob)" *ngIf="mob.mobAmount>1" />
|
|
|
|
</div>
|
|
|
|
<!-- HP and Mana Bars -->
|
|
<div class="hero-stats-overlay">
|
|
<div class="stat-bar-overlay hp-bar-overlay">
|
|
<div class="stat-bar-label-overlay">
|
|
<md2-icon [icon]="MD2Icon.HP_Color" size="sm"></md2-icon>
|
|
<span class="stat-value-overlay">{{mob.unitRemainHp}}/{{mob.hp}}</span>
|
|
</div>
|
|
<div class="stat-progress-bar-overlay">
|
|
<div class="stat-progress-fill-overlay hp-fill-overlay" [style.width.%]="(mob.unitRemainHp / mob.hp) * 100">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |