68 lines
2.4 KiB
HTML
68 lines
2.4 KiB
HTML
<div class="campaign-horizontal-list" #horizontalList *ngIf="!isSmallLayout">
|
|
<div class="scroll-btn-left"
|
|
*ngIf="isLeftScrollVisible"
|
|
(mouseenter)="setRepeater(-10)"
|
|
(mouseleave)="clearRepeater()">
|
|
<mat-icon svgIcon="chevron-left"></mat-icon>
|
|
</div>
|
|
|
|
<div class="campaign-entry"
|
|
[ngClass]="{active : selectedCampaignId === 'all'}"
|
|
(click)="select({_id:'all'})">
|
|
{{'stats.campaign.title.all.time.overview' | translate}}
|
|
</div>
|
|
<div class="campaign-entry"
|
|
*ngFor="let campaign of campaigns$ | async"
|
|
[ngClass]="{active : campaign._id === selectedCampaignId}"
|
|
(click)="select(campaign)">
|
|
{{campaign.title}}
|
|
<span style="display:inline-block;"
|
|
*ngIf="loginService.hasPermission(3)">
|
|
<button mat-icon-button
|
|
[matMenuTriggerFor]="menu"
|
|
(click)="$event.stopPropagation()"
|
|
style="height: 20px; line-height: 20px;">
|
|
<mat-icon svgIcon="more-vert"></mat-icon>
|
|
</button>
|
|
<mat-menu #menu="matMenu">
|
|
<button mat-menu-item (click)="edit(campaign)">
|
|
<mat-icon svgIcon="edit"></mat-icon>
|
|
<span>{{'stats.campaign.manage.edit' | translate}}</span>
|
|
</button>
|
|
<button mat-menu-item (click)="delete(campaign)">
|
|
<mat-icon svgIcon="delete"></mat-icon>
|
|
<span>{{'stats.campaign.manage.delete' | translate}}</span>
|
|
</button>
|
|
</mat-menu>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="scroll-btn-right"
|
|
*ngIf="isRightScrollVisible"
|
|
(mouseenter)="setRepeater(10)"
|
|
(mouseleave)="clearRepeater()">
|
|
<mat-icon svgIcon="chevron-right"></mat-icon>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div *ngIf="isSmallLayout" class="campaign-select-small">
|
|
<mat-list-item [matMenuTriggerFor]="menuCampaign">
|
|
<div matline class="select-menu-text">
|
|
<span *ngIf="selectedCampaignId === 'all'">{{'stats.campaign.title.all.time.overview' | translate}}</span>
|
|
<span *ngIf="selectedCampaignId !== 'all' && selectedCampaign">{{selectedCampaign.title}}</span>
|
|
<span class="caret"></span>
|
|
</div>
|
|
</mat-list-item>
|
|
<mat-menu #menuCampaign="matMenu">
|
|
<button mat-menu-item (click)="select({_id:'all'})">
|
|
{{'stats.campaign.title.all.time.overview' | translate}}
|
|
</button>
|
|
<mat-divider></mat-divider>
|
|
<button mat-menu-item *ngFor="let campaign of campaigns$ | async"
|
|
(click)="select(campaign)">
|
|
{{campaign.title}}
|
|
</button>
|
|
</mat-menu>
|
|
</div>
|