Skip to content

Fe/v2 - #1196

Open
eduardoliron wants to merge 223 commits into
mainfrom
FE/v2
Open

Fe/v2#1196
eduardoliron wants to merge 223 commits into
mainfrom
FE/v2

Conversation

@eduardoliron

@eduardoliron eduardoliron commented Jun 8, 2026

Copy link
Copy Markdown
Contributor

🤖 Resolves #1156 , #1160 and #1168

👋 Intro

Review of private FE pages for improvements on several directions that are blocking development:

  • Migration from MUI to Tailwind
  • Page by page accessibility checkup
  • Tests review and improvements

This PR is migrating the basic private infrastructure

🕵️ Context

Updates:

  • Infrastructure for secure migration
  • Public pages
    • Login
    • Instance Code
    • Recovery
    • Set password
    • Update password
    • Instance offline
    • Not found
  • Private Layout
    • Top Bar
    • Side Bar
      • Code Button
      • Logout Button
      • Profile Button
      • Links
      • Toolbar
    • Breadcrumbs
    • Popup Messages -> Toast
    • 404 page
    • Routing logic

New pages:

  • Public about page

New components:

  • Toasts
  • Global dialog modal

New tests:

  • ui tests
    • Tooltips
    • Toasts
  • navigation tests
    • Sidebar
    • Breadcrumbs
    • Print Button
    • Login test
    • Dark Mode
  • Public pages (about, offline and not found)

🧾 Migration Checklist

  • Page analysis
  • Page change discussion and approval
  • Front end migration
  • A11y checkup
  • Test updates and chekup
  • Creation of new tests

🤔 Open questions after BE migration

  1. Once an instance code is received, should we receive the school name and update this on the welcome message Welcome to {{school}}! instead of Welcome to Aula!
  2. Update error messages for BE failures

📋 Checklist

  • Tested manually
  • Added e2e tests for new functionality
  • GitHub issue linked
  • Changelist updated
  • Backward and forward compatible with aula-backend/releases
  • Doesn't need update in the database or BE
  • Must be deployed ASAP (HOTFIX)
  • Needs update of docs.aula.de (repo)

📸 Screenshots

eduardoliron and others added 3 commits June 24, 2026 11:55
## 👋 Intro

As suggested, migrated code from a chip on the top bar to an input field
where it is required

## 🕵️ Context

Added code as an input and updated tests

## 📋 Checklist

<!-- If any of the items is deliberately skipped, fill in the checkbox
with `/` or `-` and include explanation for why -->
- [x] Tested manually
- [ ] Added e2e tests for new functionality
- [ ] GitHub issue linked <!-- Use the "Development" field of the Issue,
or add a link if it's outside this Repo -->
- [ ] Changelist updated
- [x] Backward and forward compatible with
[aula-backend/releases](https://github.com/aula-app/aula-backend/releases)
<!-- If not, please describe in detail and include other PR links -->
- [x] Doesn't need update in the database or BE <!-- If it does, please
describe how to deploy it without downtime -->
- [ ] Must be deployed ASAP (HOTFIX)
- [ ] Needs update of [docs.aula.de](https://docs.aula.de/)
([repo](https://github.com/leonard-haas/docs_aula)) <!-- If it does,
please ping Leonard OR include link to the change in the docs repo -->

## 📸 Screenshot

<!-- Add a screenshot (if possible). -->

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
🤖 Resolves #1171

## 👋 Intro

Refactor AskConsent component to a V2 Announcement component

## 🕵️ Context

New components:

- [x] Dialog (Generic)
- [x] Announcement (Specific)

Updated components:

- [x] Button -> small fix: Outlined buttons where bigger than the
default ones

Reviewed/updated tests:

- [x] Announcements.spec

## 📋 Checklist

<!-- If any of the items is deliberately skipped, fill in the checkbox
with `/` or `-` and include explanation for why -->
- [x] Tested manually
- [x] Added e2e tests for new functionality
- [x] GitHub issue linked <!-- Use the "Development" field of the Issue,
or add a link if it's outside this Repo -->
- [x] Changelist updated
- [x] Backward and forward compatible with
[aula-backend/releases](https://github.com/aula-app/aula-backend/releases)
<!-- If not, please describe in detail and include other PR links -->
- [x] Doesn't need update in the database or BE <!-- If it does, please
describe how to deploy it without downtime -->
- [ ] Must be deployed ASAP (HOTFIX)
- [ ] Needs update of [docs.aula.de](https://docs.aula.de/)
([repo](https://github.com/leonard-haas/docs_aula)) <!-- If it does,
please ping Leonard OR include link to the change in the docs repo -->

## 📸 Screenshot

<!-- Add a screenshot (if possible). -->

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
## 👋 Intro

Review the Room layout and the phase bar component

## 🕵️ Context

Review colors, accessibility and strubutre of base component for room
navigation

## 📋 Checklist

<!-- If any of the items is deliberately skipped, fill in the checkbox
with `/` or `-` and include explanation for why -->
- [x] Tested manually
- [ ] Added e2e tests for new functionality
- [ ] GitHub issue linked <!-- Use the "Development" field of the Issue,
or add a link if it's outside this Repo -->
- [ ] Changelist updated
- [x] Backward and forward compatible with
[aula-backend/releases](https://github.com/aula-app/aula-backend/releases)
<!-- If not, please describe in detail and include other PR links -->
- [x] Doesn't need update in the database or BE <!-- If it does, please
describe how to deploy it without downtime -->
- [ ] Must be deployed ASAP (HOTFIX)
- [ ] Needs update of [docs.aula.de](https://docs.aula.de/)
([repo](https://github.com/leonard-haas/docs_aula)) <!-- If it does,
please ping Leonard OR include link to the change in the docs repo -->

## 📸 Screenshot

<!-- Add a screenshot (if possible). -->

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
@bikubi

bikubi commented Jul 13, 2026

Copy link
Copy Markdown
Contributor

re-re-reviewed latest round of checkmarks

looks good, ios scrolling feels nice!

  • darkmode primary button still has low contrast, 1.65
    Screenshot_2026-07-13_10-09-01
  • disabled input (opacity 0.5, effective #8a8b9a (#7f868e in darkmode) has low contrast 3.37 (4.15 in darkmode)
    image
  • (not sure if in scope, maybe legacy, but maybe effect of light/darkmode base colors)
    Abstimmung Phase in darkmode is white-on-yellow, low contrast
    Screenshot_2026-07-13_10-28-01

lmk if you'd prefer this as a new issue

eduardoliron and others added 3 commits July 14, 2026 10:07
🤖 Resolves issue #1173 

## 👋 Intro

Migration of Wild Ideas View for V2

## 🕵️ Context

This is a migration of the wild-idea view.

WIP: Search and Sort will be updated in a separate branch, to simplify
review process (private/ideas-search-and-sort)

## 🤔 What is new?

- Room child pages template (Created as a reusable template)
- Wild Ideas view
- Idea component
  - User info and creation date component
  - Like button
  - Comments button
  - Idea "bubble" layout
 - New Idea creation form (using tailwind components)

##  🧐 New tests

- Added Vitest for unit testing:
  - Scroll restoration hook
  - useDraftStorage hook
  - useIdeaLike hook
  - Emoji rendes on ideas and form edits
- Updated e2e tests
- Added e2e tests:
  - Idea draft persistence (inside idea.spec)
  - More-options panel behavior (inside idea.spec)
  - Like flow (inside idea.spec)
  - Idea edit flow (inside idea.spec)
  - Ideas page states: empty, FAB hidden, etc. (inside idea.spec)

## 📋 Checklist

<!-- If any of the items is deliberately skipped, fill in the checkbox
with `/` or `-` and include explanation for why -->
- [x] Tested manually
- [x] Added e2e tests for new functionality
- [x] GitHub issue linked <!-- Use the "Development" field of the Issue,
or add a link if it's outside this Repo -->
- [ ] Changelist updated
- [x] Backward and forward compatible with
[aula-backend/releases](https://github.com/aula-app/aula-backend/releases)
<!-- If not, please describe in detail and include other PR links -->
- [x] Doesn't need update in the database or BE <!-- If it does, please
describe how to deploy it without downtime -->
- [ ] Must be deployed ASAP (HOTFIX)
- [ ] Needs update of [docs.aula.de](https://docs.aula.de/)
([repo](https://github.com/leonard-haas/docs_aula)) <!-- If it does,
please ping Leonard OR include link to the change in the docs repo -->

## 📸 Screenshot

<!-- Add a screenshot (if possible). -->

---------

Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
nikola-maric-aula and others added 14 commits August 4, 2026 15:17
🤖 Resolves <!-- issue # -->

## 👋 Intro

Use new docker networks setup.

## 🕵️ Context

Follow up to this:
https://github.com/aula-app/ansible-role-aula/pull/6/changes

## 📋 Checklist

<!-- If any of the items is deliberately skipped, fill in the checkbox
with `/` or `-` and include explanation for why -->
- [ ] Tested manually
- [/] Added e2e tests for new functionality
- [/] GitHub issue linked <!-- Use the "Development" field of the Issue,
or add a link if it's outside this Repo -->
- [/] Changelist updated
- [/] Backward and forward compatible with
[aula-backend/releases](https://github.com/aula-app/aula-backend/releases)
<!-- If not, please describe in detail and include other PR links -->
- [/] Doesn't need update in the database or BE <!-- If it does, please
describe how to deploy it without downtime -->
- [ ] Must be deployed ASAP (HOTFIX)
- [ ] Needs update of [docs.aula.de](https://docs.aula.de/)
([repo](https://github.com/leonard-haas/docs_aula)) <!-- If it does,
please ping Leonard OR include link to the change in the docs repo -->

## 📸 Screenshot

<!-- Add a screenshot (if possible). -->
🤖 Resolves #1172 

## 👋 Intro
Migration of the Idea-Box (Boxes) View for V2

## 🕵️ Context
This is a migration of the Room phase page that lists idea-boxes. It
also
generalizes the idea-specific action components (MoreOptions +
Edit/Delete/
Report/Share buttons) into reusable components now shared by both Ideas
and
Boxes, and introduces the box create/edit and report forms with
Tailwind.

## 🤔 What is new?

- **Boxes view** (v2 Room child page): lists boxes for the current phase
  - Loading, error, empty, and no-results states
  - FAB to add a box
- Search & sort (extended `useListFilter` with box options: last update,
name, ideas count)
- **BoxCard** component
  - Phase header + ideas count
  - Per-card actions via MoreOptions: Edit, Delete, Report, Share
  - Markdown description preview
- **BoxForm** (create/edit box, Tailwind)
- **ReportForm** (generic, Tailwind — reason select + rich-text content)
- **PhaseField** form field
- **Generic, reusable components** (extracted from idea-specific ones):
- `ui/MoreOptions` (was `idea/MoreOptions`) — now takes
`menuTestId`/`panelTestId`
- `button/EditButton`, `button/DeleteButton`, `button/ReportButton`,
`button/ShareButton`
(renamed from the `*IdeaButton` variants; Idea now consumes these too)
- Localization keys added for report reasons, box form, phases, and sort
labels (de/en)

## 🧐 New tests

- **Updated e2e** to drive the migrated v2 components:
- `boxes.spec.ts` — box-list assertions now target the v2 card
(`box-{name}`)
- `voting-workflow.spec.ts` — box-list assertions across
DISCUSSION/APPROVAL/VOTING/RESULTS phases
- `reporting.ts` interactions — idea reporting now uses the v2
`ReportForm`
(comment reporting intentionally kept on the v1 form, which hasn't
migrated)
- Type check + existing Vitest suite green

> Follow-ups (not in this PR): e2e for the v2 box **card**
create/edit/delete/share
> flow (still exercised via the v1 Settings page), a
`boxes-search-and-sort` spec,
> and unit tests for the generic `MoreOptions` / `BoxForm` /
`ReportForm`.

## 📋 Checklist

<!-- If any of the items is deliberately skipped, fill in the checkbox
with `/` or `-` and include explanation for why -->
- [x] Tested manually
- [x] Added e2e tests for new functionality
- [x] GitHub issue linked <!-- Use the "Development" field of the Issue,
or add a link if it's outside this Repo -->
- [ ] Changelist updated
- [x] Backward and forward compatible with
[aula-backend/releases](https://github.com/aula-app/aula-backend/releases)
<!-- If not, please describe in detail and include other PR links -->
- [x] Doesn't need update in the database or BE <!-- If it does, please
describe how to deploy it without downtime -->
- [ ] Must be deployed ASAP (HOTFIX)
- [ ] Needs update of [docs.aula.de](https://docs.aula.de/)
([repo](https://github.com/leonard-haas/docs_aula)) <!-- If it does,
please ping Leonard OR include link to the change in the docs repo -->

## 📸 Screenshot

<!-- Add a screenshot (if possible). -->

---------

Co-authored-by: nikola-maric-aula <nikola.maric@aula.de>
🤖 Resolves <!-- issue # -->

## 👋 Intro



## 🕵️ Context

This feature was missing from private/boxes PR

## 📋 Checklist

<!-- If any of the items is deliberately skipped, fill in the checkbox
with `/` or `-` and include explanation for why -->
- [ ] Tested manually
- [ ] Added e2e tests for new functionality
- [ ] GitHub issue linked <!-- Use the "Development" field of the Issue,
or add a link if it's outside this Repo -->
- [ ] Changelist updated
- [ ] Backward and forward compatible with
[aula-backend/releases](https://github.com/aula-app/aula-backend/releases)
<!-- If not, please describe in detail and include other PR links -->
- [ ] Doesn't need update in the database or BE <!-- If it does, please
describe how to deploy it without downtime -->
- [ ] Must be deployed ASAP (HOTFIX)
- [ ] Needs update of [docs.aula.de](https://docs.aula.de/)
([repo](https://github.com/leonard-haas/docs_aula)) <!-- If it does,
please ping Leonard OR include link to the change in the docs repo -->

## 📸 Screenshot

<!-- Add a screenshot (if possible). -->

---------

Co-authored-by: nikola-maric-aula <nikola.maric@aula.de>
## 👋 Intro

V2 breadcrumb navigations was losing phase when navigating back to room

## 🕵️ Context

Navigate to a box, go back to the room using breadcrumbs, the phase
should persist

## 📋 Checklist

<!-- If any of the items is deliberately skipped, fill in the checkbox
with `/` or `-` and include explanation for why -->
- [x] Tested manually
- [ ] Added e2e tests for new functionality
- [ ] GitHub issue linked <!-- Use the "Development" field of the Issue,
or add a link if it's outside this Repo -->
- [ ] Changelist updated
- [ ] Backward and forward compatible with
[aula-backend/releases](https://github.com/aula-app/aula-backend/releases)
<!-- If not, please describe in detail and include other PR links -->
- [ ] Doesn't need update in the database or BE <!-- If it does, please
describe how to deploy it without downtime -->
- [ ] Must be deployed ASAP (HOTFIX)
- [ ] Needs update of [docs.aula.de](https://docs.aula.de/)
([repo](https://github.com/leonard-haas/docs_aula)) <!-- If it does,
please ping Leonard OR include link to the change in the docs repo -->

## 📸 Screenshot

<!-- Add a screenshot (if possible). -->
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.

Refactoring front end components Public/refactor

4 participants