GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-06 20:43:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix subscribe

Browse Source
This commit is contained in:
jxxghp
2023-07-02 21:15:31 +08:00
parent 8eb7821850
commit b2f66c513c
3 changed files with 82 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@@ -1 +1 @@
VITE_API_BASE_URL=http://10.10.10.10:3001/api/v1/
VITE_API_BASE_URL=http://localhost:3001/api/v1/

7
src/components/cards/MediaCard.vue
View File

@@ -52,11 +52,14 @@ const removeSubscribe = async () => {
let mediaid = props.media?.tmdb_id
? `tmdb:${props.media?.tmdb_id}`
: `douban:${props.media?.douban_id}`;
const result: { [key: string]: any } = await api.delete(`subscribe/${mediaid}`, {
const result: { [key: string]: any } = await api.delete(
`subscribe/media/${mediaid}`,
{
params: {
season: props.media?.season,
},
});
}
);
isSubscribed.value = !(result.success || false);
} catch (error) {
console.error(error);

90
src/components/cards/SubscribeCard.vue
View File

@@ -1,4 +1,5 @@
<script lang="ts" setup>
import api from "@/api";
import { Subscribe } from "@/api/types";
import { formatSeason } from "@core/utils/formatters";
@@ -7,6 +8,9 @@ const props = defineProps({
media: Object as PropType<Subscribe>,
});
// 是否显示卡片
const cardState = ref(true);
// 根据 type 返回不同的图标
const getIcon = () => {
if (props.media?.type === "电影") {
@@ -23,34 +27,57 @@ const getPercentage = () => {
if (props.media?.total_episode === 0) {
return 0;
}
return Math.round((((props.media?.total_episode || 0) - (props.media?.lack_episode || 0)) / (props.media?.total_episode || 1)) * 100);
return Math.round(
(((props.media?.total_episode || 0) - (props.media?.lack_episode || 0)) /
(props.media?.total_episode || 1)) *
100
);
};
// 删除订阅
const removeSubscribe = async () => {
try {
const result: { [key: string]: any } = await api.delete(
`subscribe/${props.media?.id}`
);
if (result.success) {
cardState.value = false;
}
} catch (e) {
console.log(e);
}
};
// 弹出菜单
const dropdownItems = ref([
{
title: '编辑',
title: "编辑",
value: 1,
props: {
prependIcon: 'mdi-file-edit-outline',
prependIcon: "mdi-file-edit-outline",
},
},
{
title: '删除',
title: "取消订阅",
value: 2,
props: {
prependIcon: 'mdi-trash-can-outline',
color: 'error',
prependIcon: "mdi-trash-can-outline",
color: "error",
click: removeSubscribe,
},
}
])
},
]);
</script>
<template>
<VCard :key="props.media?.id">
<VCard :key="props.media?.id" v-if="cardState">
<template #image>
<VImg :src="props.media?.backdrop || props.media?.poster" aspect-ratio="2/3" cover class="brightness-50" />
<VImg
:src="props.media?.backdrop || props.media?.poster"
aspect-ratio="2/3"
cover
class="brightness-50"
/>
</template>
<VCardItem>
<template #prepend>
@@ -62,7 +89,25 @@ const dropdownItems = ref([
</VCardTitle>
<template #append>
<div class="me-n3">
<MoreBtn color="white" :menu-list="dropdownItems" />
<IconBtn>
<VIcon icon="mdi-dots-vertical" />
<VMenu activator="parent">
<VList>
<VListItem
v-for="(item, i) in dropdownItems"
variant="plain"
:base-color="item.props.color"
:key="i"
@click="item.props.click"
>
<template #prepend>
<VIcon :icon="item.props.prependIcon"></VIcon>
</template>
<VListItemTitle v-text="item.title"></VListItemTitle>
</VListItem>
</VList>
</VMenu>
</IconBtn>
</div>
</template>
</VCardItem>
@@ -78,13 +123,24 @@ const dropdownItems = ref([
<IconBtn icon="mdi-star" color="white" class="me-1" />
<span class="text-subtitle-2 text-white me-4">{{ props.media?.vote }}</span>
<IconBtn icon="mdi-progress-clock" color="white" class="me-1" v-if="props.media?.total_episode" />
<span class="text-subtitle-2 text-white" v-if="props.media?.season">{{ (props.media?.total_episode || 0) -
(props.media?.lack_episode || 0) }} /
{{ props.media?.total_episode }}</span>
<IconBtn
icon="mdi-progress-clock"
color="white"
class="me-1"
v-if="props.media?.total_episode"
/>
<span class="text-subtitle-2 text-white" v-if="props.media?.season"
>{{ (props.media?.total_episode || 0) - (props.media?.lack_episode || 0) }} /
{{ props.media?.total_episode }}</span
>
</div>
</VCardText>
<VProgressLinear v-if="getPercentage() > 0" :model-value="getPercentage()" bg-color="success" color="success" />
<VProgressLinear
v-if="getPercentage() > 0"
:model-value="getPercentage()"
bg-color="success"
color="success"
/>
</VCard>
</template>