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

Task/tup 373 project summary listing #86

Merged
merged 11 commits into from
Dec 19, 2022

Conversation

sophia-massie
Copy link
Collaborator

@sophia-massie sophia-massie commented Dec 13, 2022

Overview:

Created one column table to eventually be able to map to separate systems table component for Projects page.

Related:

Changes:

  • Created new ProjectSummaryListing component.
  • Added new cells to ProjectCells. Added types to the existing ProjectRawSystem type in tup-hooks.
  • Added tests for ProjectSummaryListing component.

Testing:

  1. Go to localhost:8000/dashboard
  2. Click the Projects tab from the sidebar
  3. Make sure listing populate correctly. Compare with the existing TUP site here.
  4. Go back to dashboard and click the link above the Projects table
  5. Make sure the results are the same as the other view.

UI:

Screen Shot 2022-12-13 at 1 54 57 PM

Notes:

  • Please send feedback! Tried to keep styling as dry as possible. I want to refactor eventually so that a hook gathers the allocation usage rather than having the calculations inside component.

-There's some discrepancies in the numbers between existing TUP and what I'm getting back in the response for my usage specifically for the Advanced Computing Interfaces' Project TACC-ACI.

** Is this because the old TUP is still factoring in Longhorn and the new TUP is not?

sophia-massie and others added 6 commits December 8, 2022 17:28
* feat(core-styles): use remote not local

* feat(core-styles): import all deps in each pattern

* feat(core-styles): common path alias

* feat(core-styles): libPaths → libAlias, etc.

* feat(core-styles): update tup-cms path to theme

* feat(core-styles): lib alias path → real dist dir

* docs(ui-patterns): fix comment about core-styles

* wip: css layers, forms, login

* chore(core-styles): update font path

Caused by: TACC/Core-Styles#74

* formatting

* fix(fonts): path consistent w/ core-styles

* fix(tup-ui): login form

- changed to load latest core-cms image
- changed input to allow optional required attribute
- changed FieldWrapperFormik to use @tacc/core-styles c-form styles
- changed LoginComponent to use @tacc/core-styles c-form

TODO:
- remove c-form classes from LoginComponent (this may mean creating more core-wrappers)

* fix(ui-patterns): load missing styles

Replace broken index.css with new main.css.

* fix(ui-patterns): restore missing css vars

Previously, I told postcss to convert css vars to static values. Why?

Doesn't matter. Core-Styles serves settings very well now.

* chore(core-styles): install latest & via cms

- directly install latest core-styles
- install core-cms image that has latest core-styles

* chore(core-components): revive InfiniteScrollTable

I don't need to convert this for this branch/PR to be comple.

I will convert it just after.

* chore(tup-components): comment out yup validation

Use HTML5 validation, until told otherwise, for this form.

* fix(core-components): Paginator use new c-button

Update Paginator to rely on newest c-button styles.

* chore: nx format:write

* feat: add portal-specific assets, use new cms img

* fix(core-wrappers): use core button not reactstrap

* feat(ui-patterns): load core-styles, fix font size

- Added relevant CSS from @tacc/core-styles.
- Changed root font size to 10px.
- Changed styles to retain original font sizes.
- Removed Portal link styles.

* fix(tup-u): restore loading spinner

- Moved Bootstrap v5 classes from root to LoadingSpinner.
- Renamed LoadingSpinner.css to LoadingSpinner.global.css.

* fix(tup-ui): improve nav link legibility

* fix(tup-ui): use c-button not bootstrap

* fix(tup-ui): drop tiny, outdated, cepv2 font sizes

* docs(tup-ui): how to style

* chore: nx format:write

* chore(tup-cms, core-styles): install latest

* chore(tup-cms, core-styles): install latest-er

* chore(core-styles): install bleeding edge

* fix(core-styles): no CSS layers in source CSS

- And thus, don't suggest it for ui-patterns.
- Also, fix message color to use new core-styles color.

* fix(tup-ui): global layout bugs

- app: unset cms main margin
- login: add missing padding
- login: simply layout styling
- main: stretch app height to available space
- index: remove unused `o-site` class

* fix(cms): demo fixes and new drop-cap pattern

TACC/Core-Styles#84

https://github.com/TACC/Core-CMS/pull/569/commits/400868

* chore(core-styles): sync to cms core-styles ver.

Instead of pre-v1.0.0 commit, get a post-v1.0.0 commit.

* fix(login): use large field inputs always

This is not Core. Just specific to login form.

Co-authored-by: jarosenb <jrosenberg@tacc.utexas.edu>
@sophia-massie sophia-massie marked this pull request as draft December 13, 2022 20:02
@sophia-massie sophia-massie marked this pull request as ready for review December 13, 2022 20:03
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, and tests look reasonable!

@jarosenb jarosenb merged commit d553944 into main Dec 19, 2022
@jarosenb jarosenb deleted the task/TUP-373-Project-Summary-Listing branch December 19, 2022 22:34
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