Skip to content

Conversation

@futa-ikeda
Copy link
Contributor

@futa-ikeda futa-ikeda commented Sep 3, 2025

Ticket

ENG-8556

Purpose

  • Update CAS pages to look like Angular pages
    • Add leftnav and update footer and header to match new style

Changes

  • TBD

Screenshots

Desktop

image

Mobile

image

Mobile (Sidenav open)

image

Dev Notes

  • When checking this out locally, you may have to add the new link values (check OsfUrlProperties.java), or change the th:href values in leftpane.html and headerosf.html

QA Notes

Dev-Ops Notes

@futa-ikeda futa-ikeda changed the title [ENG-8556][WIP] Update CAS pages to match Angular update [ENG-8556] Update CAS pages to match Angular update Sep 11, 2025
Copy link
Contributor

@cslzchen cslzchen left a comment

Choose a reason for hiding this comment

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

I pulled down and tested with my local OSF.

Looks good and standard workflows work as before with the side bar / header / footer change in place.

Exception pages failed but it is as expected which we can fix later in their tickets.

I am going to tweak/add the code to init the links in OsfUrlProperties. Afterwards, I will push back to the PR for a final look before merge.

Copy link
Contributor

@cslzchen cslzchen left a comment

Choose a reason for hiding this comment

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

Changes looks good verified locally, I am going to make two quick change before merge.

  • Remove collections in OsfUrlProperties
  • Refactor leftpane into leftpaneosf

@cslzchen cslzchen changed the title [ENG-8556] Update CAS pages to match Angular update [ENG-8556] Update CAS pages to match Angular update: header, footer and left pane Sep 12, 2025
@cslzchen cslzchen merged commit de6ea17 into CenterForOpenScience:feature/angular-like-pages Sep 12, 2025
1 check passed
}

.main-background-gradient {
background: linear-gradient(90deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.80)), url(/images/dark-blue-gradient.png) center center no-repeat;
Copy link
Contributor

Choose a reason for hiding this comment

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

Follow-up: I ran into an issue that this /images/dark-blue-gradient.png is not found. Not sure if this has anything to do of button having a white background.

cslzchen added a commit that referenced this pull request Sep 30, 2025
…nd left pane (#88)

---------

Co-authored-by: Longze Chen <cslzchen@gmail.com>
cslzchen added a commit that referenced this pull request Sep 30, 2025
…-pages

Update CAS FE to match angular OSF

* [ENG-8793] [ENG-8785] [ENG-8793] Remove branded login + Update no service pages + Update OAuth workflow (#98)
* [ENG-8788] [ENG-8786] Institutions page and TOS page redesign (#99)
* [ENG-8789] [ENG-8790] [ENG-8791] Exception Page rework (#95)
* [ENG-8787] Username/password and 2FA login page (#97)
* [ENG-8791] Inserting CasProperties into Spring Dispatcher and Improve header and left pane UI/UX (#92)
* [ENG-8927] Add dev mode for forcing errors/exceptions (#93)
* [NOTICKET] Remove OSF Collections URL from cas.properties (#91)
* [ENG-8556] Update CAS pages to match Angular update: header, footer and left pane (#88)
* [ENG-8754] Force throw a few HTTP errors for testing purpose (#90)
* [ENG-8792] Force CAS to throw exceptions and display error pages (#87)
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