mirror of
https://github.com/unraid/api.git
synced 2026-05-05 06:33:03 -05:00
Eli Bosley
345e83bfb0
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Added new modal dialogs and UI components, including activation steps, OS update feedback, and expanded notification management. * Introduced a plugin to configure internationalization, state management, and Apollo client support in web components. * Added a new Log Viewer page with a streamlined interface for viewing logs. * **Improvements** * Centralized Pinia state management by consolidating all stores to use a shared global Pinia instance. * Simplified component templates by removing redundant internationalization host wrappers. * Enhanced ESLint configuration with stricter rules and global variable declarations. * Refined custom element build process to prevent jQuery conflicts and optimize minification. * Updated component imports and templates for consistent structure and maintainability. * Streamlined log viewer dropdowns using simplified select components with improved formatting. * Improved notification sidebar with filtering by importance and modular components. * Replaced legacy notification popups with new UI components and added automatic root session creation for localhost requests. * Updated OS version display and user profile UI with refined styling and component usage. * **Bug Fixes** * Fixed component tag capitalization and improved type annotations across components. * **Chores** * Updated development dependencies including ESLint plugins and build tools. * Removed deprecated log viewer patch class and cleaned up related test fixtures. * Removed unused imports and simplified Apollo client setup. * Cleaned up test mocks and removed obsolete i18n host component tests. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --- - To see the specific tasks where the Asana app for GitHub is being used, see below: - https://app.asana.com/0/0/1210730229632804 --------- Co-authored-by: Pujit Mehrotra <pujit@lime-technology.com> Co-authored-by: Zack Spear <zackspear@users.noreply.github.com>
93 lines
2.4 KiB
Vue
93 lines
2.4 KiB
Vue
<script lang="ts" setup>
|
|
import { computed } from 'vue';
|
|
import { storeToRefs } from 'pinia';
|
|
|
|
import { BrandLoading } from '@unraid/ui';
|
|
|
|
import type { ComposerTranslation } from 'vue-i18n';
|
|
|
|
import { useTrialStore } from '~/store/trial';
|
|
import Modal from '~/components/Modal.vue';
|
|
|
|
export interface Props {
|
|
open?: boolean;
|
|
t: ComposerTranslation;
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
open: false,
|
|
});
|
|
|
|
const trialStore = useTrialStore();
|
|
const { trialModalLoading, trialStatus } = storeToRefs(trialStore);
|
|
|
|
interface TrialStatusCopy {
|
|
heading: string;
|
|
subheading?: string;
|
|
}
|
|
const trialStatusCopy = computed((): TrialStatusCopy | null => {
|
|
switch (trialStatus.value) {
|
|
case 'failed':
|
|
return {
|
|
heading: props.t('Trial Key Creation Failed'),
|
|
subheading: props.t('Error creatiing a trial key. Please try again later.'),
|
|
};
|
|
case 'trialExtend':
|
|
return {
|
|
heading: props.t('Extending your free trial by 15 days'),
|
|
subheading: props.t('Please keep this window open'),
|
|
};
|
|
case 'trialStart':
|
|
return {
|
|
heading: props.t('Starting your free 30 day trial'),
|
|
subheading: props.t('Please keep this window open'),
|
|
};
|
|
case 'success':
|
|
return {
|
|
heading: props.t('Trial Key Created'),
|
|
subheading: props.t('Please wait while the page reloads to install your trial key'),
|
|
};
|
|
case 'ready':
|
|
default:
|
|
return null;
|
|
}
|
|
});
|
|
|
|
const close = () => {
|
|
if (trialStatus.value === 'trialStart') {
|
|
return;
|
|
}
|
|
trialStore.setTrialStatus('ready');
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<Modal
|
|
:t="t"
|
|
:open="open"
|
|
:title="trialStatusCopy?.heading"
|
|
:description="trialStatusCopy?.subheading"
|
|
:show-close-x="!trialModalLoading"
|
|
max-width="max-w-640px"
|
|
@close="close"
|
|
>
|
|
<template #main>
|
|
<BrandLoading v-if="trialModalLoading" class="w-[150px] mx-auto my-24px" />
|
|
</template>
|
|
|
|
<template v-if="!trialModalLoading" #footer>
|
|
<div class="w-full max-w-xs flex flex-col items-center gap-y-16px mx-auto">
|
|
<div>
|
|
<button
|
|
class="text-12px tracking-wide inline-block mx-8px opacity-60 hover:opacity-100 focus:opacity-100 underline transition"
|
|
:title="t('Close Modal')"
|
|
@click="close"
|
|
>
|
|
{{ t('Close') }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</Modal>
|
|
</template>
|