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 39 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 39 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

1 participant