Release 3.20.1

package.json

@@ -28,6 +28,7 @@
     "@angular/forms": "^15.2.3",
     "@angular/localize": "^15.2.3",
     "@angular/material": "^15.2.3",
+    "@angular/material-moment-adapter": "^15.2.6",
     "@angular/platform-browser": "^15.2.3",
     "@angular/platform-browser-dynamic": "^15.2.3",
     "@angular/router": "^15.2.3",

src/app/child-dev-project/attendance/activity-attendance-section/activity-attendance-section.component.ts

@@ -45,8 +45,7 @@ export class ActivityAttendanceSectionComponent implements OnInit {
     {
       id: "periodFrom",
       label: $localize`:The month something took place:Month`,
-      view: "DisplayDate",
-      additional: "YYYY-MM",
+      view: "DisplayMonth",
     },
     {
       id: "presentEvents",

src/app/child-dev-project/children/model/child.ts

@@ -85,7 +85,7 @@ export class Child extends Entity {
   @DatabaseField({
     label: $localize`:Label for the status of a child:Status`,
   })
-  status: string = "";
+  status: string;
 
   @DatabaseField({
     label: $localize`:Label for the dropout date of a child:Dropout Date`,

src/app/core/core-components.ts

@@ -85,6 +85,13 @@ export const coreComponents: ComponentTuple[] = [
         "./entity-components/entity-utils/dynamic-form-components/edit-date/edit-date.component"
       ).then((c) => c.EditDateComponent),
   ],
+  [
+    "EditMonth",
+    () =>
+      import(
+        "./entity-components/entity-utils/dynamic-form-components/edit-month/edit-month.component"
+      ).then((c) => c.EditMonthComponent),
+  ],
   [
     "EditLongText",
     () =>
@@ -127,6 +134,13 @@ export const coreComponents: ComponentTuple[] = [
         "./entity-components/entity-utils/view-components/display-date/display-date.component"
       ).then((c) => c.DisplayDateComponent),
   ],
+  [
+    "DisplayMonth",
+    () =>
+      import(
+        "./entity-components/entity-utils/view-components/display-month/display-month.component"
+      ).then((c) => c.DisplayMonthComponent),
+  ],
   [
     "ReadonlyFunction",
     () =>

src/app/core/database/pouch-database.ts

@@ -387,7 +387,9 @@ export class PouchDatabase extends Database {
       newObject._rev = existingObject._rev;
       return this.put(newObject);
     } else {
-      existingError.message = existingError.message + " (unable to resolve)";
+      existingError.message = `${
+        existingError.message
+      } (unable to resolve) ID: ${JSON.stringify(newObject)}`;
       throw new DatabaseException(existingError);
     }
   }

src/app/core/demo-data/demo-data.module.ts

@@ -42,7 +42,6 @@ import { DemoPublicFormGeneratorService } from "../../features/public-form/demo-
 const demoDataGeneratorProviders = [
   ...DemoPermissionGeneratorService.provider(),
   ...DemoPublicFormGeneratorService.provider(),
-  ...DemoConfigGeneratorService.provider(),
   ...DemoUserGeneratorService.provider(),
   ...DemoConfigurableEnumGeneratorService.provider(),
   ...DemoChildGenerator.provider({ count: 120 }),
@@ -67,6 +66,8 @@ const demoDataGeneratorProviders = [
     maxCountAttributes: 5,
   }),
   ...DemoTodoGeneratorService.provider(),
+  // keep Demo service last to ensure all entities are already initialized
+  ...DemoConfigGeneratorService.provider(),
 ];
 
 /**

src/app/core/entity-components/entity-list/entity-list.component.html

@@ -44,6 +44,7 @@
   <div class="flex-row gap-regular flex-wrap">
     <div *ngTemplateOutlet="filterDialog"></div>
     <app-filter
+      *ngIf="!isLoading"
       class="flex-row gap-regular flex-wrap"
       [filterConfig]="filtersConfig"
       [entityType]="entityConstructor"

src/app/core/entity-components/entity-list/entity-list.component.ts

@@ -84,7 +84,7 @@ import { DisableEntityOperationDirective } from "../../permissions/permission-di
 export class EntityListComponent<T extends Entity>
   implements OnChanges, AfterViewInit
 {
-  @Input() allEntities: T[] = [];
+  @Input() allEntities: T[];
   @Input() listConfig: EntityListConfig;
   @Input() entityConstructor: EntityConstructor<T>;
   @Input() clickMode: "navigate" | "popup" | "none" = "navigate";
@@ -174,7 +174,8 @@ export class EntityListComponent<T extends Entity>
       ) as EntityConstructor<T>;
     }
 
-    if (!this.allEntities || this.allEntities.length === 0) {
+    if (!this.allEntities) {
+      // if no entities are passed as input, by default load all entities of the type
       await this.loadEntities();
     }