Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ui] add TeamModal component #582

Merged
merged 1 commit into from Aug 17, 2021
Merged

[ui] add TeamModal component #582

merged 1 commit into from Aug 17, 2021

Conversation

Rashmi-K-A
Copy link
Contributor

This commit adds a modal component to the Organizations
table. On clicking the View teams button in the table,
this modal opens up displaying all the top level teams
of the organization.

Signed-off-by: Rashmi-K-A k.a.rashmi04@gmail.com

Copy link
Contributor

@evamillan evamillan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the PR, Rashmi, I've got a few comments.

  • I get some warnings when I run yarn serve, running yarn lint --fix should fix most of them.
  • Can you align the edit and delete buttons on the modal? Adding the align-center class to the row they're in will probably do the trick. Also, the "add a new team" button looks a bit like plain text, you can maybe use the same one as the "add domain" or "add organization" from the other modals.
  • I thought we would display the number of teams and the top level ones on the organizations table, it could be useful to have that bit of information there. In any case, the expanded view can look tidier if the "Domains" and "Teams" text has the same size and is aligned.
  • When I add a subteam on the modal, the team is added to the database but the interface is not updated, you need to reload the page to see it.

I also left some comments on the code.

ui/src/components/TeamModal.vue Outdated Show resolved Hide resolved
ui/src/components/TeamModal.vue Outdated Show resolved Hide resolved
ui/src/components/TeamModal.vue Outdated Show resolved Hide resolved
ui/src/components/TeamModal.vue Outdated Show resolved Hide resolved
ui/src/components/TeamModal.vue Outdated Show resolved Hide resolved
@evamillan
Copy link
Contributor

The changes look good to me, but there are still some lint warnings, can you take a look at them @Rashmi-K-A?

@Rashmi-K-A
Copy link
Contributor Author

The changes look good to me, but there are still some lint warnings, can you take a look at them @Rashmi-K-A?

Done @evamillan

This commit adds a modal component to the Organizations
table. On clicking the View teams button in the table,
this modal opens up displaying all the top level teams
of the organization.

Signed-off-by: Rashmi-K-A <k.a.rashmi04@gmail.com>
Copy link
Contributor

@evamillan evamillan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@sduenas sduenas merged commit 8e2d02a into chaoss:muggle Aug 17, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants