opti1337/chad
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases 17 Wiki Activity

update

Browse Source
This commit is contained in:
opti1337
2025-12-25 03:51:29 +06:00
parent 4f91309f7f
commit 8265e2d719
16 changed files with 283 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
client/app/pages/index.vue
View File

@@ -1,56 +1,11 @@
<template>
<div class="flex flex-col gap-3 p-3 pt-12">
<PrimePanel header="Clients" toggleable collapsed :pt="{ content: { class: 'divide-y divide-surface-800 py-4' } }">
<dl v-for="client in clients" :key="client.socketId" class="">
<div v-for="(value, key) in client" :key="key" class="py-2">
<dt class="font-bold">
{{ key }}
</dt>
<dd class="pl-8">
{{ value }}
</dd>
</div>
</dl>
</PrimePanel>
<PrimePanel header="Producers" toggleable collapsed :pt="{ content: { class: 'divide-y divide-surface-800 py-4' } }">
<dl v-for="[_, producer] in Array.from(producers)" :key="producer.id" class="">
<div v-for="key in ['id', 'paused']" :key="key" class="py-2">
<dt class="font-bold">
{{ key }}
</dt>
<dd class="pl-8">
{{ producer[key] }}
</dd>
</div>
</dl>
</PrimePanel>
<PrimePanel header="Consumers" toggleable collapsed :pt="{ content: { class: 'divide-y divide-surface-800 py-4' } }">
<dl v-for="[_, consumer] in Array.from(consumers)" :key="consumer.id" class="">
<div v-for="key in ['id', 'paused']" :key="key" class="py-2">
<dt class="font-bold">
{{ key }}
</dt>
<dd class="pl-8">
{{ consumer[key] }}
</dd>
</div>
</dl>
</PrimePanel>
<div class="flex items-center justify-center p-3">
<PrimeCard>
<template #content>
The chat is under development.
</template>
</PrimeCard>
</div>
<!-- <div class="flex items-center justify-center p-3"> -->
<!-- <PrimeCard> -->
<!-- <template #subtitle> -->
<!-- Important information -->
<!-- </template> -->
<!-- <template #content> -->
<!-- The chat is under development. -->
<!-- </template> -->
<!-- </PrimeCard> -->
<!-- </div> -->
</template>
<script setup lang="ts">
@@ -58,5 +13,6 @@ const { clients } = useClients()
const { producers, consumers } = useMediasoup()
definePageMeta({
name: 'Index',
})
</script>