From b8c21d3a8620725c9212a63930744109ed95552c Mon Sep 17 00:00:00 2001
From: saber-nyan <saber-nyan@ya.ru>
Date: Wed, 22 May 2019 11:26:42 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20TT?=
 =?UTF-8?q?L=20=D1=81=D1=82=D1=80=D0=B8=D0=BC=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Sidebar.vue | 3 ++-
 src/components/Stream.vue  | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index de7e271..ba0a615 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -11,7 +11,8 @@
 						:foundPatterns="stream.foundPatterns"
 						:startTime="stream.startTimestamp"
 						:endTime="stream.endTimestamp"
-						:favorite="stream.favorite"></Stream>
+						:favorite="stream.favorite"
+						:ttl="stream.ttl"></Stream>
 				<infinite-loading @infinite="infiniteHandler" spinner="waveDots" ref="infiniteLoading"></infinite-loading>
 			</ul>
 		</div>
diff --git a/src/components/Stream.vue b/src/components/Stream.vue
index c879ad0..c50afd6 100644
--- a/src/components/Stream.vue
+++ b/src/components/Stream.vue
@@ -9,7 +9,7 @@
 					<path d="M16 2 L20 12 30 12 22 19 25 30 16 23 7 30 10 19 2 12 12 12 Z" style="transition: all .5s;" :fill="favorite0 ? 'red' : 'white'"></path>
 				</svg>
 			</button>
-			#{{id}} {{proto}}<br/>
+			#{{id}} {{proto}} <span v-if="ttl">TTL {{ttl}}</span><br/>
 			{{new Date(startTime).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}
 			- {{new Date(endTime).toLocaleTimeString('ru-RU', {hour:'2-digit', minute: '2-digit', second: '2-digit'})}}
 			<span v-for="pattern in foundPatterns"
@@ -27,7 +27,7 @@ import axios from "axios";
 
 export default {
 	name: "Stream",
-	props: ['id', 'proto', 'startTime', 'endTime', 'servicePort', 'foundPatterns', 'favorite',],
+	props: ['id', 'proto', 'startTime', 'endTime', 'servicePort', 'foundPatterns', 'favorite', 'ttl',],
 	data: function () {
 		return {
 			favorite0: this.favorite,