mirror/api
1
0
Fork 0
mirror of https://github.com/unraid/api.git synced 2026-04-22 23:32:27 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: purchase payloads

Browse Source
This commit is contained in:
Zack Spear
2023-06-20 11:54:30 -05:00
committed by Zack Spear
parent 47bf63c273
commit f8b5db9853
10 changed files with 3749 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/UserProfile/CallbackFeedback.vue
+21 -8
View File
@@ -1,5 +1,6 @@
<script lang="ts" setup>
import { useClipboard } from '@vueuse/core'
import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/24/solid';
import { storeToRefs } from 'pinia';
import 'tailwindcss/tailwind.css';
import '~/assets/main.css';
@@ -43,7 +44,7 @@ const { text, copy, copied, isSupported } = useClipboard({ source: keyUrl.value
:open="open"
max-width="max-w-800px"
>
<div class="text-16px text-center relative w-full flex flex-col gap-y-16px">
<div class="text-16px text-center relative w-full flex flex-col gap-y-16px py-16px">
<header>
<h1 class="text-24px font-semibold">{{ heading }}</h1>
<p v-if="subheading" class="text-16px opacity-80">{{ subheading }}</p>
@@ -52,11 +53,17 @@ const { text, copy, copied, isSupported } = useClipboard({ source: keyUrl.value
<BrandLoading v-if="callbackLoading" class="w-90px mx-auto" />
<template v-if="installing !== undefined">
<p v-if="installing">Installing License Key</p>
<p v-if="installing || callbackLoading">Installing License Key…</p>
<template v-else>
<p v-if="success === true">Installed License Key</p>
<div v-if="success === true" class="flex items-center justify-center gap-x-8px">
<CheckCircleIcon class="fill-green w-24px" />
<p>Installed License Key</p>
</div>
<template v-else-if="success === false">
<p class="text-red italic">License Key Install Failed</p>
<div class="flex items-center justify-center gap-x-8px">
<XCircleIcon class="fill-red w-24px" />
<p class="text-red italic">License Key Install Failed</p>
</div>
<button v-if="isSupported" @click="copy(keyUrl)">{{ copied ? 'Copied' : 'Copy Key URL' }}</button>
<p v-else>Copy your Key URL: {{ keyUrl }}</p>
<p>Then go to <a href="/Tools/Registration">Tools > Registration</a> to manually install it</p>
@@ -65,17 +72,23 @@ const { text, copy, copied, isSupported } = useClipboard({ source: keyUrl.value
</template>
<template v-if="updating !== undefined">
<p v-if="updating">Updating Connect account config</p>
<p v-if="updating || callbackLoading">Updating Connect account config…</p>
<template v-else>
<p v-if="updateSuccess === true">Connect config updated with your account</p>
<p v-else-if="updateSuccess === false" class="text-red italic">Connect config failed to update</p>
<div v-if="updateSuccess === true" class="flex items-center justify-center gap-x-8px">
<CheckCircleIcon class="fill-green w-24px" />
<p>Connect config updated</p>
</div>
<div v-else-if="updateSuccess === false" class="flex items-center justify-center gap-x-8px">
<XCircleIcon class="fill-red w-24px" />
<p class="text-red italic">Connect config update failed</p>
</div>
</template>
</template>
<div v-if="!callbackLoading" class="w-full max-w-xs flex flex-col gap-y-16px mx-auto">
<button
@click="reload"
class="text-12px tracking-wide inline-block mx-8px opacity-60 hover:opacity-100 focus:opacity-100 underline transition"
class="tracking-wide inline-block mx-8px opacity-60 hover:opacity-100 focus:opacity-100 underline transition"
>
{{ 'Reload Page to Finalize' }}
</button>