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

✨ Add search toolbar and "all questions" tab to questionnaire view page, clean up layout #1313

Merged
merged 7 commits into from
Aug 26, 2023

Conversation

mturley
Copy link
Collaborator

@mturley mturley commented Aug 24, 2023

Resolves #1293. We determined we don't need the filter dropdown (at least for now), just the search bar.

  • Cleans up some layout issues on the page.
  • Adds an "All questions" tab above the section tabs. When viewing this tab, the questions table has a "Section" column so you can still tell the sections apart when they are viewed together.
  • Adds the total number of questions under each tab title. When the search bar is used, a badge appears next to this to show how many questions match the search.
  • Adds an empty state to the table if there are no questions matching your search.
Screenshot 2023-08-25 at 2 24 18 PM

U4kHZuOvzh

Screenshot 2023-08-25 at 2 31 19 PM

@codecov
Copy link

codecov bot commented Aug 24, 2023

Codecov Report

Patch and project coverage have no change.

Comparison is base (36fdf4d) 43.04% compared to head (8d54cd3) 43.04%.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1313   +/-   ##
=======================================
  Coverage   43.04%   43.04%           
=======================================
  Files         145      145           
  Lines        4330     4330           
  Branches      999      999           
=======================================
  Hits         1864     1864           
  Misses       2454     2454           
  Partials       12       12           
Flag Coverage Δ
client 43.04% <ø> (ø)
server ∅ <ø> (∅)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@mturley mturley force-pushed the 1293-questionnaire-view-toolbar branch from 8e5fa98 to 7e3e829 Compare August 25, 2023 18:02
@mturley mturley changed the title [WIP] ✨ Add search toolbar to questionnaire view page (questions table), clean up layout ✨ Add search toolbar and "all questions" tab to questionnaire view page, clean up layout Aug 25, 2023
Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
@mturley mturley force-pushed the 1293-questionnaire-view-toolbar branch from d4c3914 to 8d54cd3 Compare August 25, 2023 18:33
@mturley mturley marked this pull request as ready for review August 25, 2023 18:33
Copy link
Member

@ibolton336 ibolton336 left a comment

Choose a reason for hiding this comment

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

Lgtm - looks great!

@ibolton336 ibolton336 merged commit ea99f09 into konveyor:main Aug 26, 2023
@mturley mturley deleted the 1293-questionnaire-view-toolbar branch August 28, 2023 20:44
ibolton336 pushed a commit to ibolton336/tackle2-ui that referenced this pull request Aug 29, 2023
…ge, clean up layout (konveyor#1313)

Resolves konveyor#1293. We determined we don't need the filter dropdown (at
least for now), just the search bar.
* Cleans up some layout issues on the page.
* Adds an "All questions" tab above the section tabs. When viewing this
tab, the questions table has a "Section" column so you can still tell
the sections apart when they are viewed together.
* Adds the total number of questions under each tab title. When the
search bar is used, a badge appears next to this to show how many
questions match the search.
* Adds an empty state to the table if there are no questions matching
your search.

<img width="1500" alt="Screenshot 2023-08-25 at 2 24 18 PM"
src="https://github.com/konveyor/tackle2-ui/assets/811963/c655ba4e-4a18-493a-87ad-ff1e3c926da3">


![U4kHZuOvzh](https://github.com/konveyor/tackle2-ui/assets/811963/3698dc9e-5841-44e4-9fee-40752b4def86)

<img width="1501" alt="Screenshot 2023-08-25 at 2 31 19 PM"
src="https://github.com/konveyor/tackle2-ui/assets/811963/27e547c8-76dc-4398-9a2f-84cd9da64e8c">

---------

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
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.

Add toolbar and pagination for questionnaire view page
2 participants