diff --git a/package.json b/package.json
index 4311ee6..f2b4eba 100755
--- a/package.json
+++ b/package.json
@@ -73,6 +73,7 @@
"@angular/forms": "16.1.4",
"@angular/localize": "16.1.4",
"@angular/material": "^16.1.4",
+ "@angular/material-moment-adapter": "16.1.4",
"@angular/platform-browser": "16.1.4",
"@angular/platform-browser-dynamic": "16.1.4",
"@angular/router": "16.1.4",
diff --git a/src/main/webapp/app/table-screen/table-screen.component.html b/src/main/webapp/app/table-screen/table-screen.component.html
new file mode 100644
index 0000000..643c12c
--- /dev/null
+++ b/src/main/webapp/app/table-screen/table-screen.component.html
@@ -0,0 +1,40 @@
+
+
+ Name |
+ {{ item.name }} |
+
+
+
+ Id |
+ {{ item.id }} |
+
+
+
+ Status |
+ {{ item.status }} |
+
+
+
+ Last Modified |
+ {{ item.lastmod }} |
+
+
+
+ Available Memory |
+ {{ item.memavailable }} |
+
+
+
+ HD Space |
+ {{ item.hdspace }} |
+
+
+
+
+
+
+
diff --git a/src/main/webapp/app/table-screen/table-screen.component.scss b/src/main/webapp/app/table-screen/table-screen.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/main/webapp/app/table-screen/table-screen.component.ts b/src/main/webapp/app/table-screen/table-screen.component.ts
new file mode 100644
index 0000000..4c1712e
--- /dev/null
+++ b/src/main/webapp/app/table-screen/table-screen.component.ts
@@ -0,0 +1,43 @@
+import { Component, Output, EventEmitter, OnInit, ViewChild, AfterViewInit } from '@angular/core';
+import { IHostingnode } from 'app/services/i-hostinngnode';
+import { MockCtxloaderService } from 'app/services/mock-ctxloader.service';
+import { ResourcesLoaderService } from 'app/services/resources-loader.service';
+import { MatTableModule, MatTableDataSource } from '@angular/material/table';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+
+@Component({
+ standalone: true,
+ selector: 'jhi-table-screen',
+ templateUrl: './table-screen.component.html',
+ styleUrls: ['./table-screen.component.scss'],
+ providers: [MockCtxloaderService, ResourcesLoaderService],
+ imports: [MatTableModule, MatSortModule],
+})
+export class TableScreenComponent implements OnInit, AfterViewInit {
+ //TODO: questo a regime mettere sotto CONST
+ displayedColumns: string[] = ['name', 'id', 'status', 'lastmod', 'memavailable', 'hdspace'];
+ dataFromService: IHostingnode[];
+ dataSource = new MatTableDataSource();
+ // tableDetail: IHostingnode;
+
+ // @Input() myCtx: IContextNode; //fetching event from parent
+ @Output() jsonEmitter = new EventEmitter();
+ @ViewChild(MatSort) sort: MatSort;
+
+ constructor(private myDataService: ResourcesLoaderService) {
+ //this.tableDetail = {} as IHostingnode;
+ this.dataFromService = [];
+ this.sort = new MatSort();
+ }
+
+ ngAfterViewInit(): void {
+ this.dataSource.sort = this.sort;
+ }
+
+ ngOnInit(): void {
+ this.myDataService.getHostingNodes().subscribe(res => {
+ this.dataFromService = res;
+ this.dataSource.data = res;
+ });
+ }
+}