@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 (isUserStreaming(u.oderId || u.id)) { } @if (u.voiceState?.isMuted) { } @if (isUserLocallyMuted(u)) { }

}

} @if (activeTab() === 'users') {

@if (currentUser()) {

You

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

In voice

} @if (currentUser() && isUserStreaming(currentUser()!.oderId || currentUser()!.id)) { }

} @if (onlineRoomUsers().length > 0) {

Online - {{ onlineRoomUsers().length }}

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

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

@if (user.voiceState?.isConnected) {

In voice

} @if (isUserStreaming(user.oderId || user.id)) { }

}

} @if (offlineRoomMembers().length > 0) {

Offline - {{ offlineRoomMembers().length }}

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

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

Offline

}

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

No other users in this server

}

} @if (voiceEnabled()) {

}

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

} }