mirror of https://github.com/wg-easy/wg-easy
Browse Source
* start supporting ipv6 * add ipv6 support * build server with es2020 es2019 doesn't support bigint * fix issues, better namingpull/1618/head
Bernd Storath
11 months ago
committed by
Bernd Storath
Bernd Storath
22 changed files with 274 additions and 158 deletions
@ -1,60 +0,0 @@ |
|||
<template> |
|||
<span class="group"> |
|||
<!-- Show --> |
|||
<input |
|||
v-show="clientEditAddressId === client.id" |
|||
ref="clientAddressInput" |
|||
v-model="clientEditAddress" |
|||
class="rounded border-2 dark:bg-neutral-700 border-gray-100 dark:border-neutral-600 focus:border-gray-200 dark:focus:border-neutral-500 outline-none w-20 text-black dark:text-neutral-300 dark:placeholder:text-neutral-500" |
|||
@keyup.enter=" |
|||
updateClientAddress(client, clientEditAddress); |
|||
clientEditAddress = null; |
|||
clientEditAddressId = null; |
|||
" |
|||
@keyup.escape=" |
|||
clientEditAddress = null; |
|||
clientEditAddressId = null; |
|||
" |
|||
/> |
|||
<span v-show="clientEditAddressId !== client.id" class="inline-block">{{ |
|||
client.address |
|||
}}</span> |
|||
|
|||
<!-- Edit --> |
|||
<span |
|||
v-show="clientEditAddressId !== client.id" |
|||
class="cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity" |
|||
@click=" |
|||
clientEditAddress = client.address; |
|||
clientEditAddressId = client.id; |
|||
nextTick(() => clientAddressInput?.select()); |
|||
" |
|||
> |
|||
<IconsEdit |
|||
class="h-4 w-4 inline align-middle opacity-25 hover:opacity-100" |
|||
/> |
|||
</span> |
|||
</span> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
defineProps<{ |
|||
client: LocalClient; |
|||
}>(); |
|||
|
|||
const clientsStore = useClientsStore(); |
|||
|
|||
const clientAddressInput = ref<HTMLInputElement | null>(null); |
|||
const clientEditAddress = ref<null | string>(null); |
|||
const clientEditAddressId = ref<null | string>(null); |
|||
|
|||
function updateClientAddress(client: WGClient, address: string | null) { |
|||
if (address === null) { |
|||
return; |
|||
} |
|||
api |
|||
.updateClientAddress({ clientId: client.id, address }) |
|||
.catch((err) => alert(err.message || err.toString())) |
|||
.finally(() => clientsStore.refresh().catch(console.error)); |
|||
} |
|||
</script> |
|||
@ -0,0 +1,60 @@ |
|||
<template> |
|||
<span class="group"> |
|||
<!-- Show --> |
|||
<input |
|||
v-show="clientEditAddress4Id === client.id" |
|||
ref="clientAddress4Input" |
|||
v-model="clientEditAddress4" |
|||
class="rounded border-2 dark:bg-neutral-700 border-gray-100 dark:border-neutral-600 focus:border-gray-200 dark:focus:border-neutral-500 outline-none w-20 text-black dark:text-neutral-300 dark:placeholder:text-neutral-500" |
|||
@keyup.enter=" |
|||
updateClientAddress4(client, clientEditAddress4); |
|||
clientEditAddress4 = null; |
|||
clientEditAddress4Id = null; |
|||
" |
|||
@keyup.escape=" |
|||
clientEditAddress4 = null; |
|||
clientEditAddress4Id = null; |
|||
" |
|||
/> |
|||
<span v-show="clientEditAddress4Id !== client.id" class="inline-block">{{ |
|||
client.address4 |
|||
}}</span> |
|||
|
|||
<!-- Edit --> |
|||
<span |
|||
v-show="clientEditAddress4Id !== client.id" |
|||
class="cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity" |
|||
@click=" |
|||
clientEditAddress4 = client.address4; |
|||
clientEditAddress4Id = client.id; |
|||
nextTick(() => clientAddress4Input?.select()); |
|||
" |
|||
> |
|||
<IconsEdit |
|||
class="h-4 w-4 inline align-middle opacity-25 hover:opacity-100" |
|||
/> |
|||
</span> |
|||
</span> |
|||
</template> |
|||
|
|||
<script setup lang="ts"> |
|||
defineProps<{ |
|||
client: LocalClient; |
|||
}>(); |
|||
|
|||
const clientsStore = useClientsStore(); |
|||
|
|||
const clientAddress4Input = ref<HTMLInputElement | null>(null); |
|||
const clientEditAddress4 = ref<null | string>(null); |
|||
const clientEditAddress4Id = ref<null | string>(null); |
|||
|
|||
function updateClientAddress4(client: WGClient, address4: string | null) { |
|||
if (address4 === null) { |
|||
return; |
|||
} |
|||
api |
|||
.updateClientAddress4({ clientId: client.id, address4 }) |
|||
.catch((err) => alert(err.message || err.toString())) |
|||
.finally(() => clientsStore.refresh().catch(console.error)); |
|||
} |
|||
</script> |
|||
@ -1,8 +1,7 @@ |
|||
export default defineEventHandler(async () => { |
|||
const system = await Database.getSystem(); |
|||
const latestRelease = await fetchLatestRelease(); |
|||
return { |
|||
currentRelease: system.release, |
|||
currentRelease: RELEASE, |
|||
latestRelease: latestRelease, |
|||
}; |
|||
}); |
|||
|
|||
@ -1,5 +1,8 @@ |
|||
import debug from 'debug'; |
|||
import packageJson from '@@/package.json'; |
|||
|
|||
export const WG_PATH = process.env.WG_PATH || '/etc/wireguard/'; |
|||
|
|||
export const RELEASE = packageJson.release.version; |
|||
|
|||
export const SERVER_DEBUG = debug('Server'); |
|||
|
|||
Loading…
Reference in new issue