mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-05 07:44:38 +00:00
remove old stuff
This commit is contained in:
parent
5abb6e8f11
commit
f6b8202877
GPG key ID:
858E8EE696525EED
6 changed files with 0 additions and 470 deletions
|
|
@ -1,52 +0,0 @@
|
||||||
import Link from "next/link";
|
|
||||||
import { Poster } from "../ReleasePoster/Poster";
|
|
||||||
import { Chip } from "../Chip/Chip";
|
|
||||||
// import { ReleaseLink169 } from "./ReleaseLink.16_9FullImage";
|
|
||||||
// import { ReleaseLink169Poster } from "./ReleaseLink.16_9Poster";
|
|
||||||
// import { ReleaseLinkPoster } from "./ReleaseLink.Poster";
|
|
||||||
|
|
||||||
const profile_lists = {
|
|
||||||
// 0: "Не смотрю",
|
|
||||||
1: { name: "Смотрю", bg_color: "bg-green-500" },
|
|
||||||
2: { name: "В планах", bg_color: "bg-purple-500" },
|
|
||||||
3: { name: "Просмотрено", bg_color: "bg-blue-500" },
|
|
||||||
4: { name: "Отложено", bg_color: "bg-yellow-500" },
|
|
||||||
5: { name: "Брошено", bg_color: "bg-red-500" },
|
|
||||||
};
|
|
||||||
|
|
||||||
export const ReleaseLink = (props: {
|
|
||||||
// type?: "16_9" | "poster";
|
|
||||||
image: string;
|
|
||||||
title_ru: string;
|
|
||||||
title_original: string;
|
|
||||||
genres?: string;
|
|
||||||
grade?: number;
|
|
||||||
id: number;
|
|
||||||
settings?: {
|
|
||||||
showGenres?: boolean;
|
|
||||||
};
|
|
||||||
profile_list_status?: number;
|
|
||||||
status?: {
|
|
||||||
name: string;
|
|
||||||
};
|
|
||||||
status_id?: number;
|
|
||||||
}) => {
|
|
||||||
// const type = props.type || "16_9";
|
|
||||||
|
|
||||||
// if (type == "16_9") {
|
|
||||||
// return (
|
|
||||||
// <>
|
|
||||||
// <div>TYPE=16/9</div>
|
|
||||||
|
|
||||||
// {/* <div className="hidden lg:block"><ReleaseLink169 {...props} /></div> */}
|
|
||||||
// {/* <div className="block lg:hidden"><ReleaseLink169Poster {...props} /></div> */}
|
|
||||||
// </>
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// if (props.type == "poster") {
|
|
||||||
return (
|
|
||||||
<>You NEED to fix this. Replace import to `ReleaseLinkUpdate`</>
|
|
||||||
);
|
|
||||||
// return <ReleaseLinkPoster {...props} />;
|
|
||||||
// }
|
|
||||||
};
|
|
||||||
|
|
@ -1,133 +0,0 @@
|
||||||
import Link from "next/link";
|
|
||||||
import { sinceUnixDate } from "#/api/utils";
|
|
||||||
import { Chip } from "#/components/Chip/Chip";
|
|
||||||
import Image from "next/image";
|
|
||||||
|
|
||||||
const profile_lists = {
|
|
||||||
// 0: "Не смотрю",
|
|
||||||
1: { name: "Смотрю", bg_color: "bg-green-500" },
|
|
||||||
2: { name: "В планах", bg_color: "bg-purple-500" },
|
|
||||||
3: { name: "Просмотрено", bg_color: "bg-blue-500" },
|
|
||||||
4: { name: "Отложено", bg_color: "bg-yellow-500" },
|
|
||||||
5: { name: "Брошено", bg_color: "bg-red-500" },
|
|
||||||
};
|
|
||||||
|
|
||||||
export const ReleaseLink169 = (props: any) => {
|
|
||||||
const grade = props.grade ? props.grade.toFixed(1) : null;
|
|
||||||
const profile_list_status = props.profile_list_status;
|
|
||||||
let user_list = null;
|
|
||||||
if (profile_list_status != null || profile_list_status != 0) {
|
|
||||||
user_list = profile_lists[profile_list_status];
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
href={`/release/${props.id}`}
|
|
||||||
className={props.isLinkDisabled ? "pointer-events-none" : ""}
|
|
||||||
aria-disabled={props.isLinkDisabled}
|
|
||||||
tabIndex={props.isLinkDisabled ? -1 : undefined}
|
|
||||||
>
|
|
||||||
<div className="w-full aspect-video group">
|
|
||||||
<div
|
|
||||||
className="relative w-full h-full overflow-hidden bg-center bg-no-repeat bg-cover rounded-sm group-hover:animate-bg_zoom animate-bg_zoom_rev group-hover:[background-size:110%] "
|
|
||||||
style={{
|
|
||||||
backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%)`,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Image
|
|
||||||
src={props.image}
|
|
||||||
fill={true}
|
|
||||||
alt={props.title || ""}
|
|
||||||
className="-z-[1] object-cover"
|
|
||||||
sizes="
|
|
||||||
(max-width: 768px) 300px,
|
|
||||||
(max-width: 1024px) 600px,
|
|
||||||
900px
|
|
||||||
"
|
|
||||||
/>
|
|
||||||
<div className="absolute flex flex-wrap items-start justify-start gap-0.5 sm:gap-1 left-0 top-0 p-1 sm:p-2">
|
|
||||||
{grade ? (
|
|
||||||
<Chip
|
|
||||||
bg_color={
|
|
||||||
grade == 0
|
|
||||||
? "hidden"
|
|
||||||
: grade < 2
|
|
||||||
? "bg-red-500"
|
|
||||||
: grade < 3
|
|
||||||
? "bg-orange-500"
|
|
||||||
: grade < 4
|
|
||||||
? "bg-yellow-500"
|
|
||||||
: "bg-green-500"
|
|
||||||
}
|
|
||||||
name={grade}
|
|
||||||
/>
|
|
||||||
) : (
|
|
||||||
""
|
|
||||||
)}
|
|
||||||
{user_list && (
|
|
||||||
<Chip bg_color={user_list.bg_color} name={user_list.name} />
|
|
||||||
)}
|
|
||||||
{props.status ? (
|
|
||||||
<Chip name={props.status.name} />
|
|
||||||
) : (
|
|
||||||
props.status_id != 0 && (
|
|
||||||
<Chip
|
|
||||||
name={
|
|
||||||
props.status_id == 1
|
|
||||||
? "Завершено"
|
|
||||||
: props.status_id == 2
|
|
||||||
? "Онгоинг"
|
|
||||||
: props.status_id == 3 && "Анонс"
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
)}
|
|
||||||
<Chip
|
|
||||||
name={props.episodes_released && props.episodes_released}
|
|
||||||
name_2={
|
|
||||||
props.episodes_total ? props.episodes_total + " эп." : "? эп."
|
|
||||||
}
|
|
||||||
devider="/"
|
|
||||||
/>
|
|
||||||
{props.last_view_episode && (
|
|
||||||
<Chip
|
|
||||||
name={
|
|
||||||
props.last_view_episode.name
|
|
||||||
? props.last_view_episode.name
|
|
||||||
: `${props.last_view_episode.position + 1} серия`
|
|
||||||
}
|
|
||||||
name_2={
|
|
||||||
"last_view_timestamp" in props &&
|
|
||||||
sinceUnixDate(props.last_view_timestamp)
|
|
||||||
}
|
|
||||||
devider=", "
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
{props.category && <Chip name={props.category.name} />}
|
|
||||||
{props.is_favorite && (
|
|
||||||
<div className="flex items-center justify-center bg-pink-500 rounded-sm">
|
|
||||||
<span className="w-3 px-4 py-2.5 text-white sm:px-4 sm:py-3 xl:px-6 xl:py-4 iconify mdi--heart"></span>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<div className="absolute bottom-0 left-0 p-1 sm:p-2 lg:translate-y-[100%] group-hover:lg:translate-y-0 transition-transform">
|
|
||||||
<div className="transition-transform lg:-translate-y-[calc(100%_+_1rem)] group-hover:lg:translate-y-0">
|
|
||||||
{props.genres && (
|
|
||||||
<p className="text-xs font-light text-white md:text-sm lg:text-base xl:text-lg">
|
|
||||||
{props.genres}
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
<p className="text-sm font-bold text-white md:text-base lg:text-lg xl:text-xl">
|
|
||||||
{props.title_ru}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<p className="text-xs font-light text-white md:text-sm lg:text-base xl:text-lg">
|
|
||||||
{`${props.description.slice(0, 125)}${
|
|
||||||
props.description.length > 125 ? "..." : ""
|
|
||||||
}`}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
@ -1,124 +0,0 @@
|
||||||
import Link from "next/link";
|
|
||||||
import { sinceUnixDate } from "#/api/utils";
|
|
||||||
import { Chip } from "#/components/Chip/Chip";
|
|
||||||
import Image from "next/image";
|
|
||||||
|
|
||||||
const profile_lists = {
|
|
||||||
// 0: "Не смотрю",
|
|
||||||
1: { name: "Смотрю", bg_color: "bg-green-500" },
|
|
||||||
2: { name: "В планах", bg_color: "bg-purple-500" },
|
|
||||||
3: { name: "Просмотрено", bg_color: "bg-blue-500" },
|
|
||||||
4: { name: "Отложено", bg_color: "bg-yellow-500" },
|
|
||||||
5: { name: "Брошено", bg_color: "bg-red-500" },
|
|
||||||
};
|
|
||||||
|
|
||||||
export const ReleaseLink169Poster = (props: any) => {
|
|
||||||
const grade = props.grade ? props.grade.toFixed(1) : null;
|
|
||||||
const profile_list_status = props.profile_list_status;
|
|
||||||
let user_list = null;
|
|
||||||
if (profile_list_status != null || profile_list_status != 0) {
|
|
||||||
user_list = profile_lists[profile_list_status];
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
href={`/release/${props.id}`}
|
|
||||||
className={props.isLinkDisabled ? "pointer-events-none" : ""}
|
|
||||||
aria-disabled={props.isLinkDisabled}
|
|
||||||
tabIndex={props.isLinkDisabled ? -1 : undefined}
|
|
||||||
>
|
|
||||||
<div className="w-full h-auto p-2 bg-gray-100 rounded-lg dark:bg-slate-800">
|
|
||||||
<div className="flex w-full h-full gap-2 overflow-hidden">
|
|
||||||
<div className="flex-shrink-0">
|
|
||||||
<Image
|
|
||||||
src={props.image}
|
|
||||||
height={250}
|
|
||||||
width={250}
|
|
||||||
alt={props.title || ""}
|
|
||||||
className="object-cover aspect-[9/16] h-auto w-24 md:w-32 lg:w-48 rounded-md"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className="flex flex-col flex-1 w-full h-full">
|
|
||||||
<div>
|
|
||||||
{props.genres && (
|
|
||||||
<p className="text-xs font-light text-black dark:text-white md:text-sm lg:text-base xl:text-lg">
|
|
||||||
{props.genres}
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
<p className="text-sm font-bold text-black dark:text-white md:text-base lg:text-lg xl:text-xl">
|
|
||||||
{`${props.title_ru.slice(0, 47)}${
|
|
||||||
props.title_ru.length > 47 ? "..." : ""
|
|
||||||
}`}
|
|
||||||
</p>
|
|
||||||
<p className="text-xs font-light text-black dark:text-white md:text-sm lg:text-base xl:text-lg">
|
|
||||||
{`${props.description.slice(0, 97)}${
|
|
||||||
props.description.length > 97 ? "..." : ""
|
|
||||||
}`}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div className="flex flex-wrap gap-1 mt-1">
|
|
||||||
{grade ? <Chip
|
|
||||||
bg_color={
|
|
||||||
grade == 0
|
|
||||||
? "hidden"
|
|
||||||
: grade < 2
|
|
||||||
? "bg-red-500"
|
|
||||||
: grade < 3
|
|
||||||
? "bg-orange-500"
|
|
||||||
: grade < 4
|
|
||||||
? "bg-yellow-500"
|
|
||||||
: "bg-green-500"
|
|
||||||
}
|
|
||||||
name={grade}
|
|
||||||
/> : ""}
|
|
||||||
{user_list && (
|
|
||||||
<Chip bg_color={user_list.bg_color} name={user_list.name} />
|
|
||||||
)}
|
|
||||||
{props.status ? (
|
|
||||||
<Chip name={props.status.name} />
|
|
||||||
) : (
|
|
||||||
props.status_id != 0 && (
|
|
||||||
<Chip
|
|
||||||
name={
|
|
||||||
props.status_id == 1
|
|
||||||
? "Завершено"
|
|
||||||
: props.status_id == 2
|
|
||||||
? "Онгоинг"
|
|
||||||
: props.status_id == 3 && "Анонс"
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
)}
|
|
||||||
<Chip
|
|
||||||
name={props.episodes_released && props.episodes_released}
|
|
||||||
name_2={
|
|
||||||
props.episodes_total ? props.episodes_total + " эп." : "? эп."
|
|
||||||
}
|
|
||||||
devider="/"
|
|
||||||
/>
|
|
||||||
{props.last_view_episode && (
|
|
||||||
<Chip
|
|
||||||
name={
|
|
||||||
props.last_view_episode.name
|
|
||||||
? props.last_view_episode.name
|
|
||||||
: `${props.last_view_episode.position + 1} серия`
|
|
||||||
}
|
|
||||||
name_2={
|
|
||||||
"last_view_timestamp" in props &&
|
|
||||||
sinceUnixDate(props.last_view_timestamp)
|
|
||||||
}
|
|
||||||
devider=", "
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
{props.category && <Chip name={props.category.name} />}
|
|
||||||
{props.is_favorite && (
|
|
||||||
<div className="flex items-center justify-center bg-pink-500 rounded-sm">
|
|
||||||
<span className="w-3 px-4 py-2.5 text-white sm:px-4 sm:py-3 xl:px-6 xl:py-4 iconify mdi--heart"></span>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
@ -1,84 +0,0 @@
|
||||||
import Link from "next/link";
|
|
||||||
import { Chip } from "#/components/Chip/Chip";
|
|
||||||
|
|
||||||
const profile_lists = {
|
|
||||||
// 0: "Не смотрю",
|
|
||||||
1: { name: "Смотрю", bg_color: "bg-green-500" },
|
|
||||||
2: { name: "В планах", bg_color: "bg-purple-500" },
|
|
||||||
3: { name: "Просмотрено", bg_color: "bg-blue-500" },
|
|
||||||
4: { name: "Отложено", bg_color: "bg-yellow-500" },
|
|
||||||
5: { name: "Брошено", bg_color: "bg-red-500" },
|
|
||||||
};
|
|
||||||
|
|
||||||
export const ReleaseLinkPoster = (props: any) => {
|
|
||||||
const grade = props.grade.toFixed(1);
|
|
||||||
const profile_list_status = props.profile_list_status;
|
|
||||||
let user_list = null;
|
|
||||||
if (profile_list_status != null || profile_list_status != 0) {
|
|
||||||
user_list = profile_lists[profile_list_status];
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
href={`/release/${props.id}`}
|
|
||||||
className={props.isLinkDisabled ? "pointer-events-none" : ""}
|
|
||||||
aria-disabled={props.isLinkDisabled}
|
|
||||||
tabIndex={props.isLinkDisabled ? -1 : undefined}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className="relative w-full h-64 gap-8 p-2 overflow-hidden bg-white bg-center bg-no-repeat bg-cover border border-gray-200 rounded-lg shadow-md lg:min-w-[300px] lg:min-h-[385px] lg:max-w-[300px] lg:max-h-[385px] lg:bg-top dark:border-gray-700 dark:bg-gray-800"
|
|
||||||
style={{
|
|
||||||
backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%), url(${props.image})`,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div className="flex flex-wrap gap-1">
|
|
||||||
<Chip
|
|
||||||
bg_color={
|
|
||||||
props.grade.toFixed(1) == 0
|
|
||||||
? "hidden"
|
|
||||||
: props.grade.toFixed(1) < 2
|
|
||||||
? "bg-red-500"
|
|
||||||
: props.grade.toFixed(1) < 3
|
|
||||||
? "bg-orange-500"
|
|
||||||
: props.grade.toFixed(1) < 4
|
|
||||||
? "bg-yellow-500"
|
|
||||||
: "bg-green-500"
|
|
||||||
}
|
|
||||||
name={props.grade.toFixed(1)}
|
|
||||||
/>
|
|
||||||
{props.status ? (
|
|
||||||
<Chip name={props.status.name} />
|
|
||||||
) : (
|
|
||||||
<Chip
|
|
||||||
name={
|
|
||||||
props.status_id == 1
|
|
||||||
? "Завершено"
|
|
||||||
: props.status_id == 2
|
|
||||||
? "Онгоинг"
|
|
||||||
: "Анонс"
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<Chip
|
|
||||||
name={props.episodes_released && props.episodes_released}
|
|
||||||
name_2={
|
|
||||||
props.episodes_total ? props.episodes_total + " эп." : "? эп."
|
|
||||||
}
|
|
||||||
devider="/"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div className="absolute flex flex-col gap-2 text-white bottom-4 left-2 right-2">
|
|
||||||
{props.title_ru && (
|
|
||||||
<p className="text-xl font-bold text-white md:text-2xl">
|
|
||||||
{props.title_ru}
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
{props.title_original && (
|
|
||||||
<p className="text-sm text-gray-300 md:text-base">
|
|
||||||
{props.title_original}
|
|
||||||
</p>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
import Link from "next/link";
|
|
||||||
import { Poster } from "../ReleasePoster/Poster";
|
|
||||||
import { Chip } from "../Chip/Chip";
|
|
||||||
// import { ReleaseLink169 } from "./ReleaseLink.16_9FullImage";
|
|
||||||
// import { ReleaseLink169Poster } from "./ReleaseLink.16_9Poster";
|
|
||||||
// import { ReleaseLinkPoster } from "./ReleaseLink.Poster";
|
|
||||||
|
|
||||||
const profile_lists = {
|
|
||||||
// 0: "Не смотрю",
|
|
||||||
1: { name: "Смотрю", bg_color: "bg-green-500" },
|
|
||||||
2: { name: "В планах", bg_color: "bg-purple-500" },
|
|
||||||
3: { name: "Просмотрено", bg_color: "bg-blue-500" },
|
|
||||||
4: { name: "Отложено", bg_color: "bg-yellow-500" },
|
|
||||||
5: { name: "Брошено", bg_color: "bg-red-500" },
|
|
||||||
};
|
|
||||||
|
|
||||||
export const ReleaseLink = (props: {
|
|
||||||
// type?: "16_9" | "poster";
|
|
||||||
image: string;
|
|
||||||
title_ru: string;
|
|
||||||
title_original: string;
|
|
||||||
genres?: string;
|
|
||||||
grade?: number;
|
|
||||||
id: number;
|
|
||||||
settings?: {
|
|
||||||
showGenres?: boolean;
|
|
||||||
};
|
|
||||||
profile_list_status?: number;
|
|
||||||
status?: {
|
|
||||||
name: string;
|
|
||||||
};
|
|
||||||
status_id?: number;
|
|
||||||
}) => {
|
|
||||||
// const type = props.type || "16_9";
|
|
||||||
|
|
||||||
// if (type == "16_9") {
|
|
||||||
// return (
|
|
||||||
// <>
|
|
||||||
// <div>TYPE=16/9</div>
|
|
||||||
|
|
||||||
// {/* <div className="hidden lg:block"><ReleaseLink169 {...props} /></div> */}
|
|
||||||
// {/* <div className="block lg:hidden"><ReleaseLink169Poster {...props} /></div> */}
|
|
||||||
// </>
|
|
||||||
// );
|
|
||||||
// }
|
|
||||||
// if (props.type == "poster") {
|
|
||||||
return (
|
|
||||||
<>You NEED to fix this. Replace import to `ReleaseLinkUpdate`</>
|
|
||||||
);
|
|
||||||
// return <ReleaseLinkPoster {...props} />;
|
|
||||||
// }
|
|
||||||
};
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
import Link from "next/link";
|
|
||||||
import { PosterWithStuff } from "../ReleasePoster/PosterWithStuff";
|
|
||||||
|
|
||||||
export const ReleaseLink = (props: {
|
|
||||||
image: string;
|
|
||||||
title_ru: string;
|
|
||||||
title_original: string;
|
|
||||||
genres?: string;
|
|
||||||
grade?: number;
|
|
||||||
id: number;
|
|
||||||
settings?: {
|
|
||||||
showGenres?: boolean;
|
|
||||||
};
|
|
||||||
profile_list_status?: number;
|
|
||||||
status?: {
|
|
||||||
name: string;
|
|
||||||
};
|
|
||||||
status_id?: number;
|
|
||||||
}) => {
|
|
||||||
return (
|
|
||||||
<Link href={`/release/${props.id}`}>
|
|
||||||
<PosterWithStuff {...props} />
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
Loading…
Add table
Reference in a new issue