-
Created: {{ document.created | customDate }}
-
Added: {{ document.added | customDate }}
-
Modified: {{ document.modified | customDate }}
+ @if (displayFields.has(DocumentDisplayField.CREATED) || displayFields.has(DocumentDisplayField.ADDED)) {
+
+
+ Created: {{ document.created | customDate }}
+ Added: {{ document.added | customDate }}
+ Modified: {{ document.modified | customDate }}
+
+
+
+
+ @if (displayFields.has(DocumentDisplayField.CREATED)) { {{document.created_date | customDate:'mediumDate'}} }
+ @else { {{document.added | customDate:'mediumDate'}} }
+
-
-
- {{document.created_date | customDate:'mediumDate'}}
-
- @if (document.owner && document.owner !== settingsService.currentUser.id) {
+ }
+ @if (displayFields.has(DocumentDisplayField.OWNER) && document.owner && document.owner !== settingsService.currentUser.id) {
{{document.owner | username}}
}
- @if (document.is_shared_by_requester) {
+ @if (displayFields.has(DocumentDisplayField.SHARED) && document.is_shared_by_requester) {
Shared
diff --git a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
index 442114767..02da43ea3 100644
--- a/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
+++ b/src-ui/src/app/components/document-list/document-card-large/document-card-large.component.ts
@@ -11,6 +11,7 @@ import { SettingsService } from 'src/app/services/settings.service'
import { NgbPopover } from '@ng-bootstrap/ng-bootstrap'
import { SETTINGS_KEYS } from 'src/app/data/ui-settings'
import { ComponentWithPermissions } from '../../with-permissions/with-permissions.component'
+import { DocumentDisplayField } from 'src/app/data/saved-view'
@Component({
selector: 'pngx-document-card-large',
@@ -18,6 +19,8 @@ import { ComponentWithPermissions } from '../../with-permissions/with-permission
styleUrls: ['./document-card-large.component.scss'],
})
export class DocumentCardLargeComponent extends ComponentWithPermissions {
+ DocumentDisplayField = DocumentDisplayField
+
constructor(
private documentService: DocumentService,
public settingsService: SettingsService
@@ -28,6 +31,9 @@ export class DocumentCardLargeComponent extends ComponentWithPermissions {
@Input()
selected = false
+ @Input()
+ displayFields: Set
+
@Output()
toggleSelected = new EventEmitter()
diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
index ea9ba9914..8333e3f30 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.html
@@ -10,19 +10,21 @@