From 89a23dd6c67c256c62b8da5f3521e67b840f514b Mon Sep 17 00:00:00 2001
From: serega6531 <S.Shkurov@bssys.com>
Date: Wed, 13 Jan 2021 12:41:58 +0300
Subject: [PATCH] =?UTF-8?q?=D0=92=D1=8B=D0=B2=D0=BE=D0=B4=20SPM=20=D1=81?=
 =?UTF-8?q?=D0=B5=D1=80=D0=B2=D0=B8=D1=81=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue               | 2 ++
 src/components/Navbar.vue | 9 ++++++++-
 src/store.js              | 8 +++++++-
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7152aae..043ffbd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -108,6 +108,8 @@
 							const data = parsed.value;
 							this.$store.commit('setCurrentPacketsCount', data.totalPackets);
 							this.$store.commit('setCurrentStreamsCount', data.totalStreams);
+							this.$store.commit('setCurrentServicesPacketsCount', data.servicesPackets);
+							this.$store.commit('setCurrentServicesStreamsCount', data.servicesStreams);
 
 							console.debug('Adding new counters to DB', parsed.value);
 							const tx = this.db.transaction(DB_OBJSTORE_COUNTERS_HISTORY, 'readwrite');
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index a8813e5..3d2183a 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -18,7 +18,11 @@
 				<template v-for="service in this.$store.state.services">
 					<router-link :key="service.name" tag="li" class="nav-item text-nowrap edit-button"
 								 :to="{name:'stream', params: {servicePort: service.port}, query: $route.query}">
-						<a class="nav-link">{{service.name}} #{{service.port}}</a>
+						<a class="nav-link">
+							{{service.name}} #{{service.port}}
+							({{ getSpmForService(service.port) }}
+							<u title="Streams per minute">SPM</u>)
+						</a>
 
 						<a class="nav-link pl-0" style="cursor: pointer" @click.stop.prevent="editService(service)">
 							<i class="fas fa-pencil-alt"/>
@@ -72,6 +76,9 @@
 			this.updateServices();
 		},
 		methods: {
+			getSpmForService(port) {
+				return this.$store.state.currentServicesStreamsCount[port] ?? 0;
+			},
 			editService(service) {
 				this.serviceModalIsCreating = false;
 				this.serviceModalEditingService = {};
diff --git a/src/store.js b/src/store.js
index 7994cc0..b070dea 100644
--- a/src/store.js
+++ b/src/store.js
@@ -25,6 +25,8 @@ export default new Vuex.Store({
 
 		currentPacketsCount: 0,
 		currentStreamsCount: 0,
+		currentServicesPacketsCount: {},
+		currentServicesStreamsCount: {},
 	},
 	mutations: {
 		setHexdumpBlockSize: (s, p) => s.hexdumpBlockSize = p,
@@ -50,6 +52,8 @@ export default new Vuex.Store({
 
 		setCurrentPacketsCount: (s, p) => s.currentPacketsCount = p,
 		setCurrentStreamsCount: (s, p) => s.currentStreamsCount = p,
+		setCurrentServicesPacketsCount: (s, p) => s.currentServicesPacketsCount = p,
+		setCurrentServicesStreamsCount: (s, p) => s.currentServicesStreamsCount = p,
 	},
 	actions: {},
 	plugins: [
@@ -70,7 +74,9 @@ export default new Vuex.Store({
 					&& mName !== 'setServices'
 					&& mName !== 'addService'
 					&& mName !== 'setCurrentPacketsCount'
-					&& mName !== 'setCurrentStreamsCount';
+					&& mName !== 'setCurrentStreamsCount'
+					&& mName !== 'setCurrentServicesPacketsCount'
+					&& mName !== 'setCurrentServicesStreamsCount';
 				console.debug('Processing?', process);
 				return process;
 			},