Aiven-Open / Aiven-Open/klaw

refactor(coral): Improve ACL request form

Open
#1,142 0 comments 0 reactions 0 assignees View on GitHub
Frontend Housekeeping
Dominant language
Java
Stars
195
Forks
77
Avg merge
8d 9h
Merged PRs (30d)
1

Description

# What is the problem?

Because there are multiple dependencies between the possible fields and field states, he ACL request form is very complex, both for the user and for developers working on it.

Some more UI research is necessary to solve common issues encountered when using the form. This and following comments is an example of the kind of explanations necessary for its use and understanding: https://github.com/aiven/klaw/pull/1119#issuecomment-1538483310

# How could this be improved?

- Reflect on possibly merging fields which have strong tw-ways dependencies, like `Topic name` and `Environment`: instead of each field dynamically rendering different options depending on the value of the other, render one field allowing to pick a topic from an environment in one action.

- Reflect on the appearing/disappearing fields depending on the options chosen (disabling the "Prefix" option and auto selecting "Literal" if the environment is an Aiven cluster, for example)

- Reflect on the organization and hierarchy of fields to reflect the mental model of a user wanting to create a new ACL (possibly having the Producer /Consumer distinction being made earlier in the UI with two buttons / a dropdown button in the Topic overview "Subscribe as a consumer" "Subscribe as a producer")

# New form design

After further research, this is the new ACL form design:
![06-01-00-Request-New-ACL](https://github.com/aiven/klaw/assets/20607294/ce5dede0-480b-4ddf-9347-320c6e8a51e3)
![06-01-00-Request-New-ACL-3](https://github.com/aiven/klaw/assets/20607294/6d4ec9b2-7d83-477b-9d62-90ea04580921)
![06-01-00-Request-New-ACL-2](https://github.com/aiven/klaw/assets/20607294/8c8f95f5-ba4f-40fc-b6a5-188218d1e473)
![06-01-00-Request-New-ACL-1](https://github.com/aiven/klaw/assets/20607294/0c471e81-434a-49b7-acd7-d85ed16b5e67)

# Is this a feature you would work on yourself?

* [ ] I plan to open a pull request for this feature

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.