remove unneeded display Input

This commit is contained in:
Michael Shamoon 2020-12-13 10:18:03 -08:00
parent 1379c039b8
commit 7712230300
3 changed files with 9 additions and 9 deletions

View File

@ -5,7 +5,7 @@
</svg> </svg>
</div> </div>
<div class="mr-1"> <div class="mr-1">
<app-tag *ngIf="display == 'tag'; else displayName" [tag]="item" [clickable]="true" linkTitle="Filter by tag"></app-tag> <app-tag *ngIf="isTag; else displayName" [tag]="item" [clickable]="true" linkTitle="Filter by tag"></app-tag>
<ng-template #displayName><small>{{item.name}}</small></ng-template> <ng-template #displayName><small>{{item.name}}</small></ng-template>
</div> </div>
<div class="badge bg-primary text-light rounded-pill ml-auto">{{item.document_count}}</div> <div class="badge bg-primary text-light rounded-pill ml-auto">{{item.document_count}}</div>

View File

@ -1,4 +1,4 @@
import { Component, EventEmitter, Input, Output } from '@angular/core'; import { Component, EventEmitter, Input, Output, OnInit } from '@angular/core';
import { PaperlessTag } from 'src/app/data/paperless-tag'; import { PaperlessTag } from 'src/app/data/paperless-tag';
import { PaperlessCorrespondent } from 'src/app/data/paperless-correspondent'; import { PaperlessCorrespondent } from 'src/app/data/paperless-correspondent';
import { PaperlessDocumentType } from 'src/app/data/paperless-document-type'; import { PaperlessDocumentType } from 'src/app/data/paperless-document-type';
@ -8,22 +8,22 @@ import { PaperlessDocumentType } from 'src/app/data/paperless-document-type';
templateUrl: './filter-dropdown-button.component.html', templateUrl: './filter-dropdown-button.component.html',
styleUrls: ['./filter-dropdown-button.component.scss'] styleUrls: ['./filter-dropdown-button.component.scss']
}) })
export class FilterDropdownButtonComponent { export class FilterDropdownButtonComponent implements OnInit {
constructor() { }
@Input() @Input()
item: PaperlessTag | PaperlessDocumentType | PaperlessCorrespondent item: PaperlessTag | PaperlessDocumentType | PaperlessCorrespondent
@Input()
display: string
@Input() @Input()
selected: boolean selected: boolean
@Output() @Output()
toggle = new EventEmitter() toggle = new EventEmitter()
isTag: boolean
ngOnInit() {
this.isTag = 'is_inbox_tag' in this.item // ~ this.item instanceof PaperlessTag
}
toggleItem(): void { toggleItem(): void {
this.selected = !this.selected this.selected = !this.selected

View File

@ -5,7 +5,7 @@
<input class="list-group-item form-control form-control-sm" type="text" [(ngModel)]="filterText" placeholder="Filter {{title}}" (keyup.enter)="listFilterEnter()" #listFilterTextInput> <input class="list-group-item form-control form-control-sm" type="text" [(ngModel)]="filterText" placeholder="Filter {{title}}" (keyup.enter)="listFilterEnter()" #listFilterTextInput>
<ng-container *ngIf="(items$ | async)?.results as items"> <ng-container *ngIf="(items$ | async)?.results as items">
<ng-container *ngFor="let item of items | filter: filterText; let i = index"> <ng-container *ngFor="let item of items | filter: filterText; let i = index">
<app-filter-dropdown-button [item]="item" [display]="display" [selected]="isItemSelected(item)" (toggle)="toggleItem($event)"></app-filter-dropdown-button> <app-filter-dropdown-button [item]="item" [selected]="isItemSelected(item)" (toggle)="toggleItem($event)"></app-filter-dropdown-button>
</ng-container> </ng-container>
</ng-container> </ng-container>
</div> </div>