Mirrors/WGDashboard
1
0
Fork 0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2025-10-03 07:46:18 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Update privatePublicKeyInput.vue

Browse Source 
Added feature for #835
This commit is contained in:
Donald Zou
2025-09-07 22:20:34 +08:00
parent 2dce79bb85
commit 8bbb4a48f7
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/static/app/src/components/configurationComponents/newPeersComponents/privatePublicKeyInput.vue
View File

@@ -23,6 +23,7 @@ export default {
privateKey: "", privateKey: "",
presharedKey: "" presharedKey: ""
}, },
view: false,
editKey: false, editKey: false,
error: false error: false
} }
@@ -78,18 +79,24 @@ export default {
<template> <template>
<div class="d-flex gap-2 flex-column" :class="{inactiveField: this.bulk}"> <div class="d-flex gap-2 flex-column" :class="{inactiveField: this.bulk}">
<div> <div>
<label for="peer_private_key_textbox" class="form-label"> <label for="peer_private_key_textbox" class="form-label d-flex align-items-center">
<small class="text-muted"> <small class="text-muted">
<LocaleText t="Private Key"></LocaleText> <code><LocaleText t="(Required for QR Code and Download)"></LocaleText></code></small> <LocaleText t="Private Key"></LocaleText> <code><LocaleText t="(Required for QR Code and Download)"></LocaleText></code></small>
<a role="button" class="ms-auto text-decoration-none text-body" @click="this.view = !this.view">
<small>
<i class="bi me-2" :class="[this.view ? 'bi-eye-slash-fill':'bi-eye-fill']"></i><LocaleText :t="this.view ? 'Hide Keys' : 'Show Keys'"></LocaleText>
</small>
</a>
</label> </label>
<div class="input-group"> <div class="input-group">
<input type="text" class="form-control form-control-sm rounded-start-3" <input :type="this.view ? 'text':'password'" class="form-control form-control-sm rounded-start-3"
v-model="this.keypair.privateKey" v-model="this.keypair.privateKey"
:disabled="!this.editKey || this.bulk" :disabled="!this.editKey || this.bulk"
:class="{'is-invalid': this.error}" :class="{'is-invalid': this.error, 'rounded-3': !this.view}"
@blur="this.checkMatching()" @blur="this.checkMatching()"
id="peer_private_key_textbox"> id="peer_private_key_textbox">
<button class="btn btn-outline-info btn-sm rounded-end-3" <button class="btn btn-outline-info btn-sm rounded-end-3"
v-if="this.view"
@click="this.genKeyPair()" @click="this.genKeyPair()"
:disabled="this.bulk" :disabled="this.bulk"
type="button" id="button-addon2"> type="button" id="button-addon2">
@@ -120,7 +127,7 @@ export default {
v-model="this.keypair.publicKey" v-model="this.keypair.publicKey"
@blur="this.checkMatching()" @blur="this.checkMatching()"
:disabled="!this.editKey || this.bulk" :disabled="!this.editKey || this.bulk"
type="text" id="public_key"> :type="this.view ? 'text':'password'" id="public_key">
</div> </div>
</div> </div>
</template> </template>