ad/packmate
1
0
Fork 0
mirror of https://github.com/Av0idD4rk/packmate.git synced 2026-10-23 21:42:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Кнопка копирования

Browse Source
This commit is contained in:
saber-nyan 2019-05-19 12:34:15 +03:00
parent f5e08fbf2b
commit 1230b77f2d
No known key found for this signature in database
GPG Key ID: 7B069E9C295E6B4A
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Packet.vue
View File

@ -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>