Basic Setup Wizard / Admin UI

[sleidig]

see #1947, #2047 , #2048

Remaining bugs & issues:

• field details are not reflected in the drag&drop preview anymore (since introducing entity-field-edit.component)
• entity schema is edited in-place, changes cannot be canceled yet
• snackbar + undo action when saving
• preview and manage enum options of selected enum (+ labels for enum entities?) + move [new option set] out of text box
• rename routes and components -> AdminXComponent? and create folder structure following the same pattern; move AdminFormC into module next to FormC (out of Admin Module?)
• prevent change of dataType to something that can't auto-transform existing data - or make datatype transformation more fault tolerant? (--> date, entity, location)
• implement UpdateMetadata and EventAttendance as datatypes based on SchemaEmbedDatatype
• add permission and hide button from users by default

Problems:

• schema edited in-place -> logic for cancel needed
• schema change in one tab not reflected in other tabs
• save only string ids in form + details in schema wherever possible

Form Designer

• reorder form fields via drag&drop
• create new field groups via drag&drop
• edit/create group titles
• add new form field (and with that the corresponding entity attribute) via drag&drop
• hide/deactivate existing form fields via drag&drop
• fine tune UX of drag & drop (visualization, seamless drop, ...)
• save the updated view config
• offer all entity fields to be picked from "hidden fields" sidebar

Field Details

• edit form field details like label, etc.
• select an entity type for entity/entity-array dataType
• translate the dataType names to less technical, easy-to-understand labels
• save return the updated entity config to be saved
• creating a new field, the Field ID is auto-generated (but editable)
• select/create an configurable-enum list for the dataType

Later (?):

• Field Details:
  • Setup Wizard: support special form fields #2121
    • dataType for multi-select enum
    • configure array dataType - or make the types supporting arrays available as own dataTypes (like entity-array already)
    • adding description only fields
    • select different views (number as percentage, etc.) or make these available as own dataTypes
  • Setup Wizard: Configure Validators for fields #2118
  • Generalized DialogViewComponent wrapper to display forms in popup #2069
• Form Designer:
  • Setup Wizard: add / edit different sections (e.g. related notes) and tabs #2119
  • hide navigation menu (left) and display Admin UI in total fullscreen?

Config & Architecture discussions

• EntitySchemaField_withId + flatten EntityConfig.attributes
• - form field groups: { header?: string; fields: FormFieldConfig[]; }
• - where to extend/merge schema + form field configs (top or bottom layer)?

[github-actions]

Deployed to https://pr-2057.aam-digital.net/

[TheSlimvReal]

This look and feel is really amazing. I love how intuitive and pretty the design is. It works just the way I would expect it. Really good job!

• When creating a new field, the Field ID is not readonly
• When a field currently has type details (e.g. entity) and you edit it to something without type details (e.g. text) then the first time you change it, it cannot be saved. Once it is changed again (e.g. to number) it works. Probably the Type Details field is still required in the background but just not visible.
• Is it necessary to have the toggle for the short label? We could also just make it optional with a hint that the normal label will be used if not set.

[TheSlimvReal]

I think the opton to add permissions to admin routes is quite important. I don't think this is possible with the new system. Or should we have a default rule for that?

[TheSlimvReal]

Looks good now. Please have a look at the accidental changes to some comments.

[TheSlimvReal]

I tested it now with the route guard and it works well. There is only a error message in synced mode when visiting admin/entity/Child/details directly as I think the component is loaded before the config is available. When waiting for the config (using await firstValueFrom(this.configService.configUpdates) the error is gone but it somehow navigates to a empty tab. I wasnt able to fix that.

[aam-digital-ci]

🎉 This PR is included in version 3.28.0-master.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[aam-digital-ci]

🎉 This PR is included in version 3.28.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀