mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-06-22 08:03:45 +08:00
87d780d985
- Removed border and border-radius styles from SubscribeCard, CategoryEditDialog, ContentToggleSettingsDialog, DiscoverTabOrderDialog, ForkWorkflowDialog, OfflineStatusDialog, PluginMarketSettingDialog, ReorganizeDialog, SearchBarDialog, SiteImportDialog, SiteResourceDialog, SiteStatisticsDialog, WorkflowActionsDialog, TorrentFilterBar, and several setup views. - Updated common.scss to introduce new variables for surface radius and border styles. - Adjusted component styles to utilize new app surface styles for consistency.
345 lines
15 KiB
Vue
345 lines
15 KiB
Vue
<script lang="ts" setup>
|
|
import { useI18n } from 'vue-i18n'
|
|
import { useSetupWizard } from '@/composables/useSetupWizard'
|
|
import { getLogoUrl } from '@/utils/imageUtils'
|
|
|
|
const { t } = useI18n()
|
|
const { wizardData, selectDownloader, validationErrors } = useSetupWizard()
|
|
</script>
|
|
|
|
<template>
|
|
<VCard variant="outlined">
|
|
<VCardText>
|
|
<div class="text-center mb-6">
|
|
<h3 class="text-h4 mb-2">{{ t('setupWizard.downloader.title') }}</h3>
|
|
<p class="text-body-1 text-medium-emphasis">{{ t('setupWizard.downloader.description') }}</p>
|
|
</div>
|
|
<VRow>
|
|
<VCol cols="12">
|
|
<VAlert type="info" variant="tonal" class="mb-4">
|
|
<VAlertTitle>{{ t('setupWizard.downloader.info') }}</VAlertTitle>
|
|
{{ t('setupWizard.downloader.infoDesc') }}
|
|
</VAlert>
|
|
</VCol>
|
|
|
|
<!-- 下载器选择 -->
|
|
<VCol cols="12">
|
|
<div class="mb-4">
|
|
<h4 class="text-h6 mb-4">{{ t('setupWizard.downloader.type') }}</h4>
|
|
<VRow>
|
|
<VCol cols="12" md="4">
|
|
<VCard
|
|
:color="wizardData.downloader.type === 'qbittorrent' ? 'primary' : 'default'"
|
|
:variant="wizardData.downloader.type === 'qbittorrent' ? 'tonal' : 'outlined'"
|
|
class="cursor-pointer"
|
|
@click="selectDownloader('qbittorrent')"
|
|
>
|
|
<VCardText class="text-center">
|
|
<VImg :src="getLogoUrl('qbittorrent')" height="48" width="48" class="mx-auto mb-2" />
|
|
<div class="text-h6">qBittorrent</div>
|
|
</VCardText>
|
|
</VCard>
|
|
</VCol>
|
|
<VCol cols="12" md="4">
|
|
<VCard
|
|
:color="wizardData.downloader.type === 'transmission' ? 'primary' : 'default'"
|
|
:variant="wizardData.downloader.type === 'transmission' ? 'tonal' : 'outlined'"
|
|
class="cursor-pointer"
|
|
@click="selectDownloader('transmission')"
|
|
>
|
|
<VCardText class="text-center">
|
|
<VImg :src="getLogoUrl('transmission')" height="48" width="48" class="mx-auto mb-2" />
|
|
<div class="text-h6">Transmission</div>
|
|
</VCardText>
|
|
</VCard>
|
|
</VCol>
|
|
<VCol cols="12" md="4">
|
|
<VCard
|
|
:color="wizardData.downloader.type === 'rtorrent' ? 'primary' : 'default'"
|
|
:variant="wizardData.downloader.type === 'rtorrent' ? 'tonal' : 'outlined'"
|
|
class="cursor-pointer"
|
|
@click="selectDownloader('rtorrent')"
|
|
>
|
|
<VCardText class="text-center">
|
|
<VImg :src="getLogoUrl('rtorrent')" height="48" width="48" class="mx-auto mb-2" />
|
|
<div class="text-h6">rTorrent</div>
|
|
</VCardText>
|
|
</VCard>
|
|
</VCol>
|
|
</VRow>
|
|
</div>
|
|
</VCol>
|
|
|
|
<!-- 下载器配置 -->
|
|
<VCol v-if="wizardData.downloader.type" cols="12">
|
|
<VCard>
|
|
<VCardText>
|
|
<VForm>
|
|
<VRow v-if="wizardData.downloader.type === 'qbittorrent'">
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.name"
|
|
:label="t('downloader.name')"
|
|
:placeholder="t('downloader.nameRequired')"
|
|
:hint="t('downloader.name')"
|
|
:error="validationErrors.downloader.name"
|
|
:error-messages="validationErrors.downloader.name ? [t('downloader.nameRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-label"
|
|
required
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.host"
|
|
:label="t('downloader.host')"
|
|
placeholder="http(s)://ip:port"
|
|
:hint="t('downloader.host')"
|
|
:error="validationErrors.downloader.host"
|
|
:error-messages="validationErrors.downloader.host ? [t('downloader.hostRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-server"
|
|
required
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.apikey"
|
|
type="password"
|
|
:label="t('downloader.apiKey')"
|
|
:hint="t('downloader.qbittorrentApiKeyHint')"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-key-variant"
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.username"
|
|
:label="t('downloader.username')"
|
|
:hint="t('downloader.username')"
|
|
:error="validationErrors.downloader.username"
|
|
:error-messages="validationErrors.downloader.username ? [t('downloader.usernameRequired')] : []"
|
|
:disabled="!!wizardData.downloader.config.apikey"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-account"
|
|
:required="!wizardData.downloader.config.apikey"
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.password"
|
|
type="password"
|
|
:label="t('downloader.password')"
|
|
:hint="t('downloader.password')"
|
|
:error="validationErrors.downloader.password"
|
|
:error-messages="validationErrors.downloader.password ? [t('downloader.passwordRequired')] : []"
|
|
:disabled="!!wizardData.downloader.config.apikey"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-lock"
|
|
:required="!wizardData.downloader.config.apikey"
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VSwitch
|
|
v-model="wizardData.downloader.config.sequentail"
|
|
:label="t('downloader.sequentail')"
|
|
:hint="t('downloader.sequentail')"
|
|
persistent-hint
|
|
active
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VSwitch
|
|
v-model="wizardData.downloader.config.force_resume"
|
|
:label="t('downloader.force_resume')"
|
|
:hint="t('downloader.force_resume')"
|
|
persistent-hint
|
|
active
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VSwitch
|
|
v-model="wizardData.downloader.config.first_last_piece"
|
|
:label="t('downloader.first_last_piece')"
|
|
:hint="t('downloader.first_last_piece')"
|
|
persistent-hint
|
|
active
|
|
/>
|
|
</VCol>
|
|
</VRow>
|
|
<VRow v-else-if="wizardData.downloader.type === 'transmission'">
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.name"
|
|
:label="t('downloader.name')"
|
|
:placeholder="t('downloader.nameRequired')"
|
|
:hint="t('downloader.name')"
|
|
:error="validationErrors.downloader.name"
|
|
:error-messages="validationErrors.downloader.name ? [t('downloader.nameRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-label"
|
|
required
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.host"
|
|
:label="t('downloader.host')"
|
|
placeholder="http(s)://ip:port"
|
|
:hint="t('downloader.host')"
|
|
:error="validationErrors.downloader.host"
|
|
:error-messages="validationErrors.downloader.host ? [t('downloader.hostRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-server"
|
|
required
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.username"
|
|
:label="t('downloader.username')"
|
|
:hint="t('downloader.username')"
|
|
:error="validationErrors.downloader.username"
|
|
:error-messages="validationErrors.downloader.username ? [t('downloader.usernameRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-account"
|
|
required
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.password"
|
|
type="password"
|
|
:label="t('downloader.password')"
|
|
:hint="t('downloader.password')"
|
|
:error="validationErrors.downloader.password"
|
|
:error-messages="validationErrors.downloader.password ? [t('downloader.passwordRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-lock"
|
|
required
|
|
/>
|
|
</VCol>
|
|
</VRow>
|
|
<VRow v-else-if="wizardData.downloader.type === 'rtorrent'">
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.name"
|
|
:label="t('downloader.name')"
|
|
:placeholder="t('downloader.nameRequired')"
|
|
:hint="t('downloader.name')"
|
|
:error="validationErrors.downloader.name"
|
|
:error-messages="validationErrors.downloader.name ? [t('downloader.nameRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-label"
|
|
required
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.host"
|
|
:label="t('downloader.host')"
|
|
placeholder="http(s)://ip:port/RPC2"
|
|
:hint="t('downloader.rtorrentHostHint')"
|
|
:error="validationErrors.downloader.host"
|
|
:error-messages="validationErrors.downloader.host ? [t('downloader.hostRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-server"
|
|
required
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.username"
|
|
:label="t('downloader.username')"
|
|
:hint="t('downloader.username')"
|
|
:error="validationErrors.downloader.username"
|
|
:error-messages="validationErrors.downloader.username ? [t('downloader.usernameRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-account"
|
|
required
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.config.password"
|
|
type="password"
|
|
:label="t('downloader.password')"
|
|
:hint="t('downloader.password')"
|
|
:error="validationErrors.downloader.password"
|
|
:error-messages="validationErrors.downloader.password ? [t('downloader.passwordRequired')] : []"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-lock"
|
|
required
|
|
/>
|
|
</VCol>
|
|
</VRow>
|
|
<VRow v-else>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.type"
|
|
:label="t('downloader.type')"
|
|
:hint="t('downloader.customTypeHint')"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-cog"
|
|
/>
|
|
</VCol>
|
|
<VCol cols="12" md="6">
|
|
<VTextField
|
|
v-model="wizardData.downloader.name"
|
|
:label="t('downloader.name')"
|
|
:hint="t('downloader.nameRequired')"
|
|
persistent-hint
|
|
active
|
|
prepend-inner-icon="mdi-label"
|
|
/>
|
|
</VCol>
|
|
</VRow>
|
|
</VForm>
|
|
</VCardText>
|
|
</VCard>
|
|
</VCol>
|
|
</VRow>
|
|
</VCardText>
|
|
</VCard>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.cursor-pointer {
|
|
cursor: pointer;
|
|
transition: all 0.2s ease;
|
|
}
|
|
|
|
.cursor-pointer:hover {
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.cursor-pointer:active {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
/* 选中状态的样式 */
|
|
.v-card--variant-tonal.v-theme--light {
|
|
border: 2px solid rgb(var(--v-theme-primary));
|
|
background-color: rgb(var(--v-theme-primary), 0.12);
|
|
}
|
|
|
|
.v-card--variant-tonal.v-theme--dark {
|
|
border: 2px solid rgb(var(--v-theme-primary));
|
|
background-color: rgb(var(--v-theme-primary), 0.2);
|
|
}
|
|
</style>
|