Skip to content

feat(network,people): profile header + view toggle + copy ID + search clear + avatars + friend count (#36, #65)#112

Open
64johnlee wants to merge 29 commits into
RetroShare:masterfrom
64johnlee:ralph/RS-036
Open

feat(network,people): profile header + view toggle + copy ID + search clear + avatars + friend count (#36, #65)#112
64johnlee wants to merge 29 commits into
RetroShare:masterfrom
64johnlee:ralph/RS-036

Conversation

@64johnlee
Copy link
Copy Markdown

@64johnlee 64johnlee commented May 3, 2026

Summary

Network and People page improvements.

Network (#36)

  • OwnProfileHeader: Shows current user avatar, name, online status, node ID
  • Copy Node ID: Copy button copies full ID to clipboard
  • Search clear button: X button in friends search bar
  • Friend count: Shows (online / total) in header

People (#65)

  • View Toggle: List/grid view toggle buttons
  • Search clear button: X button in contacts search bar
  • Grid View: Avatar cards with icon buttons
  • List View: Compact rows with icon buttons

Files Changed

  • webui-src/app/network/network.js - OwnProfileHeader + copy button + search clear + friend count
  • webui-src/app/people/people.js - view toggle
  • webui-src/app/people/people_util.js - grid layout + search clear
  • webui-src/styles.css - All CSS changes

64johnlee added 2 commits May 4, 2026 01:04
… View

- Add OwnProfileHeader component showing current user's avatar, name, status, and node ID
- Uses /rsAccounts/getCurrentAccountId + /rsPeers/getPeerDetails APIs
- Displays avatar with UserAvatar component (from people_util.js)
- Shows online status indicator and truncated node ID
- Add network layout CSS with gradient header matching dark theme
- Fix: .node-panel moved to Layout component with proper flex layout
- Implements issue RetroShare#36: own Avatar, own Name & status
- Add view mode toggle buttons (list/grid) in Contacts header
- Persist view preference in localStorage (peopleViewMode)
- Grid view shows avatar + name in card layout
- List view shows compact row with avatar and inline actions
- Icon buttons for Chat (comment) and Mail (envelope) instead of text
- CSS for both list and grid layouts
@64johnlee 64johnlee changed the title feat(network): add own profile header with avatar and name to Network View feat(network): add own profile header + People view toggle (#36, #65) May 3, 2026
@64johnlee 64johnlee changed the title feat(network): add own profile header + People view toggle (#36, #65) feat(network,people): add profile header + view toggle + avatars (#36, #65) May 3, 2026
- Add 'Copy' button next to truncated node ID
- Click copies full node ID to clipboard
- Button shows 'Copied!' feedback for 1.5 seconds
- Useful for sharing own ID with others
@64johnlee 64johnlee changed the title feat(network,people): add profile header + view toggle + avatars (#36, #65) feat(network,people): profile header + view toggle + copy ID + avatars (#36, #65) May 3, 2026
@64johnlee 64johnlee changed the title feat(network,people): profile header + view toggle + copy ID + avatars (#36, #65) feat(network,people): profile header + view toggle + copy ID + search clear + avatars + friend count (#36, #65) May 3, 2026
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.

1 participant