Mirrors/WGDashboard
1
0
Fork 0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2026-04-10 23:06:17 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Updated Peers Notes element

Browse Source
This commit is contained in:
Donald Zou
2026-04-03 17:00:52 +08:00
parent 65c2e69ac6
commit cd709c2807
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/static/app/src/components/configurationComponents/peerDetailsModal.vue
View File

@@ -32,6 +32,7 @@ Chart.register(
import PeerSessions from "@/components/peerDetailsModalComponents/peerSessions.vue"; import PeerSessions from "@/components/peerDetailsModalComponents/peerSessions.vue";
import PeerTraffics from "@/components/peerDetailsModalComponents/peerTraffics.vue"; import PeerTraffics from "@/components/peerDetailsModalComponents/peerTraffics.vue";
import PeerEndpoints from "@/components/peerDetailsModalComponents/peerEndpoints.vue"; import PeerEndpoints from "@/components/peerDetailsModalComponents/peerEndpoints.vue";
import { GetLocale } from "@/utilities/locale"
const props = defineProps(['selectedPeer']) const props = defineProps(['selectedPeer'])
const selectedDate = ref(undefined) const selectedDate = ref(undefined)
defineEmits(['close']) defineEmits(['close'])
@@ -49,13 +50,15 @@ defineEmits(['close'])
<button type="button" class="btn-close ms-auto" @click="$emit('close')"></button> <button type="button" class="btn-close ms-auto" @click="$emit('close')"></button>
</div> </div>
<div class="card-body px-4"> <div class="card-body px-4">
<div class="d-flex justify-content-between align-items-start mb-2"> <div class="d-flex justify-content-between align-items-start mb-2 flex-column flex-md-row">
<div> <div>
<p class="mb-0 text-muted"><small><LocaleText t="Peer" /></small></p> <p class="mb-0 text-muted"><small><LocaleText t="Peer" /></small></p>
<h2 class="mb-0">{{ selectedPeer.name }}</h2> <h2 :class="{'text-muted': selectedPeer.name.length === 0 }">
{{ selectedPeer.name.length > 0 ? selectedPeer.name : GetLocale("Untitled Peer") }}
</h2>
</div> </div>
<div v-if="selectedPeer.notes" class="text-end"> <div v-if="selectedPeer.notes" class="text-start text-md-end">
<p class="mb-0 text-muted"><small><LocaleText t="Notes" /></small></p> <p class="mb-0 text-muted"><small><LocaleText t="Notes" /></small></p>
<p class="mb-0" style="white-space: pre-wrap">{{ selectedPeer.notes }}</p> <p class="mb-0" style="white-space: pre-wrap">{{ selectedPeer.notes }}</p>
</div> </div>