I would like to work on it

Yep, go ahead @pratikshelar546 - make sure you share your final design before opening a PR for this. In case of doubt (e.g use of colors, fonts, components etc) please ask.

@gorkem-bwl sure started the work

is there any way to get dummy data

i tried every possible way to get data and reach to this page but failed

is there any way to get dummy data

i tried every possible way to get data and reach to this page but failed

You need to run the agent on a server to receive server side infrastructure data. I have necessary credentials and a secret for this. Please send an email to [email protected] so you can enter this information, and get real data from a server.

hello @ajhollid i am facing some issues to fix this issue. I'm not able to reach this page can you please help me into it and doing setup

@pratikshelar546 can you write here what you did, step by step, what the output was, and where you are stuck? This is important to make sure Alex can pinpoint your problem.

hello @ajhollid i am facing some issues to fix this issue. I'm not able to reach this page can you please help me into it and doing setup

Hi @pratikshelar546 ,

As @gorkem-bwl mentioned you need to run the Capture agent on the target that you want to monitor.

The easiest way to do this is just run the Capture agent on your local machine and point a monitor to http://localhost:59323/api/v1/metrics

The other options is to use our test server, you can reach out to the email address @gorkem-bwl provided above for credentials.

Yep, I just provided @pratikshelar546 the credentials for our server so he can test it.

@pratikshelar546 let me know if you are successful in connecting.

Hi @gorkem-bwl and @ajhollid,

Thank you both for your help!

@ajhollid, if you’re available and comfortable, could we connect on Slack to discuss the setup?

Apologies for taking up so much of your time with this!

Hi @pratikshelar546 ,

Walking you through the set up is beyond the scope of what I can help with, but if you have a specific issue with the setup that is causing a problem you can post it here and I can take a look.

The developer setup documentation is quite thorough and should provide all the information you need to get running.

Hi @ajhollid,

I followed all the steps mentioned in the document, and the app is running successfully. However, I encountered an issue:

I created an infrastructure to reach its details page, but the infrastructure's status remains pending. Since it’s not fully up, I am unable to access its details page.

Additionally, I noticed a mention about running the Capture agent on the target infrastructure that I want to monitor. Could you please confirm if this is a required step? If so, could you provide additional guidance on how to set it up?

Lastly, I received a URL from @gorkem-bwl. Could you clarify where exactly I need to use that URL in this process? I have already followed the steps mentioned in the Capture repository.

Thank you for your assistance!

I'll leave the "pending" issue to Alex.

Lastly, I received a URL from @gorkem-bwl. Could you clarify where exactly I need to use that URL in this process? I have already followed the steps mentioned in the Capture repository.

In fact, you should already have done this from what I read in your message above. When you go to Infrastructure from the sidebar, you'll see nothing has been added yet. When you add the URL I gave you together with the secret, you should see the data flowing in from that server. You don't need to deploy Capture on another server/Linux docker instance.

HTH.

@gorkem-bwl Thank you for the clarification! The issue is now resolved, and I can see the data flowing in as expected. I can now focus on fixing the UI.

Thanks again for your help!

Yep! That's it!

Hi @gorkem-bwl,

I've updated the design. Could you please take a look and let me know if there are any changes that could further improve the UI?

Can you please also send the light theme? The dark theme is difficult to get an understanding of the UI details.

Is there an issue connecting to the server? It seems like the dashboard doesn't get data.

i followed all the steps that mention in document and put the details that you shared with me.
server is running with 0 errors in console.
how can i debug to get data from server?

I am sorry - it should be http://64.23.145.13:5001/api/v1/metrics (please add /metrics at the end).

I've updated the URL

Please check the UI in light mode and let me know if any adjustments are needed.

Can you double check the Figma file again, as there are subtle background colors in "Used" / "Total" numbers?

Those are the areas that require a modification. Basically in the cards, the font weights should be modified. Memory usage and CPU usage cards have a few more details like background and smaller fonts. Please make sure you check if those fonts are available in our font styles as well.

Sure I will do necessary changes and if I need help regarding font and colors I'll reach out here

hi @gorkem-bwl I have made the changes you suggested.

Hey @gorkem-bwl, is this up for grabs?

Yes and assigned. Please check previous PR as well.

Yes and assigned. Please check previous PR as well.

Sure. I will start as soon as my opened PR is merged.

@gorkem-bwl, while improving on the design I can also fix a typo in the code, as shown in the screenshot.

@Br0wnHammer please do. Thank you. I got your email btw, and send you a response about that soon.

@Br0wnHammer please do. Thank you. I got your email btw, and send you a response about that soon.

Sent you credentials that you can use while fixing the UI.

@Br0wnHammer please do. Thank you. I got your email btw, and send you a response about that soon.

Sent you credentials that you can use while fixing the UI.

Received, I will send a UI screenshot here first before opening a PR.

Yea, that will make things easier for me really. Thanks.

Hey @gorkem-bwl, thoughts?

The only color I have added to your theme:
is the gauge base color : lightBlueWave: "#CDE2FF",
for the background color of the CPU Cores and other details, I have used pre defined:
gray100: "#F4F4F4",
which is similar to "F6F6F6"

Looks good to me so far. It lacks the following two UI aspects (the subtle bg inside the rectangle, and the bg around the circle):

Also can you decrease the gradient just a bit here? It's always hurted my eyes :)

The only color I have added to your theme is the gauge base color : lightBlueWave: "#CDE2FF",

OK, makes sense. Please open a PR.

Sure, let me make the said changes are share a UI. Afterwards, I will open the PR.

@gorkem-bwl, is this color fine for dark mode?

This is how it looks in light mode.

Yes, both look fine. In light mode I barely sense the background color, but probably it's due to the fact that Github downscaled the colors. How does it look on your monitor?

Yes, both look fine. In light mode I barely sense the background color, but probably it's due to the fact that Github downscaled the colors. How does it look on your monitor?

Looks fine here, The color stated in the figma file was:#FCFCFC
While I used the pre-defined one which are basically the same:#FCFCFD

Gorkem, regarding the gradient modification. The same setting has been applied to all the status boxes. Do you want me to modify all of them to tone it down a bit?

Can you elaborate a bit? If I am not mistaken, this is a component, so once there is a change, it should be applied to all status boxes (in uptime section, for example).

Can you elaborate a bit? If I am not mistaken, this is a component, so once there is a change, it should be applied to all status boxes (in uptime section, for example).

Yes, precisely what I am trying to say. I was confirming that all the gradients of such stat boxes need to be tone downed.
Let me share a UI ss with you and with that all things are done and I can open a PR for review.

@gorkem-bwl , is this better?

Yes, this is easy to the eyes.

Hello Gorkem, this issue can now be closed as I do not have the necessary permissions.