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 @@
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;
+ }
+ }
}