[#1882] Display pretty printed JSON in table cell

fli-iam · Nov 10, 2023 · 60ef3df · 60ef3df
1 parent ec7e6fb
commit 60ef3df
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/shanoir-ng-front/src/app/datasets/dataset/metadata/metadata.component.ts b/shanoir-ng-front/src/app/datasets/dataset/metadata/metadata.component.ts
@@ -72,7 +72,7 @@ export class MetadataComponent extends EntityListComponent<DicomMetadata> implem
                 met.keyword = tags.find(tag => tag.code == met.id)?.label;
                 met.value = entry[1]['Value']?.toString()
                 if (met.value == '[object Object]') {
-                    met.value = JSON.stringify(entry[1]['Value'], null, 2);
+                    met.value = JSON.stringify(entry[1]['Value'], null, 3);
                 }
                 if(met.value){
                     this.metadata.push(met);

diff --git a/shanoir-ng-front/src/app/shared/components/table/table.component.css b/shanoir-ng-front/src/app/shared/components/table/table.component.css
@@ -65,8 +65,9 @@ td { padding: 0 5px; border: none; white-space: nowrap; text-overflow: ellipsis;
 	.cell-container a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 	.cell-container.multiselect a, .cell-container.wrap a { white-space: initial; width: auto; height: 100%; }
 	/*.cell-container:empty:after { content: '.'; visibility: hidden; }*/
-  .cell-new-tab { line-height:21px; height: inherit; display: block; text-decoration: none; color: black; width: auto; }
-  .cell-container:not(.wrap) .default-data-parent { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  .cell-new-tab { line-height:21px; height: inherit; display: block; text-decoration: none; color: black; width: auto;}
+ .cell-container.wrap .default-data-parent { white-space: break-spaces; }
+ .cell-container:not(.wrap) .default-data-parent { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
 .loader { float: right; border-left: none !important; }
 	.loader img { margin-left: 5px; vertical-align: -1; height: 10px; }