opt-cc/static/src/app/statistic/war/war-list/war-item.component.html

34 lines
1.3 KiB
HTML

<div class='war-item' [ngClass]="{selected : selected}" (click)="select()">
<div class="war-item-box"
[matTooltip]="collapsed ? war.title : ''"
matTooltipPosition="right">
<div style="position:relative; z-index:10;">
<div class="select-indicator-battle"></div>
</div>
<span class="war-title"
[ngClass]="{collapsed: collapsed}">
◦ {{war.title}}
</span>
<span style="float:right;margin-right: 12px;"
*ngIf="!collapsed && loginService.hasPermission(3)">
<button mat-icon-button [matMenuTriggerFor]="menu" (click)="$event.stopPropagation()">
<mat-icon svgIcon="more-vert"></mat-icon>
</button>
<mat-menu #menu="matMenu">
<button mat-menu-item (click)="edit()">
<mat-icon svgIcon="edit"></mat-icon>
<span>{{'stats.sidebar.battle.manage.edit' | translate}}</span>
</button>
<button mat-menu-item (click)="delete()">
<mat-icon svgIcon="delete"></mat-icon>
<span>{{'stats.sidebar.battle.manage.delete' | translate}}</span>
</button>
</mat-menu>
</span>
<div class="war-detail"
[ngClass]="{collapsed: collapsed}">
{{'stats.sidebar.battles.battle.from.date' | translate}} {{war.date | date: 'dd.MM.yyyy'}}
</div>
</div>
</div>