<!-- <label class='label'>Weapon Info</label> -->
<ng-container *ngIf="display">
    <div class="g-brd-3 g-brd-bottom--dashed g-brd-gray-light-v2 mb-3 mt-4 row" *ngFor="let info of mob.attackInfos">
        <div class="col-md-4">
            <md2-icon [icon]="info.type" size="lg"></md2-icon>
        </div>
        <div class="col-md-8">
            <div *ngIf="info.yellow" class="g-height-45">
                <span class="MD2Icon Yellow dice g-font-size-50">
                    <span class="MD2text diceAmount">x{{info.yellow}}</span>
                </span>
            </div>
            <div *ngIf="info.orange" class="g-height-45 mt-1">
                <span class="MD2Icon Orange dice g-font-size-50">
                    <span class="MD2text diceAmount">x{{info.orange}}</span>
                </span>
            </div>
            <div *ngIf="info.red" class="g-height-45 mt-1">
                <span class="MD2Icon Red dice g-font-size-50">
                    <span class="MD2text diceAmount">x{{info.red}}</span>
                </span>
            </div>
            <div *ngIf="info.black" class="g-height-45 mt-1">
                <span class="MD2Icon Black dice g-font-size-50">
                    <span class="MD2text diceAmount">x{{info.black}}</span>
                </span>
            </div>
        </div>
    </div>
</ng-container>