diff --git a/src/Squidex/app/features/content/pages/content/content-field.component.html b/src/Squidex/app/features/content/pages/content/content-field.component.html
index 815d5f232..19855dc0b 100644
--- a/src/Squidex/app/features/content/pages/content/content-field.component.html
+++ b/src/Squidex/app/features/content/pages/content/content-field.component.html
@@ -46,6 +46,12 @@
+
+
+
+
+
+
-
-
-
-
-
-
diff --git a/src/Squidex/app/features/content/pages/contents/content-item.component.ts b/src/Squidex/app/features/content/pages/contents/content-item.component.ts
index 6c1a2db46..b38eaf408 100644
--- a/src/Squidex/app/features/content/pages/contents/content-item.component.ts
+++ b/src/Squidex/app/features/content/pages/contents/content-item.component.ts
@@ -12,6 +12,7 @@ import {
AppLanguageDto,
AppsStoreService,
ContentDto,
+ DateTime,
fadeAnimation,
FieldDto,
ModalView,
@@ -82,11 +83,39 @@ export class ContentItemComponent extends AppComponentBase implements OnInit, On
return '';
}
- if (field.properties.isLocalizable) {
- return contentField[this.language.iso2Code];
+ const properties = field.properties;
+
+ let value: any;
+
+ if (properties.isLocalizable) {
+ value = contentField[this.language.iso2Code];
} else {
- return contentField['iv'];
+ value = contentField['iv'];
}
+
+ if (value) {
+ if (properties.fieldType === 'Json') {
+ value = 'Json';
+ } else if (properties.fieldType === 'Geolocation') {
+ value = `${value.longitude}, ${value.latitude}`;
+ } else if (properties.fieldType === 'Boolean') {
+ value = value ? '✔' : '-';
+ } else if (properties.fieldType === 'DateTime') {
+ try {
+ const parsed = DateTime.parseISO_UTC(value);
+
+ if (properties['editor'] === 'Date') {
+ value = parsed.toStringFormat('YYYY-MM-DD');
+ } else {
+ value = parsed.toStringFormat('YYYY-MM-DD hh:mm:ss');
+ }
+ } catch (ex) {
+ value = value;
+ }
+ }
+ }
+
+ return value;
}
}
diff --git a/src/Squidex/app/theme/_lists.scss b/src/Squidex/app/theme/_lists.scss
index ef6b7d53e..2cb1a81d5 100644
--- a/src/Squidex/app/theme/_lists.scss
+++ b/src/Squidex/app/theme/_lists.scss
@@ -55,6 +55,10 @@
background: darken($color-table, 1%);
}
+ &:focus {
+ outline: none;
+ }
+
&.active {
background: $color-theme-blue;
border-color: $color-theme-blue;