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

System: complete UI refresh #1867

Merged
merged 98 commits into from
Oct 30, 2024
Merged

Conversation

SKuipers
Copy link
Member

This PR started as a few UI changes, inspired by HTMX and Alpine, and quickly snowballed into a complete UI refresh. It isn't a full rebuild, and aims to keep a lot of the structure of the UI the same (so things aren't jarringly different), however it makes quite a few changes to the UI, including the following (and some I'll likely forget to mention)

  • New SVG icons that are crisp and scale well. Thanks to https://heroicons.com
  • Updated all action buttons and tabs, with icons and better mobile support.
  • Updated main menu and module menu, better mobile support.
  • Updated the appearance of all form fields, which scale better on large screens, with better templates.
  • Added quick-save keyboard shortcut when editing forms, which saves without reloading the page.
  • Added a warning to all forms when navigating away if there is unsaved data.
  • Removed outdated LiveValidation library with Alpine and browser-based validation.
  • Removed jQuery Thickbox modal, replaced with Apline and HTMX-based modal
  • Refactored the Planner and dashboard Lesson and Behaviour tables, which had not been done yet.
  • Many, many other small tweaks and changes.

Motivation and Context
Moving towards a more modern looking UI with more responsive elements.

How Has This Been Tested?
Locally

Screenshots
Screenshot 2024-10-30 at 6 12 57 PM
Screenshot 2024-10-30 at 6 13 52 PM
Screenshot 2024-10-30 at 6 15 22 PM
Screenshot 2024-10-30 at 6 15 49 PM
Screenshot 2024-10-30 at 6 18 07 PM
Screenshot 2024-10-30 at 6 21 04 PM

@SKuipers SKuipers merged commit 5a2db44 into GibbonEdu:v28.0.00 Oct 30, 2024
5 checks passed
@rossdotparker
Copy link
Member

This is a very exciting addition to v28 : ) Thank you!

@SKuipers SKuipers deleted the feature/UI-Reset branch October 31, 2024 02:22
@fvlasie
Copy link
Member

fvlasie commented Oct 31, 2024

Wow! That is great!

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.

3 participants