Add a Global status bar in API Dash
API Dash currently does not have a mechanism to notify users of any issue in their requests. Toast notifications are shown for some actions, but they are not permanent. A Status bar at the bottom of the request details pane, can be utilized to notify users whenever certain request checks fail like:
- When the user adds a request body in a GET request https://github.com/foss42/apidash/issues/178
- To show any validation error for JSON content written in the request body https://github.com/foss42/apidash/issues/583
Hi, can you assign us this issue for our team in FOSSHACK 2025
Hi, can you assign us this issue for our team in FOSSHACK 2025
@ak7cr Kindly read - https://github.com/foss42/apidash/blob/main/CONTRIBUTING.md#why-we-do-not-assign-issues-to-anyone
Hi @ashitaprasad could you please draw a mockup of some sorts on what you have in mind for "A Status bar at the bottom of the request details pane". Is it somekind of notification center or a console log?
@WrathOP The reason I have not posted any mock-up as it will introduce bias and contributors will start implementing the same. Designing the UI is also part of the issue so please feel free to post any feature mockups.
It is neither a notification center (where usually push notifications stack up) or a console log (which is a nice idea). Initially the idea is to have a place at the bottom of the request details pane which dynamically updates based on the the selected request when the request does not pass a set of asserts. But, the feature scope is still open for further exploration.
I'm considering using MaterialBanner to help facilitate this use case - https://api.flutter.dev/flutter/material/MaterialBanner-class.html but it has one limitation , it's attached to AppBar from a placement perspective.
@swapnildey94 material Banner will not work in this case as:
- The location is finalized which is at the bottom
- It is permanent & should blend seamlessly in the UI and not pop-out like material banner does.
@ashitaprasad Hello Ma'am , I wanted to get your thoughts on the mockup design for the GlobalStatusBar. It places the status bar statically at the bottom, which we’ve implemented in the RequestPane to show messages like "GET requests don’t have a body." The design looks clean and ensures the status bar doesn’t interfere with the main content above it.
Do you think this static bottom placement should also apply to the response pane, or should it only be in the request pane?
@ashitaprasad Hello Ma'am , I wanted to get your thoughts on the mockup design for the GlobalStatusBar. It places the status bar statically at the bottom, which we’ve implemented in the RequestPane to show messages like "GET requests don’t have a body." The design looks clean and ensures the status bar doesn’t interfere with the main content above it.
Do you think this static bottom placement should also apply to the response pane, or should it only be in the request pane?
You can take it outside the request pane and stretch it all the way below the response pane as well .. As it can be used to show any message related to the selected request.
@ashitaprasad Should I start working on this, or would it be better to wait for the review results of the PR closing this issue?
@ashitaprasad Should I start working on this, or would it be better to wait for the review results of the PR closing this issue?
You can work on it if your approach is different/better than the existing open PR.