From d18356c2b15833312323bc8b7b6679f36ec91712 Mon Sep 17 00:00:00 2001
From: saber-nyan <saber-nyan@ya.ru>
Date: Sat, 11 May 2019 19:31:12 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BC=D0=B5=D1=82=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D1=81=D1=82=D1=80=D0=B8=D0=BC=D0=B0,=20=D1=81=D0=BE=D0=BE?=
 =?UTF-8?q?=D1=82=D0=B2=D0=B5=D1=82=D1=81=D1=82=D0=B2=D1=83=D1=8E=D1=89?=
 =?UTF-8?q?=D0=B5=D0=B3=D0=BE=20=D0=BF=D0=B0=D1=82=D1=82=D0=B5=D1=80=D0=BD?=
 =?UTF-8?q?=D0=B0=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Sidebar.vue | 1 +
 src/components/Stream.vue  | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 98c6834..c7098c6 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -8,6 +8,7 @@
 						:id="stream.id"
 						:proto="stream.protocol"
 						:servicePort="stream.service.port"
+						:foundPatterns="stream.foundPatterns"
 						:time="stream.startTimestamp"></Stream>
 				<infinite-loading @infinite="infiniteHandler" spinner="waveDots" ref="infiniteLoading"></infinite-loading>
 			</ul>
diff --git a/src/components/Stream.vue b/src/components/Stream.vue
index e287bc0..8c3c6d3 100644
--- a/src/components/Stream.vue
+++ b/src/components/Stream.vue
@@ -3,6 +3,12 @@
 		<router-link class="nav-link" active-class="active" :to="{ name: 'home', params: { servicePort: servicePort, streamId: id} }">
 			#{{id}} {{proto}}<br/>
 			{{new Date(time * 1000).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}
+			<span v-for="pattern in foundPatterns"
+				:key="pattern.id"
+					:style="'color:' + pattern.color"
+				>
+				*
+			</span>
 		</router-link>
 	</li>
 </template>
@@ -10,7 +16,7 @@
 <script>
 export default {
 	name: "Stream",
-	props: ['id', 'proto', 'time', 'servicePort',],
+	props: ['id', 'proto', 'time', 'servicePort', 'foundPatterns',],
 }
 </script>