From 499c312d1ccf61dd7e8fb55c188eabda50cfd0d2 Mon Sep 17 00:00:00 2001
From: Timo Bejan <timo@devplant.ro>
Date: Wed, 28 Oct 2020 00:06:50 +0200
Subject: [PATCH] added pages to project-overview

---
 .../project-overview-screen.component.html    | 36 +++++++++++++------
 .../project-overview-screen.component.scss    |  2 +-
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.html b/apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.html
index 4ca29bf7a..49a0cb53c 100644
--- a/apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.html
+++ b/apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.html
@@ -143,11 +143,16 @@
                     ></div>
                 </div>
 
-                <div
-                    class="table-item-title"
-                    [matTooltip]="'[' + fileStatus.status + '] ' + fileStatus.filename"
-                >
-                    {{ fileStatus.filename }}
+                <div [matTooltip]="'[' + fileStatus.status + '] ' + fileStatus.filename">
+                    <div class="table-item-title table-item-title--large">
+                        {{ fileStatus.filename }}
+                    </div>
+                    <div class="small-label stats-subtitle">
+                        <div>
+                            <mat-icon svgIcon="red:pages"></mat-icon>
+                            {{ fileStatus.numberOfPages }}
+                        </div>
+                    </div>
                 </div>
 
                 <div class="small-label">
@@ -155,8 +160,12 @@
                 </div>
 
                 <div class="needs-work">
-                    <redaction-annotation-icon type="redaction"></redaction-annotation-icon>
-                    <redaction-annotation-icon type="hint"></redaction-annotation-icon>
+                    <redaction-annotation-icon
+                        [typeValue]="appStateService.getDictionaryTypeValue('redaction')"
+                    ></redaction-annotation-icon>
+                    <redaction-annotation-icon
+                        [typeValue]="appStateService.getDictionaryTypeValue('hint')"
+                    ></redaction-annotation-icon>
                 </div>
 
                 <div class="assigned-to">
@@ -301,15 +310,22 @@
 
         <div class="mt-32 legend">
             <div>
-                <redaction-annotation-icon type="hint"></redaction-annotation-icon>
+                <redaction-annotation-icon
+                    [typeValue]="appStateService.getDictionaryTypeValue('hint')"
+                    >></redaction-annotation-icon
+                >
                 {{ 'project-overview.legend.contains-hints.label' | translate }}
             </div>
             <div>
-                <redaction-annotation-icon type="redaction"></redaction-annotation-icon>
+                <redaction-annotation-icon
+                    [typeValue]="appStateService.getDictionaryTypeValue('redaction')"
+                ></redaction-annotation-icon>
                 {{ 'project-overview.legend.contains-redactions.label' | translate }}
             </div>
             <div>
-                <redaction-annotation-icon type="suggestion"></redaction-annotation-icon>
+                <redaction-annotation-icon
+                    [typeValue]="appStateService.getDictionaryTypeValue('request')"
+                ></redaction-annotation-icon>
                 {{ 'project-overview.legend.contains-suggestions.label' | translate }}
             </div>
         </div>
diff --git a/apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.scss b/apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.scss
index 91a082c05..0551a2040 100644
--- a/apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.scss
+++ b/apps/red-ui/src/app/screens/project-overview-screen/project-overview-screen.component.scss
@@ -40,7 +40,7 @@
 
     .table-item {
         .table-item-title {
-            line-height: 80px;
+            //line-height: 80px;
         }
 
         .needs-work {