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

feat: tup-414 help users "View all …" #317

Merged
merged 16 commits into from
Oct 5, 2023

Conversation

wesleyboar
Copy link
Member

@wesleyboar wesleyboar commented Sep 7, 2023

Overview

Change UI so users can more clearly see where to "View all" Tickets, Projects, and News.

Related

* Without it, scrollbar can show on Dashboard "My Tickets", but design wants to avoid scrollbar

Changes

  • added link to Dashboard to "View all Tickets"
  • changed Dashboard to show less tickets
  • changed casing of "View All Updates" to "View all Updates"
  • changed Dashboard to show less news
    • added NEWS_DASHBOARD_DISPLAY_LIMIT
  • changed Dashboard to limit number of projects
    • added PROJECTS_DASHBOARD_DISPLAY_LIMIT

Testing

  1. The dashboard, at any window height, does not show enough table rows to make panels scrolls.
  2. All "View all …" links on the Dashboard have consistent letter casing.
  3. The new "View all Tickets" link on the Dashboard (near "My Tickets") sends user to "Tickets" section.

UI

new "View all …" link + smaller [ + New Ticket ] button + less grid gap
localhost_8000_portal_dashboard

The cut off System Status "Running Jobs" is a bug caused by #312, not this.

Note
Matches design (internal link) that designer approved (internal link).

Outdated
Alignment Fix (Updated with Layout Fix to Remove Gap)
view all tickets
Alignment Fix (Replaced by Smaller Button)
view all tickets - aligned

Also, do so via—
NEWS_DASHBOARD_DISPLAY_LIMIT
—to mimic clarity of—TICKETS_DASHBOARD_DISPLAY_LIMIT
Also, do so via—
PROJECTS_DASHBOARD_DISPLAY_LIMIT
—to mimic clarity of—TICKETS_DASHBOARD_DISPLAY_LIMIT
@wesleyboar wesleyboar changed the title feat: tup-414 help users view all tickets feat: tup-414 help users "View all …" Sep 7, 2023
@wesleyboar wesleyboar marked this pull request as ready for review September 8, 2023 15:25
This reverts commit 6d62c21.

The alignment will not be an issue after new branch:
enhance/tup-414-help-users-view-all-tickets--indirectly-support-small-size-button
wesleyboar and others added 2 commits September 26, 2023 16:30
Designers do not intend nor like big gap. It's been around since Portal.

But it's been so difficult to fix… until  `project-ticket-grid` came.

I hadn't noticed the fix was possible until just now.
Copy link
Member Author

@wesleyboar wesleyboar left a comment

Choose a reason for hiding this comment

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

Notes for reviewer.

Comment on lines -47 to +48
grid-template-rows: 1fr 1fr;
grid-template-areas:
grid-template-rows: auto 1fr;
grid-template-areas:
Copy link
Member Author

Choose a reason for hiding this comment

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

To fix an unrelated Dashboard layout bug that I am sneaking in, because it has been a bane to the designers but I see how easy it has become to fix.

@@ -7,6 +7,8 @@ import {
} from '@tacc/core-components';
import styles from './UserNews.module.css';

const NEWS_DASHBOARD_DISPLAY_LIMIT = 3;
Copy link
Member Author

Choose a reason for hiding this comment

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

Moved limit to a constant1 and lowered it.

Footnotes

  1. Just like in libs/tup-components/src/tickets/TicketsTable.tsx.

Comment on lines +23 to +27
const projectData = data
?.filter((prj) =>
prj.allocations?.some((alloc) => alloc.status === 'Active')
)
.slice(0, PROJECTS_DASHBOARD_DISPLAY_LIMIT);
Copy link
Member Author

Choose a reason for hiding this comment

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

Added constant1 and used it to limit projects shown (cuz this table already has a "View all …" link).

Footnotes

  1. Just like in libs/tup-components/src/tickets/TicketsTable.tsx.

Comment on lines +15 to +17
<Link to="/tickets" className={styles['viewall-action']}>
View all Tickets
</Link>
Copy link
Member Author

@wesleyboar wesleyboar Sep 26, 2023

Choose a reason for hiding this comment

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

Added link to "View all Tickets".

@wesleyboar wesleyboar requested a review from jarosenb September 26, 2023 22:33
Copy link
Collaborator

@jarosenb jarosenb left a comment

Choose a reason for hiding this comment

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

LGTM

@jarosenb jarosenb merged commit 7482c88 into main Oct 5, 2023
1 check passed
@jarosenb jarosenb deleted the enhance/tup-414-help-users-view-all-tickets branch October 5, 2023 15:21
jarosenb added a commit that referenced this pull request Oct 5, 2023
jarosenb added a commit that referenced this pull request Oct 5, 2023
@wesleyboar wesleyboar restored the enhance/tup-414-help-users-view-all-tickets branch October 5, 2023 15:56
@wesleyboar
Copy link
Member Author

Exacerbates a bug. Bug must be fixed in tandem. I restored this work in #330, where I will also fix the bug.

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.

2 participants