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: UI Refactoring #359

Draft
wants to merge 69 commits into
base: staging
Choose a base branch
from
Draft

feat: UI Refactoring #359

wants to merge 69 commits into from

Conversation

egekocabas
Copy link
Member

@egekocabas egekocabas commented Feb 10, 2025

Motivation

This PR includes various client-side fixes and refactoring. Let's review it on Tuesday.

Description

  • Moved static assets to assets and removed public folder.
  • Updated router paths
    • Root now shows the repository list directly, removing /repo/list
    • Adjusted related components.
  • Unified navigation bar logic by generalizing MainLayoutComponent, which now detects repository context dynamically.
  • Added app-navigation-bar to control button visibility.
  • Introduced footer with about, privacy, and imprint pages.
  • Fixed scroll issue in the new release header.
  • Displaying GitHub profile picture instead of initials after login.
  • Made navigation bar expandable.
  • Created a reusable PR status component.
  • Improved PR and branch detail views resembling GitHub.
  • Refactored repository overview to use a table view.

Screenshots

Screen.Recording.2025-02-10.at.20.10.42.mov

@egekocabas egekocabas marked this pull request as ready for review February 10, 2025 19:50
@egekocabas egekocabas requested a review from a team as a code owner February 10, 2025 19:50
Copy link
Contributor

@thielpa thielpa left a comment

Choose a reason for hiding this comment

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

Thank you for this PR, great work reworking the sidebar and the other visual improvements. IMO the expansion of the sidebar is especially great work! I got some comments about this pr though that we should address before merging to production or tackle in following up PRs to this one:

  • Check with prof what email adress we should use as contact adress in the about page
  • Check with prof if its correct, that we add him as responsible person for content in the imprint page (just to be sure that he knows)
  • Some links are outdated in the privacy page. I guess this is a general issue also with Artemis that we should bring up with @krusche.
  • If we go for the static images in the about page (see issue below), please be sure you include them in the git large file storage instead.
  • Something seems to be off with this link button. Also if you look closely then you see that the repository title is not vertically centered:
    image

Transport Security, Forward Secrecy, Same Site Cookie protection) to protect the privacy of Helios users in the best possible way. Helios processes personal data in the context
of teaching and in the context of examinations in compliance with the applicable data protection regulations. The legal basis for the processing of data is Art. 6(1) lit. c
(Legal Obligation) of the General Data Protection Regulation (GDPR). In addition, Art. 61 of
<a href="https://www.gesetze-bayern.de/Content/Document/BayHSchG" target="_blank" class="text-blue-500 hover:underline">Bayerisches Hochschulgesetz (BayHschG)</a> as well as
Copy link
Contributor

Choose a reason for hiding this comment

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

This law was replaced by Bayrisches Hochschulinnovationsgesetz and therfor this link does not exist anymore

<p>
The purpose of the processing is to fulfill the public duties assigned to us by the legislator, in particular teaching and examination in the university environment. Unless
otherwise stated, the legal basis for processing your data results from Art. 6(1) lit. c (Legal Obligation) of the General Data Protection Regulation (GDPR). In addition,
Art. 61 of <a href="https://www.gesetze-bayern.de/Content/Document/BayHSchG" target="_blank" class="text-blue-500">Bayerisches Hochschulgesetz (BayHschG)</a> (BayHschG) as
Copy link
Contributor

Choose a reason for hiding this comment

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

This link does not exist as well

D-85748 Garching near Munich<br />
Telephone: +49(0)-89-289-18018<br />
Email: rbg(at)<a href="https://in.tum.de" class="text-blue-500">in.tum.de</a> <br />
<a href="https://www.rbg.tum.de" class="text-blue-500">https://www.rbg.tum.de</a>
Copy link
Contributor

Choose a reason for hiding this comment

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

This link does not exist as well

<h3 class="text-lg font-semibold mt-4">Technical implementation</h3>
<p>
The web servers of Helios are operated by the
<a href="https://www.rbg.tum.de" class="text-blue-500">Rechnerbetriebsgruppe (RBG)</a> of the Technical University of Munich. The personal data you provide when visiting our
Copy link
Contributor

Choose a reason for hiding this comment

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

This link does not work as well

D-85748 Garching near Munich<br />
Telephone: +49-(0)89)-289-18018<br />
Email: rbg(at)<a href="https://in.tum.de" class="text-blue-500">in.tum.de</a> <br />
<a href="https://rbg.tum.de" class="text-blue-500">https://rbg.tum.de</a>
Copy link
Contributor

Choose a reason for hiding this comment

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

Not working

client/src/app/pages/about/about.component.html Outdated Show resolved Hide resolved
client/src/app/pages/main-layout/main-layout.component.ts Outdated Show resolved Hide resolved
@egekocabas egekocabas marked this pull request as draft February 12, 2025 16:30
@egekocabas
Copy link
Member Author

Thanks @thielpa for your patience of reviewing this huge PR 😅 💯

I have made updates about your comments. For the new pages we have; I have asked our concerns & questions to helios slack channel, I will convert this PR to draft again until we got a response

@helios-aet helios-aet bot deployed to test-server-2 February 14, 2025 00:39 Active
@helios-aet helios-aet bot deployed to test-server-1 February 14, 2025 00:39 Active
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants