Build The Programs List Page #14

Buwujiu · 2023-03-13T18:26:46Z

Detailed Description

We want to support these 2 use cases in RDPC portal:

As a RDPC admin, in the RDPC portal, i want to see a list of all regional programs when I log in.

Make sure to add a Search Bar: users should be able to search for a program by
- entering a complete program shortname.
- entering one or multiple letters, search bar should return all matched program names.

As a DCC admin, after I login to Toronto RDPC, I should see a list of all programs(as long as their processing region is Canada), but I should NOT be able to create programs and manage users.

Make sure to add a Search Bar: users should be able to search for a program by
- entering a complete program shortname.
- entering one or multiple letters, search bar should return all matched program names.

Refer to use case 6 and 9 in https://wiki.oicr.on.ca/display/icgcargotech/Federated+ARGO+User+Login+Requirements#FederatedARGOUserLoginRequirements-2.RDPCPortalLogin/outUserStory

Mockup

https://www.figma.com/file/O9jdbXSZMQf5F34OJAhyRT/ARGO-RPDC%3A-Exploration?node-id=46-17030

Exit Criteria

UI styling should be consistent with the mockup.
Search Bar: users should be able to search for a program by
entering a complete program shortname.
entering one or multiple letters, search bar should return all matched program names
As a RDPC admin, on the RDPC portal, I want to see all programs by clicking on "All Programs" button on the left panel.
Note that the "All Programs" button is not visible to other users. It's only available to the RDPC admins.
The program short names should have a link that directs to the program dashboard.
The Administrators column should have a link that prompts the email app with the admin's email address as the receiver.
Build the My Programs bar. When it collapses, hide all program names, when it expands, reveal all program names.
The user title under the username should be "DCC Member" for DCC admins, "RDPC Admin" for RDPC admins.
When logged in as DCC admin on the Toronto node, I should only see programs whose processing region is Canada.
When logged in as RDPC admin on the RDPC country X node, I should only see programs whose processing region is country X.

The text was updated successfully, but these errors were encountered:

* add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- Co-authored-by: Ciaran Schutte <[email protected]>

* add prettier plugin (#43) Co-authored-by: Ciaran Schutte <[email protected]> * Feat/8 Logout (#39) * move global into src, instead of app folder * add some components * configure uikit, emotion and typings * uikit happy * Basic Env Vars * Populating Basic Configs * cleanup * add theme provider * emotion imports * emotion uikit style tpying * First Working Test * Working Redirect w/ URL Join * remove DataCallout uikit re-export wrapper * Basic Reusable Component * Remove .env * Update .gitignore * Remove Duplicate * Stage for UI Kit * Loading Test w/ UI Kit * NavBar Setup * Fix Landing Page * Remove Next logo * Skeleton Cookies * Basic Logout * AuthContext Setup * AuthContext Simplest State * Generic Vars * Major Update w/ Logout + UI Kit * Testing Context + State * Add Copyrights * Update TypeScript, Imports, File Structure * Login Button Component * Use AuthContextValue * Use GoogleLogin * Use URL Join * Local .env updates * Remove Boilerplate * Shuffle Files Around * Refactor w/o Context * Remove Logging * Fix env settings * Add React Query + Mock Login State * Add Copyright * Current Working State * Fix User Badge * Temporary Login Solution * Clean Up State Changes * Remove Redirect * Cleaned Up User Badge * Basic Pathname Solution * Cleaned Up Login Flow * Improved Layout + Header Handling * Remove vscode from gitignore * Fix /public import * Update page names * Refactor Auth / Layout * General Clean Up * Stub Middleware * Tidying * Middleware + Auth Route Setup - Infinite Loop * Current State - Testing * Children prop cleanup * Header UI Updates * Current Working State * Clean Up Use of Stored Token * Remove extra storedToken * First Lint Changes * Hook + Middleware Cleanup * Better fallback, LoggingIn dependency * Move Middleware to Feature Branch * Unnecesary changes * Remove Server side token management * First Setup * Log Out Update * Updated Var name + Conditional * Improve Loading Var Names + Reusable Logout * Use Context logOut * Remove Dummy Logout Button * 1st Header PR Feedback * Remove Unused Imports * Fix Build Issues * ProfileMenu Component * Reusable Login --------- Co-authored-by: Ciaran Schutte <[email protected]> * Feat/#14 programs list page (#47) * add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- Co-authored-by: Ciaran Schutte <[email protected]> * RC 0.4.0 --------- Co-authored-by: Ciarán Schütte <[email protected]> Co-authored-by: Ciaran Schutte <[email protected]>

* add prettier plugin (#43) * Feat/8 Logout (#39) * move global into src, instead of app folder * add some components * configure uikit, emotion and typings * uikit happy * Basic Env Vars * Populating Basic Configs * cleanup * add theme provider * emotion imports * emotion uikit style tpying * First Working Test * Working Redirect w/ URL Join * remove DataCallout uikit re-export wrapper * Basic Reusable Component * Remove .env * Update .gitignore * Remove Duplicate * Stage for UI Kit * Loading Test w/ UI Kit * NavBar Setup * Fix Landing Page * Remove Next logo * Skeleton Cookies * Basic Logout * AuthContext Setup * AuthContext Simplest State * Generic Vars * Major Update w/ Logout + UI Kit * Testing Context + State * Add Copyrights * Update TypeScript, Imports, File Structure * Login Button Component * Use AuthContextValue * Use GoogleLogin * Use URL Join * Local .env updates * Remove Boilerplate * Shuffle Files Around * Refactor w/o Context * Remove Logging * Fix env settings * Add React Query + Mock Login State * Add Copyright * Current Working State * Fix User Badge * Temporary Login Solution * Clean Up State Changes * Remove Redirect * Cleaned Up User Badge * Basic Pathname Solution * Cleaned Up Login Flow * Improved Layout + Header Handling * Remove vscode from gitignore * Fix /public import * Update page names * Refactor Auth / Layout * General Clean Up * Stub Middleware * Tidying * Middleware + Auth Route Setup - Infinite Loop * Current State - Testing * Children prop cleanup * Header UI Updates * Current Working State * Clean Up Use of Stored Token * Remove extra storedToken * First Lint Changes * Hook + Middleware Cleanup * Better fallback, LoggingIn dependency * Move Middleware to Feature Branch * Unnecesary changes * Remove Server side token management * First Setup * Log Out Update * Updated Var name + Conditional * Improve Loading Var Names + Reusable Logout * Use Context logOut * Remove Dummy Logout Button * 1st Header PR Feedback * Remove Unused Imports * Fix Build Issues * ProfileMenu Component * Reusable Login --------- * Feat/#14 programs list page (#47) * add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- * RC 0.4.0 --------- Co-authored-by: Ciarán Schütte <[email protected]> Co-authored-by: Ciaran Schutte <[email protected]>

* add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- Co-authored-by: Ciaran Schutte <[email protected]>

ciaranschutte · 2023-08-17T01:16:03Z

static UI in code review.

setting up Apollo data fetching in project

ciaranschutte · 2023-08-17T19:16:23Z

data fetching is more involved than a quick link.
added a new ticket: https://app.zenhub.com/workspaces/icgc-argo-platform-dk-production-board-5e542d38415f5034e9fed89d/issues/gh/icgc-argo/roadmap/1010

* add prettier plugin (#43) Co-authored-by: Ciaran Schutte <[email protected]> * Feat/8 Logout (#39) * move global into src, instead of app folder * add some components * configure uikit, emotion and typings * uikit happy * Basic Env Vars * Populating Basic Configs * cleanup * add theme provider * emotion imports * emotion uikit style tpying * First Working Test * Working Redirect w/ URL Join * remove DataCallout uikit re-export wrapper * Basic Reusable Component * Remove .env * Update .gitignore * Remove Duplicate * Stage for UI Kit * Loading Test w/ UI Kit * NavBar Setup * Fix Landing Page * Remove Next logo * Skeleton Cookies * Basic Logout * AuthContext Setup * AuthContext Simplest State * Generic Vars * Major Update w/ Logout + UI Kit * Testing Context + State * Add Copyrights * Update TypeScript, Imports, File Structure * Login Button Component * Use AuthContextValue * Use GoogleLogin * Use URL Join * Local .env updates * Remove Boilerplate * Shuffle Files Around * Refactor w/o Context * Remove Logging * Fix env settings * Add React Query + Mock Login State * Add Copyright * Current Working State * Fix User Badge * Temporary Login Solution * Clean Up State Changes * Remove Redirect * Cleaned Up User Badge * Basic Pathname Solution * Cleaned Up Login Flow * Improved Layout + Header Handling * Remove vscode from gitignore * Fix /public import * Update page names * Refactor Auth / Layout * General Clean Up * Stub Middleware * Tidying * Middleware + Auth Route Setup - Infinite Loop * Current State - Testing * Children prop cleanup * Header UI Updates * Current Working State * Clean Up Use of Stored Token * Remove extra storedToken * First Lint Changes * Hook + Middleware Cleanup * Better fallback, LoggingIn dependency * Move Middleware to Feature Branch * Unnecesary changes * Remove Server side token management * First Setup * Log Out Update * Updated Var name + Conditional * Improve Loading Var Names + Reusable Logout * Use Context logOut * Remove Dummy Logout Button * 1st Header PR Feedback * Remove Unused Imports * Fix Build Issues * ProfileMenu Component * Reusable Login --------- Co-authored-by: Ciaran Schutte <[email protected]> * Feat/#14 programs list page (#47) * add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- Co-authored-by: Ciaran Schutte <[email protected]> * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * use route groups * content additions to sidemenu * poor mans sidebar toggle * Revert "Merge branch 'develop' into sidemenu-layout-restructure" This reverts commit 640bb4b. * clean up * add sidemenu toggle * fix build * lots of styling * add page count * add table comps, fix font * fix percent cell * table updates * sidemenu * styling * styling * cleanup * cleanup * remove temp data * use constants for css vals * cleanup donor status * change px to rem * use path aliases * decompose sidemenu * decompose sidemenu * e to event * only filter on search val * fix import * use higher order func to prevent re init * remove temp data refs * add mockd ata --------- Co-authored-by: Ciaran Schutte <[email protected]> Co-authored-by: Dan <[email protected]>

* add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- Co-authored-by: Ciaran Schutte <[email protected]>

* add prettier plugin (#43) Co-authored-by: Ciaran Schutte <[email protected]> * Feat/8 Logout (#39) * move global into src, instead of app folder * add some components * configure uikit, emotion and typings * uikit happy * Basic Env Vars * Populating Basic Configs * cleanup * add theme provider * emotion imports * emotion uikit style tpying * First Working Test * Working Redirect w/ URL Join * remove DataCallout uikit re-export wrapper * Basic Reusable Component * Remove .env * Update .gitignore * Remove Duplicate * Stage for UI Kit * Loading Test w/ UI Kit * NavBar Setup * Fix Landing Page * Remove Next logo * Skeleton Cookies * Basic Logout * AuthContext Setup * AuthContext Simplest State * Generic Vars * Major Update w/ Logout + UI Kit * Testing Context + State * Add Copyrights * Update TypeScript, Imports, File Structure * Login Button Component * Use AuthContextValue * Use GoogleLogin * Use URL Join * Local .env updates * Remove Boilerplate * Shuffle Files Around * Refactor w/o Context * Remove Logging * Fix env settings * Add React Query + Mock Login State * Add Copyright * Current Working State * Fix User Badge * Temporary Login Solution * Clean Up State Changes * Remove Redirect * Cleaned Up User Badge * Basic Pathname Solution * Cleaned Up Login Flow * Improved Layout + Header Handling * Remove vscode from gitignore * Fix /public import * Update page names * Refactor Auth / Layout * General Clean Up * Stub Middleware * Tidying * Middleware + Auth Route Setup - Infinite Loop * Current State - Testing * Children prop cleanup * Header UI Updates * Current Working State * Clean Up Use of Stored Token * Remove extra storedToken * First Lint Changes * Hook + Middleware Cleanup * Better fallback, LoggingIn dependency * Move Middleware to Feature Branch * Unnecesary changes * Remove Server side token management * First Setup * Log Out Update * Updated Var name + Conditional * Improve Loading Var Names + Reusable Logout * Use Context logOut * Remove Dummy Logout Button * 1st Header PR Feedback * Remove Unused Imports * Fix Build Issues * ProfileMenu Component * Reusable Login --------- Co-authored-by: Ciaran Schutte <[email protected]> * Feat/#14 programs list page (#47) * add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- Co-authored-by: Ciaran Schutte <[email protected]> * RC 0.4.0 --------- Co-authored-by: Ciarán Schütte <[email protected]> Co-authored-by: Ciaran Schutte <[email protected]>

* add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- Co-authored-by: Ciaran Schutte <[email protected]>

* move global into src, instead of app folder * add some components * configure uikit, emotion and typings * uikit happy * Basic Env Vars * Populating Basic Configs * cleanup * add theme provider * emotion imports * emotion uikit style tpying * First Working Test * Working Redirect w/ URL Join * remove DataCallout uikit re-export wrapper * Basic Reusable Component * Remove .env * Update .gitignore * Remove Duplicate * Stage for UI Kit * Loading Test w/ UI Kit * NavBar Setup * Fix Landing Page * Remove Next logo * Skeleton Cookies * Basic Logout * AuthContext Setup * AuthContext Simplest State * Generic Vars * Major Update w/ Logout + UI Kit * Testing Context + State * Add Copyrights * Update TypeScript, Imports, File Structure * Login Button Component * Use AuthContextValue * Use GoogleLogin * Use URL Join * Local .env updates * Remove Boilerplate * Shuffle Files Around * Refactor w/o Context * Remove Logging * Fix env settings * Add React Query + Mock Login State * Add Copyright * Current Working State * Fix User Badge * Temporary Login Solution * Clean Up State Changes * Remove Redirect * Cleaned Up User Badge * Basic Pathname Solution * Cleaned Up Login Flow * Improved Layout + Header Handling * Remove vscode from gitignore * Fix /public import * Update page names * Refactor Auth / Layout * General Clean Up * Stub Middleware * Tidying * Middleware + Auth Route Setup - Infinite Loop * Current State - Testing * Children prop cleanup * Header UI Updates * Current Working State * Clean Up Use of Stored Token * Remove extra storedToken * First Lint Changes * Hook + Middleware Cleanup * Better fallback, LoggingIn dependency * Move Middleware to Feature Branch * Unnecesary changes * Remove Server side token management * First Setup * Log Out Update * Updated Var name + Conditional * Improve Loading Var Names + Reusable Logout * Use Context logOut * Remove Dummy Logout Button * 1st Header PR Feedback * Remove Unused Imports * Fix Build Issues * ProfileMenu Component * Reusable Login --------- Co-authored-by: Ciaran Schutte <[email protected]> Feat/#14 programs list page (#47) * add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- Co-authored-by: Ciaran Schutte <[email protected]> add All Programs layout skeleton cleanup + add linking for programs remove sidemenu logic for PR remove program list and search func for PR use route groups content additions to sidemenu poor mans sidebar toggle Revert "Merge branch 'develop' into sidemenu-layout-restructure" This reverts commit 640bb4b. clean up add sidemenu toggle fix build lots of styling add page count add table comps, fix font fix percent cell table updates sidemenu styling styling cleanup cleanup

* Feat/8 Logout (#39) * move global into src, instead of app folder * add some components * configure uikit, emotion and typings * uikit happy * Basic Env Vars * Populating Basic Configs * cleanup * add theme provider * emotion imports * emotion uikit style tpying * First Working Test * Working Redirect w/ URL Join * remove DataCallout uikit re-export wrapper * Basic Reusable Component * Remove .env * Update .gitignore * Remove Duplicate * Stage for UI Kit * Loading Test w/ UI Kit * NavBar Setup * Fix Landing Page * Remove Next logo * Skeleton Cookies * Basic Logout * AuthContext Setup * AuthContext Simplest State * Generic Vars * Major Update w/ Logout + UI Kit * Testing Context + State * Add Copyrights * Update TypeScript, Imports, File Structure * Login Button Component * Use AuthContextValue * Use GoogleLogin * Use URL Join * Local .env updates * Remove Boilerplate * Shuffle Files Around * Refactor w/o Context * Remove Logging * Fix env settings * Add React Query + Mock Login State * Add Copyright * Current Working State * Fix User Badge * Temporary Login Solution * Clean Up State Changes * Remove Redirect * Cleaned Up User Badge * Basic Pathname Solution * Cleaned Up Login Flow * Improved Layout + Header Handling * Remove vscode from gitignore * Fix /public import * Update page names * Refactor Auth / Layout * General Clean Up * Stub Middleware * Tidying * Middleware + Auth Route Setup - Infinite Loop * Current State - Testing * Children prop cleanup * Header UI Updates * Current Working State * Clean Up Use of Stored Token * Remove extra storedToken * First Lint Changes * Hook + Middleware Cleanup * Better fallback, LoggingIn dependency * Move Middleware to Feature Branch * Unnecesary changes * Remove Server side token management * First Setup * Log Out Update * Updated Var name + Conditional * Improve Loading Var Names + Reusable Logout * Use Context logOut * Remove Dummy Logout Button * 1st Header PR Feedback * Remove Unused Imports * Fix Build Issues * ProfileMenu Component * Reusable Login --------- Co-authored-by: Ciaran Schutte <[email protected]> Feat/#14 programs list page (#47) * add submission layout * add some components * add All Programs layout * skeleton * cleanup + add linking for programs * remove sidemenu logic for PR * remove program list and search func for PR * fix type error * mmove types around * fix build * clean import --------- Co-authored-by: Ciaran Schutte <[email protected]> add All Programs layout skeleton cleanup + add linking for programs remove sidemenu logic for PR remove program list and search func for PR use route groups content additions to sidemenu poor mans sidebar toggle Revert "Merge branch 'develop' into sidemenu-layout-restructure" This reverts commit 640bb4b. clean up add sidemenu toggle fix build lots of styling add page count add table comps, fix font fix percent cell table updates sidemenu styling styling cleanup cleanup * add gql and apollo * add gql codegen * gql data * Update version to 0.5.0 Homepage feedback (#68) * fix footer placement links * fix high res layout not expanding data callout * use chevron icon * Update Footer.tsx --------- Co-authored-by: Ciaran Schutte <[email protected]> * add apollo custom auth link remove slice of Programs in comps add sidemenu query * cleanup App * codegen * work manually fix history compared to dev manually fix history compared to dev * move app config provider * update App hooks ref * cleanup data fetching * fix generating types. add checks to satify types * fix build errors * add readme and build step * remove tie in with build from gql compule * remove old file * remove unused types --------- Co-authored-by: Ciaran Schutte <[email protected]>

ciaranschutte · 2023-08-22T19:51:06Z

http://localhost:3000/submission use /submission path to access

Buwujiu self-assigned this Mar 13, 2023

Buwujiu transferred this issue from icgc-argo/roadmap Jun 5, 2023

Buwujiu removed their assignment Jun 5, 2023

Buwujiu added the Federation label Jun 5, 2023

Buwujiu mentioned this issue Jun 6, 2023

Modify Query - Add a Filter - Return Programs By RDPC Processing Region icgc-argo/platform-api#662

Open

Buwujiu changed the title ~~Build the RDPC Admin Programs List Page~~ Build The Programs List Page Jun 6, 2023

Buwujiu closed this as completed Jun 15, 2023

Buwujiu reopened this Jun 15, 2023

Buwujiu added the Blocked label Jun 27, 2023

Buwujiu assigned ciaranschutte Jun 29, 2023

demariadaniel mentioned this issue Jul 31, 2023

Mergeback Rc/0.4.0 (#51) #54

Closed

ciaranschutte mentioned this issue Aug 10, 2023

rc/0.5.0 #64

Merged

ciaranschutte mentioned this issue Aug 18, 2023

Rc/0.6.0 #69

Merged

ciaranschutte added the 0.6.0 label Aug 18, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Build The Programs List Page #14

Build The Programs List Page #14

Buwujiu commented Mar 13, 2023 •

edited

Loading

ciaranschutte commented Aug 17, 2023

ciaranschutte commented Aug 17, 2023

ciaranschutte commented Aug 22, 2023

Build The Programs List Page #14

Build The Programs List Page #14

Comments

Buwujiu commented Mar 13, 2023 • edited Loading

Detailed Description

Mockup

Exit Criteria

ciaranschutte commented Aug 17, 2023

ciaranschutte commented Aug 17, 2023

ciaranschutte commented Aug 22, 2023

Buwujiu commented Mar 13, 2023 •

edited

Loading