Problem/Motivation

Varbase Users Base 1.0.1 renders a "Profile details" card on a user's own profile page (#3630123), through the active theme's user-profile-details component. Vartheme BS5 5.0.6 added that component (#3630124). The Educare theme is a clone without it, and its user page prints its own Edit profile and Log out buttons, the picture and "Member for", which the card already carries, so the owner would see them twice.

Steps to reproduce

  1. Install Educare 1.0.x-dev on Varbase 11 with Varbase Users Base 1.0.1.
  2. Log in as a user with no extra role and visit /user.

Environment: Drupal 11.4.9, Varbase 11.0.x-dev, Vartheme BS5 Educare 1.0.x-dev, PHP 8.4, MariaDB 11.8 (DDEV).

Before:
Educare user profile page before, with the theme's own buttons, picture and Member for

After:
Educare user profile page with the Profile details card

Proposed resolution

  • Add the organisms/user-profile-details SDC (noUi: true): a Bootstrap card with the picture (a bootstrap-icon person icon when there is none), a description list of the account details, and quick action buttons. Rows with no value are left out. Props: heading, username, full_name, email, timezone, status, created, member_for, last_login, picture_url, picture_alt, actions.
  • In vartheme_bs5_educare_preprocess_user(), when the owner views their own profile and the card is present, skip the theme's own action buttons and drop the picture and "Member for" from the content. Administrators viewing someone else's profile are unchanged.
  • The icon uses text-dark (the Educare navy), because the theme does not set $primary.

Remaining tasks

  • ✅ File an issue
  • ✅ Addition/Change/Update/Fix
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support
  • ➖ User Guide Documentation support
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ✅ Reviewed by a human
  • ✅ Code review by maintainers
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ❌ Review with the product owner
  • ✅ Update Release Notes
  • ✅ Release vartheme_bs5_educare-1.0.3

User interface changes

  • The user's own profile page shows one Profile details card instead of separate buttons, picture and Member for.

API changes

  • New SDC: vartheme_bs5_educare:user-profile-details.

Data model changes

  • N/A

Release notes snippet

  • feat: Add a User Profile Details component for the user profile page

AI-Generated: Yes

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

rajab natshah created an issue. See original summary.

  • rajab natshah committed 51df74a4 on 1.0.x
    feat: #3630291 Add a User Profile Details component for the user profile...
rajab natshah’s picture

Assigned: Unassigned » rajab natshah
Status: Active » Needs review

Merged in MR !42; reviewed and merged by the maintainer.

rajab natshah’s picture

Status: Needs review » Reviewed & tested by the community

Reviewed by the maintainer. The functional tests passed on the template's dev site, and a fresh build from the merged code is being verified.

rajab natshah’s picture

Assigned: rajab natshah » Unassigned
Issue summary: View changes
Status: Reviewed & tested by the community » Fixed
Issue tags: +vartheme_bs5_educare-1.0.3

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

rajab natshah’s picture

Issue summary: View changes

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.