hivemq / hivemq-edge

HiveMQ Edge is an MQTT gateway that enables interoperability between OT devices and IT systems. It translates diverse protocols into MQTT for streamlined communication and helps organize data into a unified namespace, making managing and streaming data across your infrastructure easier.
http://hivemq.com
Apache License 2.0
90 stars 20 forks source link

feat(22559): Add data validation step #442

Closed vanch3d closed 3 weeks ago

vanch3d commented 1 month ago

See https://hivemq.kanbanize.com/ctrl_board/57/cards/22559/details/

This PR is the fourth step in the Batch Subscription epic, finally allowing users to explore the data mapping and to deal with errors.

The batch subscriptions are presented in a paginated table, with the column representing the required properties and the rows the data mapped from the previous steps.

The subscriptions (i.e. the row) are validated against the JSONSchema of the adapter's subscription and the errors are highlighted in the table, with a tooltip containing the error message.

Rows can be selected by the checkboxes on the left-hand side and deleted.

Once all subscriptions are valid, i.e. the rows with errors having all been deleted, the "next" button will be enabled and the final step of the batch process will be available.

The PR also improves the design of the stepper's navigation CTAs

Out-of-scope

Before

screenshot-localhost_3000-2024 05 31-13_39_16

After

screenshot-localhost_3000-2024 05 31-13_40_28

screenshot-localhost_3000-2024 05 31-13_41_25

screenshot-localhost_3000-2024 05 31-13_41_40

screenshot-localhost_3000-2024 05 31-13_42_04