mirror of
https://github.com/koel/koel
synced 2024-12-23 19:13:06 +00:00
40 lines
1.2 KiB
Vue
40 lines
1.2 KiB
Vue
<template>
|
|
<form class="license-form flex items-stretch" @submit.prevent="validateLicenseKey">
|
|
<TextInput
|
|
v-model="licenseKey"
|
|
v-koel-focus
|
|
:disabled="loading"
|
|
class="!rounded-r-none"
|
|
name="license"
|
|
placeholder="Enter your license key"
|
|
required
|
|
/>
|
|
<Btn :disabled="loading" class="!rounded-l-none" type="submit">Activate</Btn>
|
|
</form>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
import { plusService } from '@/services'
|
|
import { forceReloadWindow } from '@/utils'
|
|
import { useDialogBox, useErrorHandler } from '@/composables'
|
|
|
|
import Btn from '@/components/ui/form/Btn.vue'
|
|
import TextInput from '@/components/ui/form/TextInput.vue'
|
|
|
|
const { showSuccessDialog } = useDialogBox()
|
|
const licenseKey = ref('')
|
|
const loading = ref(false)
|
|
|
|
const validateLicenseKey = async () => {
|
|
try {
|
|
loading.value = true
|
|
await plusService.activateLicense(licenseKey.value)
|
|
await showSuccessDialog('Thanks for purchasing Koel Plus! Koel will now refresh to activate the changes.')
|
|
forceReloadWindow()
|
|
} catch (error: unknown) {
|
|
useErrorHandler('dialog').handleHttpError(error)
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
</script>
|