From 1230b77f2da74951b59748ca252c1a77d51543c1 Mon Sep 17 00:00:00 2001
From: saber-nyan <saber-nyan@ya.ru>
Date: Sun, 19 May 2019 12:34:15 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9A=D0=BD=D0=BE=D0=BF=D0=BA=D0=B0=20=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BF=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Packet.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/Packet.vue b/src/components/Packet.vue
index d7fb972..dd325ec 100644
--- a/src/components/Packet.vue
+++ b/src/components/Packet.vue
@@ -1,6 +1,7 @@
 <template>
 	<div class="packet" :class="{'packet-incoming': isIncoming}">
-		<div>#{{id}} at {{new Date(timestamp).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}</div>
+		<div>#{{id}} at {{new Date(timestamp).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}
+			<button @click.prevent="copyContent" class="btn btn-link">Copy</button></div>
 		<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-2 pb-2 mb-3 border-bottom">
 			<pre>{{ hexdata }}</pre>
 		</div>
@@ -33,6 +34,19 @@ export default {
 			}
 			return lines.join("\n");
 		},
+		copyContent() {
+			navigator.clipboard.writeText(
+				atob(this.$props.content)
+					.split('')
+					.map(function (aChar) {
+						return ('0' + aChar.charCodeAt(0).toString(16)).slice(-2);
+					})
+					.join('')
+					.toUpperCase()
+			)
+				.then()
+				.catch(e => console.error('Failed to copy', e));
+		},
 	},
 	computed: {
 		hexdata() {
@@ -59,4 +73,10 @@ export default {
 		background: rgba(251, 233, 231, 0.4);
 		box-shadow: 0 0 5px 5px rgba(251, 233, 231, 0.4);
 	}
+
+	button {
+		padding: 0;
+		top: -0.15em;
+		position: relative;
+	}
 </style>