teams: smoother survey rating scaling (fixes #9906)

[Mutugiii]

Fixes #9906

redesign exams/surveys workflow, and introduce a visual progress tracker

simplescreenrecorder-2026-04-27_16.51.37.mp4

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: d38688b322

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[Mutugiii]

Upgraded this to add a new customizable rating scale from 5 - 9

simplescreenrecorder-2026-04-28_19.51.23.mp4

[Copilot]

Pull request overview

Redesigns the exams/surveys “take” workflow UI and adds a visual progress indicator, while also making rating-scale questions configurable via a per-question maximum scale value.

Changes:

• Add scaleMax support for rating-scale questions (authoring + rendering).
• Redesign select/selectMultiple/ratingScale interactions using card-style options, “Other” focus behavior, and slide transitions between questions.
• Add a top progress bar and various layout/style refinements for the exams view.

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
src/app/exams/exams.service.ts	Adds scaleMax to question form model and initializes it (default 9).
src/app/exams/exams.model.ts	Extends ExamQuestion with optional scaleMax for persistence/backward compatibility.
src/app/exams/exams-view.scss	Implements new card-based option styling, progress bar styling, and slide animations.
src/app/exams/exams-view.component.ts	Computes progress %, builds rating scale numbers from scaleMax, and adds “Other” focus helpers + navigation direction tracking.
src/app/exams/exams-view.component.html	New progress bar, card-based selection UI, and conditional rating-scale layouts (grid vs row).
src/app/exams/exams-question.scss	Updates authoring layout and adds styling for the scale selector.
src/app/exams/exams-question.component.ts	Adds Material button-toggle imports and exposes scaleMaxOptions.
src/app/exams/exams-question.component.html	Adds a scale selector (5–9) when authoring a rating-scale question.
src/app/exams/exams-add.component.html	Updates rating-scale label text in the “add question” menu.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[paulbert]

Just a few things that I've noticed:

• The progress bar is getting a little lost in the toolbar. Not sure if many people will notice it at first. If it's not really critical to see I think it's fine because this way it takes up very little space.
• For the new rating scale I think it'd be better to move the selection below the question type. It's hard to notice pushed over to the left.

• The animation appears to only be working the first time you go in a particular direction (i.e. clicking forward twice in a row results in one change with the animation and one without). Looks like Copilot might have a good explanation for this. Thinking this through might be best to do a follow up PR to fix rather than holding up the other key changes to the surveys.