From 805b55aa449799661ac7fb32be76044e26738b18 Mon Sep 17 00:00:00 2001
From: serega6531 <S.Shkurov@bssys.com>
Date: Thu, 14 Jan 2021 03:43:40 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BA=D0=B0=D0=B7=20=D0=BD=D0=B0?=
 =?UTF-8?q?=D0=B7=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=20=D1=81=D0=B5=D1=80=D0=B2?=
 =?UTF-8?q?=D0=B8=D1=81=D0=B0=20=D0=B2=20=D0=BE=D0=B1=D1=89=D0=B5=D0=BC=20?=
 =?UTF-8?q?=D1=81=D0=BF=D0=B8=D1=81=D0=BA=D0=B5=20=D1=81=D1=82=D1=80=D0=B8?=
 =?UTF-8?q?=D0=BC=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SidebarStream.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/SidebarStream.vue b/src/components/SidebarStream.vue
index 849b148..612dfb0 100644
--- a/src/components/SidebarStream.vue
+++ b/src/components/SidebarStream.vue
@@ -7,6 +7,7 @@
 			</a>
 			{{ stream.id }} {{ stream.protocol }}
 			<template v-if="stream.ttl">TTL {{ stream.ttl }}</template>
+      <template v-if="shouldShowServiceName"><br/>{{ getServiceName(stream.service) }} #{{stream.service}}</template>
 			<br/>
 			{{ dateToText(stream.startTimestamp) }}
 			<template v-if="!dateMatches(stream.startTimestamp, stream.endTimestamp)">
@@ -39,9 +40,17 @@
 				userAgentHash: String(),
 			},
 		},
+    computed: {
+		  shouldShowServiceName: function () {
+        return this.$route?.params?.servicePort === undefined;
+      },
+    },
 		data: function () {
 			return {
 				favorite0: this.stream.favorite,
+        getServiceName: function (port) {
+          return this.$store.state.services.find(o => o.port === port)?.name ?? '<Deleted service>'
+        },
 			};
 		},
 		methods: {