Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

Pull request #69: No annotation icon

Browse Source 
Merge in RED/ui from RED-775 to master

* commit 'bf18e3d92e4e38602dc6f75a916373e63d53dde1':
  No annotation icon
This commit is contained in:
Timo Bejan 2020-12-14 17:05:19 +01:00
commit a8621b4e06
4 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.html
View File

@ -1,3 +1,3 @@
<div [class.hint]="isHint" [class.request]="isRequest" [style.background-color]="color || dictType.hexColor" class="icon">
<div [class.hint]="isHint" [class.request]="isRequest" [style.background-color]="color || dictType.hexColor" class="icon" [class.none]="type === 'none'">
<span>{{ label || dictType.label.charAt(0) }}</span>
</div>

4
apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.scss
View File

@ -32,3 +32,7 @@
.ignore {
background-color: $grey-5;
}
.none {
color: $accent;
}

2
apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.ts
View File

@ -8,7 +8,7 @@ import { TypeValue } from '@redaction/red-ui-http';
})
export class AnnotationIconComponent {
@Input() color: string;
@Input() type: 'square' | 'rhombus' | 'circle';
@Input() type: 'square' | 'rhombus' | 'circle' | 'none';
@Input() label: string;
@Input() dictType: TypeValue;

2
apps/red-ui/src/app/components/type-filter/type-filter.component.html
View File

@ -27,4 +27,6 @@
<redaction-annotation-icon *ngIf="filter.key === 'declined-suggestion'" type="rhombus" label="S" [color]="dictionaryColor"></redaction-annotation-icon>
<redaction-annotation-icon *ngIf="filter.key === 'none'" label="-" color="transparent" type="none"></redaction-annotation-icon>
{{ filter.label | translate }}