mirror of https://github.com/wg-easy/wg-easy
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.4 KiB
47 lines
1.4 KiB
<template>
|
|
<button
|
|
v-if="globalStore.enableOneTimeLinks"
|
|
:disabled="!client.downloadableConfig"
|
|
class="align-middle inline-block bg-gray-100 dark:bg-neutral-600 dark:text-neutral-300 p-2 rounded transition"
|
|
:class="{
|
|
'hover:bg-red-800 dark:hover:bg-red-800 hover:text-white dark:hover:text-white':
|
|
client.downloadableConfig,
|
|
'is-disabled': !client.downloadableConfig,
|
|
}"
|
|
:title="!client.downloadableConfig ? $t('noPrivKey') : $t('OneTimeLink')"
|
|
@click="
|
|
if (client.downloadableConfig) {
|
|
showOneTimeLink(client);
|
|
}
|
|
"
|
|
>
|
|
<svg
|
|
class="w-5"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M13.213 9.787a3.391 3.391 0 0 0-4.795 0l-3.425 3.426a3.39 3.39 0 0 0 4.795 4.794l.321-.304m-.321-4.49a3.39 3.39 0 0 0 4.795 0l3.424-3.426a3.39 3.39 0 0 0-4.794-4.795l-1.028.961"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{ client: LocalClient }>();
|
|
|
|
const clientsStore = useClientsStore();
|
|
const globalStore = useGlobalStore();
|
|
|
|
function showOneTimeLink(client: LocalClient) {
|
|
api
|
|
.showOneTimeLink({ clientId: client.id })
|
|
.catch((err) => alert(err.message || err.toString()))
|
|
.finally(() => clientsStore.refresh().catch(console.error));
|
|
}
|
|
</script>
|
|
|