+
-
-
-
+
+
diff --git a/src/app/child-dev-project/notes/dashboard-widgets/notes-dashboard/notes-dashboard.component.spec.ts b/src/app/child-dev-project/notes/dashboard-widgets/notes-dashboard/notes-dashboard.component.spec.ts
index f62ed2e634..1547930e35 100644
--- a/src/app/child-dev-project/notes/dashboard-widgets/notes-dashboard/notes-dashboard.component.spec.ts
+++ b/src/app/child-dev-project/notes/dashboard-widgets/notes-dashboard/notes-dashboard.component.spec.ts
@@ -59,7 +59,7 @@ describe("NotesDashboardComponent", () => {
component.ngOnInit();
tick();
- expect(component.dataSource.data).toHaveSize(3);
+ expect(component.entries).toHaveSize(3);
}));
});
@@ -92,9 +92,9 @@ describe("NotesDashboardComponent", () => {
tick();
- expect(component.dataSource.data).toHaveSize(3);
+ expect(component.entries).toHaveSize(3);
- expect(component.dataSource.data[0]).toEqual({
+ expect(component.entries[0]).toEqual({
entityId: "5",
daysSinceLastNote: 50,
moreThanDaysSince: false,
@@ -110,11 +110,11 @@ describe("NotesDashboardComponent", () => {
component.ngOnInit();
tick();
- expect(component.dataSource.data).toHaveSize(1);
+ expect(component.entries).toHaveSize(1);
- expect(component.dataSource.data[0].entityId).toBe(childId1);
- expect(component.dataSource.data[0].moreThanDaysSince).toBeTrue();
- expect(component.dataSource.data[0].daysSinceLastNote).toBeFinite();
+ expect(component.entries[0].entityId).toBe(childId1);
+ expect(component.entries[0].moreThanDaysSince).toBeTrue();
+ expect(component.entries[0].daysSinceLastNote).toBeFinite();
}));
it("should load notes related to the configured entity", () => {
diff --git a/src/app/child-dev-project/notes/dashboard-widgets/notes-dashboard/notes-dashboard.component.ts b/src/app/child-dev-project/notes/dashboard-widgets/notes-dashboard/notes-dashboard.component.ts
index 1329575419..32ea5ff410 100644
--- a/src/app/child-dev-project/notes/dashboard-widgets/notes-dashboard/notes-dashboard.component.ts
+++ b/src/app/child-dev-project/notes/dashboard-widgets/notes-dashboard/notes-dashboard.component.ts
@@ -1,24 +1,16 @@
-import {
- AfterViewInit,
- Component,
- Input,
- OnInit,
- ViewChild,
-} from "@angular/core";
+import { Component, Input, OnInit } from "@angular/core";
import { ChildrenService } from "../../../children/children.service";
import moment from "moment";
-import { MatTableDataSource, MatTableModule } from "@angular/material/table";
-import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator";
+import { MatTableModule } from "@angular/material/table";
import { DynamicComponent } from "../../../../core/config/dynamic-components/dynamic-component.decorator";
import { Child } from "../../../children/model/child";
import { EntityRegistry } from "../../../../core/entity/database-entity.decorator";
import { EntityConstructor } from "../../../../core/entity/model/entity";
import { DecimalPipe, NgIf } from "@angular/common";
import { DisplayEntityComponent } from "../../../../core/basic-datatypes/entity/display-entity/display-entity.component";
-import { DashboardWidgetComponent } from "../../../../core/dashboard/dashboard-widget/dashboard-widget.component";
-import { WidgetContentComponent } from "../../../../core/dashboard/dashboard-widget/widget-content/widget-content.component";
import { DashboardWidget } from "../../../../core/dashboard/dashboard-widget/dashboard-widget";
import { Note } from "../../model/note";
+import { DashboardListWidgetComponent } from "../../../../core/dashboard/dashboard-list-widget/dashboard-list-widget.component";
interface NotesDashboardConfig {
entity?: string;
@@ -38,20 +30,18 @@ interface NotesDashboardConfig {
selector: "app-no-recent-notes-dashboard",
templateUrl: "./notes-dashboard.component.html",
styleUrls: ["./notes-dashboard.component.scss"],
+ standalone: true,
imports: [
NgIf,
MatTableModule,
DisplayEntityComponent,
DecimalPipe,
- MatPaginatorModule,
- DashboardWidgetComponent,
- WidgetContentComponent,
+ DashboardListWidgetComponent,
],
- standalone: true,
})
export class NotesDashboardComponent
extends DashboardWidget
- implements OnInit, AfterViewInit, NotesDashboardConfig
+ implements OnInit, NotesDashboardConfig
{
static getRequiredEntities(config: NotesDashboardConfig) {
return config?.entity || Note.ENTITY_TYPE;
@@ -78,14 +68,10 @@ export class NotesDashboardComponent
/**
* Entities displayed in the template with additional "daysSinceLastNote" field
*/
- dataSource = new MatTableDataSource
();
+ entries: EntityWithRecentNoteInfo[];
subtitle: string;
- @ViewChild("paginator") paginator: MatPaginator;
-
- isLoading = true;
-
constructor(
private childrenService: ChildrenService,
private entities: EntityRegistry,
@@ -116,10 +102,6 @@ export class NotesDashboardComponent
}
}
- ngAfterViewInit() {
- this.dataSource.paginator = this.paginator;
- }
-
private async loadConcernedEntities(
filter: (stat: [string, number]) => boolean,
dayRangeBoundary: number,
@@ -133,12 +115,10 @@ export class NotesDashboardComponent
this._entity.ENTITY_TYPE,
queryRange,
);
- this.dataSource.data = Array.from(recentNotesMap)
+ this.entries = Array.from(recentNotesMap)
.filter(filter)
.map((stat) => statsToEntityWithRecentNoteInfo(stat, queryRange))
.sort((a, b) => order * (b.daysSinceLastNote - a.daysSinceLastNote));
-
- this.isLoading = false;
}
get tooltip(): string {
diff --git a/src/app/features/dashboard-widgets/birthday-dashboard-widget/birthday-dashboard/birthday-dashboard.component.html b/src/app/features/dashboard-widgets/birthday-dashboard-widget/birthday-dashboard/birthday-dashboard.component.html
index 9824d9f747..ea31f4a2af 100644
--- a/src/app/features/dashboard-widgets/birthday-dashboard-widget/birthday-dashboard/birthday-dashboard.component.html
+++ b/src/app/features/dashboard-widgets/birthday-dashboard-widget/birthday-dashboard/birthday-dashboard.component.html
@@ -1,51 +1,36 @@
-
-
-
-
- no birthdays in the next {{ threshold - 1 }} days
-
-
-
-
-
- | Name |
- DateOfBirth |
- AfterBirthdayAge |
-
-
-
-
- |
-
-
-
- {{ entity.birthday | date: "E dd.MM" }}
- |
-
-
- {{ entity.newAge }} yrs |
-
- |
-
-
+
+
+ | Name |
+ DateOfBirth |
+ AfterBirthdayAge |
+
+
+
+
+ |
+
+
+
+ {{ entity.birthday | date: "E dd.MM" }}
+ |
+
+
+ {{ entity.newAge }} yrs |
+
+ |
+
+
@@ -50,5 +50,5 @@
-
-
+
+
diff --git a/src/app/features/dashboard-widgets/progress-dashboard-widget/progress-dashboard/progress-dashboard.component.scss b/src/app/features/dashboard-widgets/progress-dashboard-widget/progress-dashboard/progress-dashboard.component.scss
index 36511c292b..3ac3adfea4 100644
--- a/src/app/features/dashboard-widgets/progress-dashboard-widget/progress-dashboard/progress-dashboard.component.scss
+++ b/src/app/features/dashboard-widgets/progress-dashboard-widget/progress-dashboard/progress-dashboard.component.scss
@@ -15,4 +15,8 @@
position: absolute;
left: 0;
bottom: 0;
+ margin: 4px;
+}
+.widget-container {
+ position: relative;
}
diff --git a/src/app/features/dashboard-widgets/progress-dashboard-widget/progress-dashboard/progress-dashboard.component.ts b/src/app/features/dashboard-widgets/progress-dashboard-widget/progress-dashboard/progress-dashboard.component.ts
index 71d7268521..b852f7e699 100644
--- a/src/app/features/dashboard-widgets/progress-dashboard-widget/progress-dashboard/progress-dashboard.component.ts
+++ b/src/app/features/dashboard-widgets/progress-dashboard-widget/progress-dashboard/progress-dashboard.component.ts
@@ -13,25 +13,23 @@ import { MatTableModule } from "@angular/material/table";
import { MatProgressBarModule } from "@angular/material/progress-bar";
import { MatButtonModule } from "@angular/material/button";
import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
-import { DashboardWidgetComponent } from "../../../../core/dashboard/dashboard-widget/dashboard-widget.component";
-import { WidgetContentComponent } from "../../../../core/dashboard/dashboard-widget/widget-content/widget-content.component";
import { SyncStateSubject } from "../../../../core/session/session-type";
import { DashboardWidget } from "../../../../core/dashboard/dashboard-widget/dashboard-widget";
+import { DashboardListWidgetComponent } from "../../../../core/dashboard/dashboard-list-widget/dashboard-list-widget.component";
@Component({
selector: "app-progress-dashboard",
templateUrl: "./progress-dashboard.component.html",
styleUrls: ["./progress-dashboard.component.scss"],
+ standalone: true,
imports: [
PercentPipe,
MatTableModule,
MatProgressBarModule,
MatButtonModule,
FontAwesomeModule,
- DashboardWidgetComponent,
- WidgetContentComponent,
+ DashboardListWidgetComponent,
],
- standalone: true,
})
@DynamicComponent("ProgressDashboard")
export class ProgressDashboardComponent