mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2025-02-26 04:10:52 +03:00
Code Issues Projects Releases Packages Wiki Activity

feat(ConnectionStatusDialog): Add DHT node and active peer connections (#1312)

Browse source
This commit is contained in:
Rémi Marseault 2023-11-15 00:01:38 +01:00 • committed by GitHub
parent 06d1815f00
commit 6f01c008e8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/components/Dialogs/ConnectionStatusDialog.vue
View file

@ -35,17 +35,31 @@ const close = () => {
<v-dialog v-model="isOpened"> <v-dialog v-model="isOpened">
<v-card> <v-card>
<v-card-text> <v-card-text>
<v-list> <v-row>
<v-list-item :title="$t('dialogs.connectionStatus.status')"> <v-col cols="12" sm="6" lg="3">
<span :class="['ml-2', connectionStatusColor]"> <div>{{ $t('dialogs.connectionStatus.status') }}</div>
{{ $t('constants.connectionStatus.' + maindataStore.serverState?.connection_status) }} <div :class="['ml-2', connectionStatusColor]">{{ $t('constants.connectionStatus.' + maindataStore.serverState?.connection_status) }}</div>
</span> </v-col>
</v-list-item> <v-col cols="12" sm="6" lg="3">
<v-list-item :title="$t('dialogs.connectionStatus.externalIp')"> <div>{{ $t('dialogs.connectionStatus.externalIp') }}</div>
<span class="ml-2" v-if="logStore.externalIp">{{ logStore.externalIp }}</span> <div class="ml-2">
<span class="ml-2 text-error" v-else>No IP detected</span> <span v-if="logStore.externalIp">{{ logStore.externalIp }}</span>
</v-list-item> <span v-else class="text-error">No IP detected</span>
</v-list> </div>
</v-col>
<v-col cols="12" sm="6" lg="3">
<div>{{ $t('dialogs.connectionStatus.dht_nodes') }}</div>
<div class="ml-2">
{{ maindataStore.serverState?.dht_nodes }}
</div>
</v-col>
<v-col cols="12" sm="6" lg="3">
<div>{{ $t('dialogs.connectionStatus.total_peer_connections') }}</div>
<div class="ml-2">
{{ maindataStore.serverState?.total_peer_connections }}
</div>
</v-col>
</v-row>
</v-card-text> </v-card-text>
<v-card-actions> <v-card-actions>
<v-spacer /> <v-spacer />