Refactor comment UI code

And run prettier

src-ui/src/app/services/rest/document-comments.service.ts

@@ -0,0 +1,39 @@
+import { Injectable } from '@angular/core'
+import { HttpClient, HttpParams } from '@angular/common/http'
+import { PaperlessDocumentComment } from 'src/app/data/paperless-document-comment'
+import { AbstractPaperlessService } from './abstract-paperless-service'
+import { Observable } from 'rxjs'
+
+@Injectable({
+  providedIn: 'root',
+})
+export class DocumentCommentsService extends AbstractPaperlessService<PaperlessDocumentComment> {
+  constructor(http: HttpClient) {
+    super(http, 'documents')
+  }
+
+  getComments(documentId: number): Observable<PaperlessDocumentComment[]> {
+    return this.http.get<PaperlessDocumentComment[]>(
+      this.getResourceUrl(documentId, 'comments')
+    )
+  }
+
+  addComment(id: number, comment): Observable<PaperlessDocumentComment[]> {
+    return this.http.post<PaperlessDocumentComment[]>(
+      this.getResourceUrl(id, 'comments'),
+      { payload: comment }
+    )
+  }
+
+  deleteComment(
+    documentId: number,
+    commentId: number
+  ): Observable<PaperlessDocumentComment[]> {
+    let httpParams = new HttpParams()
+    httpParams = httpParams.set('commentId', commentId.toString())
+    return this.http.delete<PaperlessDocumentComment[]>(
+      this.getResourceUrl(documentId, 'comments'),
+      { params: httpParams }
+    )
+  }
+}