Skip to content

Conversation

@AadarshM07
Copy link
Contributor

Summary

Migrated the MessageDialog built with several Vuetify components is currently used to show question type changing confirmation popup with KModal. The particular layer of code was implemented in AssesmentTab.vue

Screenshots

image

The following is a visual of the new dialog built using KModal. The only major UI difference is that the title is not bold - this is the default behavior of KModal. To make it bold, custom CSS styling would need to be implemented within the file. If that’s needed, I’d be happy to make the change

References

Closes #5420

Reviewer guidance

How to reach there?

  • Go to Channels > Published Channel
  • Select Sample exercise
  • Click Edit
  • Go to Questions tab
  • Change the first question type to True/False

Copy link
Member

@MisRob MisRob 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 @AadarshM07 - just one issue to take care of.

v-if="dialog.open"
:title="dialog.title"
:cancelText="$tr('dialogCancelBtnLabel')"
:submitText="$tr('dialogChangeBtnLabel')"
Copy link
Member

Choose a reason for hiding this comment

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

I think we shouldn't lose the previous behavior dialog.submitLabel || $tr('dialogSubmitBtnLabel'). See how openDialog is used in AssessmentItemEditor (also please don't rename string keys - I believe we'd need to re-translate).

(It's possible that dialogs that utilize openDialog don't override Change string, but even if that'd be the case, I think it'd be useful to not remove the option to configure)

Same applies to cancel.

Please revisit other related place in this file.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ok @MisRob , I will make sure of what you mentioned

@MisRob MisRob self-assigned this Oct 31, 2025
@MisRob MisRob changed the title feat(AssesmentTab): migrated question-type confirmation dialog to KModal [Remove Vuetify from Studio] Changing question type confirmation dialog in Questions Oct 31, 2025
@MisRob
Copy link
Member

MisRob commented Oct 31, 2025

Could you also merge latest unstable? That should resolve check failures.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Remove Vuetify from Studio] Changing question type confirmation dialog in Questions

2 participants