Добавлена опция расшифровки TLS

src/components/Packet.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="packet" :class="{'packet-incoming': packet.incoming}">
-		<div>#{{ packet.id }} at {{ dateToText(packet.timestamp) }}, {{ packet.ungzipped ? 'GZIP ' : '' }}{{ packet.webSocketParsed ? 'WS' : '' }}
+		<div>#{{ packet.id }} at {{ dateToText(packet.timestamp) }}, {{ printPacketFlags(packet) }}
 			<button @click.prevent="copyRaw" class="btn btn-link">Copy HEX</button>
 			<button @click.prevent="copyText" class="btn btn-link">Copy text</button>
 			<button @click.prevent="copyPythonBytes" class="btn btn-link">Copy as Python bytes</button>
@@ -26,6 +26,7 @@
 				incoming: Boolean(),
 				ungzipped: Boolean(),
 				webSocketParsed: Boolean(),
+				tlsDecrypted: Boolean(),
 				content: String(),
 			},
 		},
@@ -46,6 +47,23 @@
 			},
 		},
 		methods: {
+			printPacketFlags(packet) {
+				let flags = [];
+
+				if (packet.ungzipped) {
+					flags.push('GZIP');
+				}
+
+				if (packet.webSocketParsed) {
+					flags.push('WS');
+				}
+
+				if (packet.tlsDecrypted) {
+					flags.push('TLS');
+				}
+
+				return flags.join(' ');
+			},
 			hexdump(buffer, blockSize, lineNumberBase) {
 				blockSize = parseInt(blockSize, 10) || 16;
 				lineNumberBase = parseInt(lineNumberBase, 10) || 10;

src/views/AddService.vue

@@ -52,6 +52,13 @@
 				<b-form-checkbox id="addSvc-inflateWS" required
 								 v-model="parseWebSockets"/>
 			</b-form-group>
+			<b-form-group
+					label-cols-sm="4"
+					label="Decrypt TLS (TLS_RSA_WITH_AES only)"
+					label-for="addSvc-decryptTls">
+				<b-form-checkbox id="addSvc-decryptTls" required
+								 v-model="decryptTls"/>
+			</b-form-group>
 		</form>
 	</b-modal>
 </template>
@@ -68,6 +75,7 @@
 				urldecodeHttpRequests: Boolean(),
 				mergeAdjacentPackets: Boolean(),
 				parseWebSockets: Boolean(),
+				decryptTls: Boolean(),
 			};
 		},
 		methods: {
@@ -85,6 +93,7 @@
 				this.urldecodeHttpRequests = false;
 				this.mergeAdjacentPackets = false;
 				this.parseWebSockets = false;
+				this.decryptTls = false;
 			},
 
 			createService(ev) {
@@ -95,6 +104,7 @@
 				const urldecodeHttpRequests = this.urldecodeHttpRequests;
 				const mergeAdjacentPackets = this.mergeAdjacentPackets;
 				const parseWebSockets = this.parseWebSockets;
+				const decryptTls = this.decryptTls;
 				if (!this.checkValidity()) {
 					ev.preventDefault();
 					console.debug('Form is invalid');
@@ -110,6 +120,7 @@
 					urldecodeHttpRequests,
 					mergeAdjacentPackets,
 					parseWebSockets,
+					decryptTls,
 				}).then(response => {
 					const data = response.data;
 					console.debug('Done adding service', data);

src/views/ServiceModal.vue

@@ -47,6 +47,12 @@
 				<b-form-checkbox id="service-inflateWS" required
 								 v-model="service.parseWebSockets"/>
 			</b-form-group>
+			<b-form-group label-cols-sm="4"
+						  label="Decrypt TLS (TLS_RSA_WITH_AES only)"
+						  label-for="service-decryptTls">
+				<b-form-checkbox id="service-decryptTls" required
+								 v-model="service.decryptTls"/>
+			</b-form-group>
 		</b-form>
 	</b-modal>
 </template>
@@ -67,6 +73,7 @@
 				urldecodeHttpRequests: Boolean,
 				mergeAdjacentPackets: Boolean,
 				parseWebSockets: Boolean,
+				decryptTls: Boolean,
 			},
 		},
 		data() {