From e508ce83cade10b813db70b2638f0a9bcd1e9c34 Mon Sep 17 00:00:00 2001
From: Timo <timo@devplant.ro>
Date: Wed, 7 Apr 2021 22:58:56 +0300
Subject: [PATCH] added sample and entry count to csv import

---
 ...ttributes-csv-import-dialog.component.html |  8 +++++++-
 ...ttributes-csv-import-dialog.component.scss | 17 +++++++++++++++++
 ...-attributes-csv-import-dialog.component.ts | 19 +++++++++++++++++++
 3 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
index b1d242679..61ec231ca 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
@@ -51,7 +51,13 @@
                 </div>
                 <div class="csv-header-pill-content">
                     <div class="csv-header-pill" *ngFor="let field of parseResult?.meta?.fields">
-                        {{ field }}
+                        <div class="name">
+                            {{ field }}
+                        </div>
+                        <div class="secondary">
+                            <div class="entry-count small-label">{{ getEntries(field) }} entries</div>
+                            <div class="sample small-label">Sample: {{ getSample(field) }}</div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss
index ffb9ec981..11f79901c 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss
@@ -68,6 +68,23 @@
                 border-radius: 8px;
                 padding: 10px;
                 background: $white;
+
+                display: flex;
+                flex-direction: column;
+
+                .name {
+                }
+                .secondary {
+                    display: flex;
+                    justify-content: space-between;
+
+                    .sample {
+                        max-width: 200px;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        white-space: nowrap;
+                    }
+                }
             }
         }
 
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts
index 4a8669c2d..21d118bea 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.ts
@@ -40,7 +40,26 @@ export class FileAttributesCsvImportDialogComponent implements OnInit {
             if (!this.delimiter) {
                 this.delimiter = this.parseResult.meta.delimiter;
             }
+            console.log(this.parseResult);
         });
         reader.readAsText(this.csvFile, this.encoding);
     }
+
+    getSample(field: string) {
+        return this.parseResult?.data ? this.parseResult?.data[0][field] : '';
+    }
+
+    getEntries(field: any) {
+        if (this.parseResult?.data) {
+            let count = 0;
+            for (let entry of this.parseResult.data) {
+                if (entry[field]) {
+                    count++;
+                }
+            }
+            return count;
+        } else {
+            return 0;
+        }
+    }
 }