lightcordwarez
/
BetterDiscordApp-v2
mirror of https://github.com/JsSucks/BetterDiscordApp
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Style the lock context menu.

This commit is contained in:
Mega-Mewthree 2018-08-11 10:11:56 -07:00
parent 0ea0acfaa5
commit c122457565
2 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/builtin/E2EEComponent.vue
View File

@ -9,7 +9,7 @@
*/
<template>
<div class="bd-e2eeTaContainer" @contextmenu.prevent="location.pathname.match(/\/channels\/@me\/\d+/) && $refs.ee2eContextMenu.open()">
<div class="bd-e2eeTaContainer" @contextmenu.prevent="location.pathname.match(/\/channels\/@me\/\d+/) && $refs.ee2eLockContextMenu.open()">
<div v-if="error" class="bd-e2eeTaBtn bd-e2eeLock bd-error">
<MiLock v-tooltip="error" />
</div>
@ -24,9 +24,9 @@
</div>
<div class="bd-taDivider"></div>
<context-menu id="context-menu" ref="ee2eContextMenu" v-if="location.pathname.match(/\/channels\/@me\/\d+/)">
<li @click="generatePublicKey()">Generate Public Key</li>
<li @click="computeSharedSecret()">Receive Public Key</li>
<context-menu id="bd-e2eeLockContextMenu" class="bd-e2eeLockContextMenu" ref="ee2eLockContextMenu" v-if="location.pathname.match(/\/channels\/@me\/\d+/)">
<li class="bd-e2eeLockContextMenuOption" @click="generatePublicKey()">Generate Public Key</li>
<li class="bd-e2eeLockContextMenuOption" @click="computeSharedSecret()">Receive Public Key</li>
</context-menu>
</div>
</template>
@ -48,10 +48,12 @@
}
function computeSharedSecret() {
const userID = location.pathname.split("/")[3];
const otherPublicKey = document.getElementsByClassName("da-textArea")[0].value;
const secret = E2EE.computeSecret(userID, otherPublicKey);
clipboard.writeText(secret);
try {
const userID = location.pathname.split("/")[3];
const otherPublicKey = document.getElementsByClassName("da-textArea")[0].value;
const secret = E2EE.computeSecret(userID, otherPublicKey);
clipboard.writeText(secret);
} catch (e) {}
}
export default {

23
client/src/styles/partials/bdsettings/e2ee.scss
View File

@ -39,6 +39,29 @@
height: 37px;
margin-top: 5px;
}
.bd-e2eeLockContextMenu {
border: none;
.ctx-menu {
background: #23272A;
border-radius: 4px;
box-shadow: none;
padding: 0;
.bd-e2eeLockContextMenuOption {
background: #23272A;
color: #99AAB5;
padding: 5px 5px;
cursor: default;
&:hover {
background: #000000;
}
}
}
}
}
.bd-e2eeMdContainer {