@if (activeTab() === 'channels') {

#### Text Channels

@if (canManageChannels()) {
}
@for (ch of textChannels(); track ch.id) {
}

#### Voice Channels

@if (canManageChannels()) {
}
@if (!voiceEnabled()) {

Voice is disabled by host

}
@for (ch of voiceChannels(); track ch.id) {
@if (voiceUsersInRoom(ch.id).length > 0) {
@for (u of voiceUsersInRoom(ch.id); track u.id) {
{{ u.displayName }} @if (u.id !== currentUser()?.id) { } @if (u.screenShareState?.isSharing || isUserSharing(u.id)) {
} @if (u.voiceState?.isMuted) { } @if (isUserLocallyMuted(u)) { }
}
}
}
} @if (activeTab() === 'users') {
@if (currentUser()) {

#### You

{{ currentUser()?.displayName }}

@if (currentUser()?.voiceState?.isConnected) {

In voice

} @if (currentUser()?.screenShareState?.isSharing || (currentUser()?.id && isUserSharing(currentUser()!.id))) {
}
} @if (onlineUsersFiltered().length > 0) {

#### Online - {{ onlineUsersFiltered().length }}

@for (user of onlineUsersFiltered(); track user.id) {

{{ user.displayName }}

@if (user.role === 'host') { Owner } @else if (user.role === 'admin') { Admin } @else if (user.role === 'moderator') { Mod }
@if (user.voiceState?.isConnected) {

In voice

} @if (user.screenShareState?.isSharing || isUserSharing(user.id)) {
}
}
} @if (offlineRoomMembers().length > 0) {

#### Offline - {{ offlineRoomMembers().length }}

@for (member of offlineRoomMembers(); track member.oderId || member.id) {

{{ member.displayName }}

@if (member.role === 'host') { Owner } @else if (member.role === 'admin') { Admin } @else if (member.role === 'moderator') { Mod }

Offline

}
} @if (onlineUsersFiltered().length === 0 && offlineRoomMembers().length === 0) {

No other users in this server

}
} @if (voiceEnabled()) {
}
@if (showChannelMenu()) {
@if (canManageChannels()) {
} } @if (showUserMenu()) { @if (isAdmin()) { @if (contextMenuUser()?.role === 'member') {
} @if (contextMenuUser()?.role === 'moderator') {
} @if (contextMenuUser()?.role === 'admin') {
}
} @else {
} } @if (showVolumeMenu()) { } @if (showCreateChannelDialog()) { }