7 changed files with 116 additions and 5 deletions
@ -0,0 +1,18 @@ |
|||||
|
import {Component, Input} from "@angular/core"; |
||||
|
import {BanSearchFilter} from "../../../../entities/search/BanSearchFilter"; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: "app-filter-mat-chip-active-ban", |
||||
|
template: ` |
||||
|
<mat-chip *ngIf="filter" [matMenuTriggerFor]="activeSelect"> |
||||
|
Наличие бана: {{filter.getActiveBanName(filter.active)}} |
||||
|
<mat-menu #activeSelect> |
||||
|
<button mat-menu-item *ngFor="let f of filter.getBanActiveStatuses()" (click)="filter.changeActiveBan(f.value)">{{f.name}}</button> |
||||
|
</mat-menu> |
||||
|
</mat-chip> |
||||
|
` |
||||
|
}) |
||||
|
export class FilterMatChipActiveBan { |
||||
|
@Input("filter") |
||||
|
filter: BanSearchFilter | undefined; |
||||
|
} |
@ -0,0 +1,28 @@ |
|||||
|
import {Component, Input} from "@angular/core"; |
||||
|
import {BanSearchFilter} from "../../../../entities/search/BanSearchFilter"; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: "app-filter-mat-chip-admins", |
||||
|
template: ` |
||||
|
<div *ngIf="filter && filter.admin_ids != null"> |
||||
|
<mat-chip |
||||
|
*ngFor="let acId of filter.admin_ids" |
||||
|
(removed)="filter.removeAdminsFromSearch(acId)" |
||||
|
[matMenuTriggerFor]="adminSearch">Модератор: {{acId}} |
||||
|
<button matChipRemove> |
||||
|
<mat-icon>cancel</mat-icon> |
||||
|
</button> |
||||
|
<mat-menu #adminSearch> |
||||
|
<mat-form-field appearance="fill" (click)="$event.stopPropagation()"> |
||||
|
<mat-label>Ссылка, имя, все что угодно</mat-label> |
||||
|
<input matInput placeholder="отдыхаем" [ngModel]="acId" (change)="filter.changeAdminsToSearch(acId, $event)"> |
||||
|
</mat-form-field> |
||||
|
</mat-menu> |
||||
|
</mat-chip> |
||||
|
</div>` |
||||
|
}) |
||||
|
export class FilterMatChipAdmins { |
||||
|
|
||||
|
@Input("filter") |
||||
|
filter: BanSearchFilter|undefined; |
||||
|
} |
@ -1,5 +1,5 @@ |
|||||
import {Component, Input} from "@angular/core"; |
import {Component, Input} from "@angular/core"; |
||||
import {BanSearchFilter} from "../../../entities/search/BanSearchFilter"; |
import {BanSearchFilter} from "../../../../entities/search/BanSearchFilter"; |
||||
|
|
||||
@Component({ |
@Component({ |
||||
selector: "app-filter-mat-chip-banid", |
selector: "app-filter-mat-chip-banid", |
Loading…
Reference in new issue