feat: open docs in table

Angular2Guy · Nov 22, 2023 · ed512d7 · ed512d7
1 parent 4cd5c7c
commit ed512d7
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/frontend/src/angular/src/app/doc-list/doc-list.component.html b/frontend/src/angular/src/app/doc-list/doc-list.component.html
@@ -33,5 +33,5 @@
     <td mat-cell *matCellDef="let element"> {{element.documentType}} </td>
   </ng-container>
   <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  <tr mat-row class="table-row" *matRowDef="let row; columns: displayedColumns;" (click)="showDocument(row.id)"></tr>
 </table>
diff --git a/frontend/src/angular/src/app/doc-list/doc-list.component.scss b/frontend/src/angular/src/app/doc-list/doc-list.component.scss
@@ -35,6 +35,10 @@
 	width: 100%;
 }
 
+.table-row {
+	cursor: pointer;
+}
+
 @media (max-width: 900px), (max-height: 480px) {
   .custom-toolbar {
     height: fit-content;

diff --git a/frontend/src/angular/src/app/doc-list/doc-list.component.ts b/frontend/src/angular/src/app/doc-list/doc-list.component.ts
@@ -34,6 +34,7 @@ export class DocListComponent implements OnInit {
 	protected displayedColumns: string[] = ['documentId', 'documentName', 'documentType'];
 	protected documents: DocumentFile[] = [];
 	private destroyRef = inject(DestroyRef);
+	private tabRef: Window | null = null;
 
 	constructor(private dialog: MatDialog, private documentService: DocumentService, private router: Router) { }
 
@@ -49,6 +50,13 @@ export class DocListComponent implements OnInit {
 		this.router.navigate(['/docsearch']);
 	}
 
+	protected showDocument(documentId: number): void {
+		if(!!this.tabRef) {
+			this.tabRef.close();
+		}
+		this.tabRef = window.open(`/rest/document/content/${documentId}`, '_blank');
+	}
+
 	protected import(): void {
 		const dialogRef = this.dialog.open(DocImportComponent, {data: {} as DocImportData});
 		dialogRef.afterClosed().subscribe(result => this.updateDocuments());