From bf18e3d92e4e38602dc6f75a916373e63d53dde1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Mon, 14 Dec 2020 12:02:23 +0200
Subject: [PATCH] No annotation icon

---
 .../components/annotation-icon/annotation-icon.component.html | 2 +-
 .../components/annotation-icon/annotation-icon.component.scss | 4 ++++
 .../components/annotation-icon/annotation-icon.component.ts   | 2 +-
 .../src/app/components/type-filter/type-filter.component.html | 2 ++
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.html b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.html
index c17e65ef3..173ffa5b7 100644
--- a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.html
+++ b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.html
@@ -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>
diff --git a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.scss b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.scss
index 754a6ca5d..582cfa632 100644
--- a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.scss
+++ b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.scss
@@ -32,3 +32,7 @@
 .ignore {
     background-color: $grey-5;
 }
+
+.none {
+    color: $accent;
+}
diff --git a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.ts b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.ts
index f5957ab6e..9b292121d 100644
--- a/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.ts
+++ b/apps/red-ui/src/app/components/annotation-icon/annotation-icon.component.ts
@@ -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;
 
diff --git a/apps/red-ui/src/app/components/type-filter/type-filter.component.html b/apps/red-ui/src/app/components/type-filter/type-filter.component.html
index 82fbd2b57..8729eebe0 100644
--- a/apps/red-ui/src/app/components/type-filter/type-filter.component.html
+++ b/apps/red-ui/src/app/components/type-filter/type-filter.component.html
@@ -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 }}