diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
index f64c3f112..4825be9b2 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.scss
@@ -34,6 +34,12 @@
display: block;
}
+.document-card-comments {
+ position: absolute;
+ right: 0;
+ bottom: 170px;
+}
+
.card-selected {
border-color:var(--bs-primary);
@@ -58,12 +64,12 @@
color: var(--bs-primary);
}
}
+}
- .metadata-icon {
- width: 0.9rem;
- height: 0.9rem;
- padding: 0.05rem;
- }
+.metadata-icon {
+ width: 0.9rem;
+ height: 0.9rem;
+ padding: 0.05rem;
}
.card-footer .btn {
diff --git a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
index 0aa7bd758..99d64e711 100644
--- a/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
+++ b/src-ui/src/app/components/document-list/document-card-small/document-card-small.component.ts
@@ -74,11 +74,12 @@ export class DocumentCardSmallComponent extends ComponentWithPermissions {
}
getTagsLimited$() {
+ const limit = this.document.n_comments > 0 ? 6 : 7
return this.document.tags$.pipe(
map((tags) => {
- if (tags.length > 7) {
- this.moreTags = tags.length - 6
- return tags.slice(0, 6)
+ if (tags.length > limit) {
+ this.moreTags = tags.length - (limit - 1)
+ return tags.slice(0, limit - 1)
} else {
return tags
}
diff --git a/src-ui/src/app/data/paperless-document.ts b/src-ui/src/app/data/paperless-document.ts
index 8936e2b43..009b33a03 100644
--- a/src-ui/src/app/data/paperless-document.ts
+++ b/src-ui/src/app/data/paperless-document.ts
@@ -54,5 +54,7 @@ export interface PaperlessDocument extends ObjectWithPermissions {
archive_serial_number?: number
+ n_comments?: number
+
__search_hit__?: SearchHit
}
diff --git a/src-ui/src/app/services/open-documents.service.ts b/src-ui/src/app/services/open-documents.service.ts
index a21523458..17be66428 100644
--- a/src-ui/src/app/services/open-documents.service.ts
+++ b/src-ui/src/app/services/open-documents.service.ts
@@ -35,15 +35,16 @@ export class OpenDocumentsService {
refreshDocument(id: number) {
let index = this.openDocuments.findIndex((doc) => doc.id == id)
if (index > -1) {
- this.documentService.get(id).subscribe(
- (doc) => {
+ this.documentService.get(id).subscribe({
+ next: (doc) => {
this.openDocuments[index] = doc
+ this.save()
},
- (error) => {
+ error: () => {
this.openDocuments.splice(index, 1)
this.save()
- }
- )
+ },
+ })
}
}
diff --git a/src-ui/src/app/services/rest/abstract-paperless-service.ts b/src-ui/src/app/services/rest/abstract-paperless-service.ts
index f7833c812..9a5664c9d 100644
--- a/src-ui/src/app/services/rest/abstract-paperless-service.ts
+++ b/src-ui/src/app/services/rest/abstract-paperless-service.ts
@@ -2,10 +2,8 @@ import { HttpClient, HttpParams } from '@angular/common/http'
import { Observable } from 'rxjs'
import { map, publishReplay, refCount } from 'rxjs/operators'
import { ObjectWithId } from 'src/app/data/object-with-id'
-import { PaperlessUser } from 'src/app/data/paperless-user'
import { Results } from 'src/app/data/results'
import { environment } from 'src/environments/environment'
-import { PermissionAction, PermissionType } from '../permissions.service'
export abstract class AbstractPaperlessService {
protected baseUrl: string = environment.apiBaseUrl
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 69fbc68cc..7090d8d40 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -133,6 +133,10 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,