cyclops-ui/cyclops

Node Conditions Update Style

Closed this issue · 13 comments

The Condition cards feel out of place and need to be updated.
Screenshot 2024-07-17 at 15 14 25

To give these cards more details, add the message, status, and lastHearbeatTime properties. Indicate the card's status not by coloring the entire card but by giving it a check sign or danger sign in its status field.

Refer to AntDesign cards for more info about changing the style of cards and adding properties.

Hi @KaradzaJuraj can you assign this issue to me.

Hey @AdityaGupta20871, node details have been updated as part of another PR, but you can add the fields listed in the issue description like message and lastHearbeatTime

@AdityaGupta20871 can I pick this up if you are not working on it?

@petar-cvit can I work on this if that's ok?

Hi @petar-cvit I won't be able to work on this issue for now (sorry for the inconvenience) can you reassign it to @s-vamshi

@petar-cvit can you please assign this to me?

@petar-cvit can you suggest on how to display message and lastHearbeatTime?
i have to ideas which are:

  1. on card hover these details needs to be displayed
  2. there will be a details button which on click will give the details

@s-vamshi we were thinking about having a card that would display all of the info without the need for hovering, but don't have any drawn designs.

@petar-cvit can you please review this?
image

@s-vamshi, can you put the value in the next row so it's not split like that? Also, can you style it as code:

Last Transition TIme:
7/26/2024, 10:17:09 PM

sure

@s-vamshi, can you put the value in the next row so it's not split like that? Also, can you style it as code:

Last Transition TIme: 7/26/2024, 10:17:09 PM

done
image