Skip to content

fix: Use nextcloud-vue components for personal info settings - #43488

Merged
susnux merged 4 commits into
masterfrom
fix/use-nc-components-account-property-section
Feb 15, 2024
Merged

fix: Use nextcloud-vue components for personal info settings#43488
susnux merged 4 commits into
masterfrom
fix/use-nc-components-account-property-section

Conversation

@susnux

Copy link
Copy Markdown
Contributor

Summary

Use our common styles to make the look consistent.

Checklist

@susnuxsusnux added bug design Design, UI, UX, etc. 3. to review Waiting for reviews feature: settings labels Feb 9, 2024
@susnuxsusnux added this to the Nextcloud 29 milestone Feb 9, 2024
ShGKme

This comment was marked as resolved.

@ShGKme

This comment was marked as resolved.

@susnux

This comment was marked as resolved.

@susnuxsusnux added 2. developing Work in progress and removed 3. to review Waiting for reviews labels Feb 9, 2024
@susnux
susnuxforce-pushed the fix/use-nc-components-account-property-section branch from ee48e44 to 3894f4aCompareFebruary 10, 2024 18:57
@susnuxsusnux added 3. to review Waiting for reviews and removed backport-request 2. developing Work in progress labels Feb 10, 2024
@susnux
susnux requested a review from ShGKmeFebruary 10, 2024 18:58
@susnux

Copy link
Copy Markdown
ContributorAuthor

Resolved the issue with different input sizes. Needed to refactor all sections to use nextcloud vue inputs. Moreover some other minor issues are now fixed.

And everything is CI tested now.

@szaimenszaimen left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Tested and seems to work. Also looks amazing 🤩
(but didnt review the code)

@szaimen

szaimen commented Feb 13, 2024

Copy link
Copy Markdown
Contributor

Only small thing I noticed is that such a phone number seems to be invalid but it should be valid?
image
(apparently the country code, e.g. +49 instead of 0 is required but it should not be?)

@susnux

Copy link
Copy Markdown
ContributorAuthor

@szaimen I did not change anything on the logic there - I just show an error when there is one. Before it silently failed and did not save anything.
So it now at least shows that there is something not right and will not save it.

(libphonenumber is the dependency we use there).

@szaimen

Copy link
Copy Markdown
Contributor

@szaimen I did not change anything on the logic there - I just show an error when there is one. Before it silently failed and did not save anything. So it now at least shows that there is something not right and will not save it.

(libphonenumber is the dependency we use there).

Ah I see. Fine then I guess 👍

@PytalPytal left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Other than minor remarks, code looks good!

Comment threadapps/settings/src/components/PersonalInfo/EmailSection/Email.vue Outdated
Comment threadapps/settings/src/components/PersonalInfo/shared/AccountPropertySection.vue Outdated

@emoral435emoral435 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM! Great PR :)

Comment on lines +40 to +42
<NcActions :aria-label="actionsLabel" @close="showFederationSettings = false">
<template v-if="showFederationSettings">
<NcActionButton @click="showFederationSettings = false">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

nitpick: Isn't the latter @click redundant, due to the parent NcActions having the same effect on close? It can be removed, because the action gets done twice whenever the button is clicked to close.

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

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

No thats two different actions as this is a "submenu".
This one (the button click) is to allow the user to go back in the menu. The close event is to reset the menu to the main menu on close.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Ah, I see. My bad!

susnuxand others added 2 commits February 15, 2024 00:46
…ponents
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
…m handling
Co-authored-by: Ferdinand Thiessen <opensource@fthiessen.de>
Co-authored-by: Pytal <24800714+Pytal@users.noreply.github.com>
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
@susnux
susnuxforce-pushed the fix/use-nc-components-account-property-section branch from 8eaf83c to 274867fCompareFebruary 14, 2024 23:54
@susnux
susnux dismissed ShGKme’s stale reviewFebruary 15, 2024 02:14

changes implemented

@susnux
susnux merged commit 8134559 into masterFeb 15, 2024
@susnux
susnux deleted the fix/use-nc-components-account-property-section branch February 15, 2024 02:15
Comment threadapps/settings/src/constants/AccountPropertyConstants.js
Comment on lines +33 to +38
<FederationControlActions :additional="additional"
:additional-value="additionalValue"
:handle-additional-scope-change="handleAdditionalScopeChange"
:readable="readable"
:scope="scope"
@update:scope="onUpdateScope" />

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

NcActions doesn't fully support having NcAction* as non-direct children. It breaks a11y fixes for this component from #43098

Copy link
Copy Markdown
ContributorAuthor

Choose a reason for hiding this comment

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

Sounds like fixing in components? Can we not provide some registration in actions and inject in NcAction* component to register the different types? So we know for sure which aria role to assign?

@blizzzblizzz mentioned this pull request Mar 5, 2024
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to reviewWaiting for reviewsbugdesignDesign, UI, UX, etc.feature: settings

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Disabled HTML inputs don't appear disabled visually

5 participants

@susnux@ShGKme@szaimen@Pytal@emoral435