Files
api/components/DownloadApiLogs.ce.vue
2023-08-07 17:51:32 -07:00

35 lines
1.5 KiB
Vue

<script setup lang="ts">
import { storeToRefs } from 'pinia';
import { ArrowDownTrayIcon } from '@heroicons/vue/24/solid';
import { DEV_GRAPH_URL } from '~/helpers/urls';
import { useServerStore } from '~/store/server';
import 'tailwindcss/tailwind.css';
import '~/assets/main.css';
const { apiKey } = storeToRefs(useServerStore());
const downloadUrl = computed(() => new URL(`/graphql/api/logs?apiKey=${apiKey.value}`, DEV_GRAPH_URL || window.location.origin));
</script>
<template>
<div class="whitespace-normal flex flex-col gap-y-16px max-w-3xl">
<span class="leading-8">
The primary method of support for Unraid Connect is through <a href="https://forums.unraid.net/forum/94-connect-plugin-support/" target="_blank" rel="noopener noreferrer">our forums</a> and <a href="https://discord.gg/unraid" target="_blank" rel="noopener noreferrer">Discord</a>. If you are asked to supply logs, please open a support request on our <a href="https://unraid.net/contact" target="_blank" rel="noopener noreferrer">Contact Page</a> and reply to the email message you receive with your logs attached. The logs may contain sensitive information so do not post them publicly.
</span>
<span>
<BrandButton
:href="downloadUrl.toString()"
download
:external="true"
:icon="ArrowDownTrayIcon"
:text="'Download'" />
</span>
</div>
</template>
<style lang="postcss">
@tailwind base;
@tailwind components;
@tailwind utilities;
</style>