Mirrors/WGDashboard
1
0
Fork 0
mirror of https://github.com/donaldzou/WGDashboard.git synced 2025-10-02 23:36:17 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Build

Browse Source
This commit is contained in:
Donald Zou
2025-09-16 08:01:16 +08:00
parent 77112675ae
commit a9ecf6c850
3 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/static/client/src/components/Configuration/configuration.vue
View File

@@ -95,7 +95,7 @@ window.dayjs = dayjs
:config="props.config" :config="props.config"
:protocol="props.config.protocol" :protocol="props.config.protocol"
@back="showQRCode = false" @back="showQRCode = false"
:qrcode-data="config.peer_configuration_data.file"></ConfigurationQRCode> :qrcode-data="config.peer_configuration_data"></ConfigurationQRCode>
</Transition> </Transition>
</div> </div>
</template> </template>

14
src/static/client/src/components/Configuration/configurationQRCode.vue
View File

@@ -21,17 +21,23 @@ const emits = defineEmits([
<div class="m-auto d-flex gap-3 flex-column p-3" style="width: 400px"> <div class="m-auto d-flex gap-3 flex-column p-3" style="width: 400px">
<div class="d-flex flex-column gap-2 align-items-center"> <div class="d-flex flex-column gap-2 align-items-center">
<Qrcode :content="props.qrcodeData"></Qrcode> <Qrcode :content="props.qrcodeData.file"></Qrcode>
<small> <small>
Scan with {{ protocol === "wg" ? 'WireGuard':'AmneziaWG'}} App Scan with {{ protocol === "wg" ? 'WireGuard':'AmneziaWG'}} App
</small> </small>
<div v-if="props.qrcodeData.amneziaVPN" class="d-flex flex-column gap-2 align-items-center">
<Qrcode :content="btoa(props.qrcodeData.amneziaVPN)"></Qrcode>
<small>
Scan with AmneziaVPN App
</small>
</div>
<hr class="border-white w-100 my-2"> <hr class="border-white w-100 my-2">
<button class="btn bg-primary-subtle border-primary-subtle rounded-3"> <button class="btn bg-primary-subtle border-primary-subtle rounded-3">
<i class="bi bi-download me-2"></i>Download <i class="bi bi-download me-2"></i>Download
</button> </button>
<small v-if="protocol === 'wg'" class="text-center text-muted">
For AmneziaVPN App, please download the configuration file and import into it.
</small>
</div> </div>
</div> </div>

5
src/static/client/src/components/SignIn/qrcode.vue
View File

@@ -20,5 +20,8 @@ onMounted(() => {
</template> </template>
<style scoped> <style scoped>
canvas{
width: 250px !important;
height: 250px !important;
}
</style> </style>