926 lines
32 KiB
TypeScript
926 lines
32 KiB
TypeScript
import ContentPanel, {
|
||
ContentPanelWidthSizes,
|
||
} from "components/Panels/ContentPanel";
|
||
import { GetStaticPaths, GetStaticProps } from "next";
|
||
import {
|
||
getLibraryItem,
|
||
getLibraryItemsSlugs,
|
||
getWebsiteInterface,
|
||
} from "graphql/operations";
|
||
import {
|
||
Enum_Componentmetadatabooks_Binding_Type,
|
||
Enum_Componentmetadatabooks_Page_Order,
|
||
GetLibraryItemQuery,
|
||
GetWebsiteInterfaceQuery,
|
||
} from "graphql/operations-types";
|
||
import {
|
||
convertMmToInch,
|
||
prettyDate,
|
||
prettyinlineTitle,
|
||
prettyItemType,
|
||
prettyItemSubType,
|
||
prettyPrice,
|
||
prettySlug,
|
||
prettyTestError,
|
||
prettyTestWarning,
|
||
sortContent,
|
||
} from "queries/helpers";
|
||
import SubPanel from "components/Panels/SubPanel";
|
||
import ReturnButton from "components/PanelComponents/ReturnButton";
|
||
import NavOption from "components/PanelComponents/NavOption";
|
||
import Chip from "components/Chip";
|
||
import Button from "components/Button";
|
||
import HorizontalLine from "components/HorizontalLine";
|
||
import AppLayout from "components/AppLayout";
|
||
import LibraryItemsPreview from "components/Library/LibraryItemsPreview";
|
||
import InsetBox from "components/InsetBox";
|
||
import Img, { ImageQuality } from "components/Img";
|
||
import { useAppLayout } from "contexts/AppLayoutContext";
|
||
import { useRouter } from "next/router";
|
||
|
||
interface LibrarySlugProps {
|
||
libraryItem: GetLibraryItemQuery;
|
||
langui: GetWebsiteInterfaceQuery;
|
||
}
|
||
|
||
export default function LibrarySlug(props: LibrarySlugProps): JSX.Element {
|
||
useTesting(props);
|
||
const item = props.libraryItem.libraryItems.data[0].attributes;
|
||
const langui = props.langui.websiteInterfaces.data[0].attributes;
|
||
const appLayout = useAppLayout();
|
||
|
||
const isVariantSet =
|
||
item.metadata.length > 0 &&
|
||
item.metadata[0].__typename === "ComponentMetadataOther" &&
|
||
item.metadata[0].subtype.data.attributes.slug === "variant-set";
|
||
|
||
sortContent(item.contents);
|
||
|
||
const subPanel = (
|
||
<SubPanel>
|
||
<ReturnButton
|
||
href="/library/"
|
||
title={langui.main_library}
|
||
langui={langui}
|
||
/>
|
||
<HorizontalLine />
|
||
|
||
<div className="grid gap-4">
|
||
<NavOption
|
||
title={langui.library_item_summary}
|
||
url="#summary"
|
||
border
|
||
onClick={() => appLayout.setSubPanelOpen(false)}
|
||
/>
|
||
|
||
{item.gallery.data.length > 0 ? (
|
||
<NavOption
|
||
title={langui.library_item_gallery}
|
||
url="#gallery"
|
||
border
|
||
onClick={() => appLayout.setSubPanelOpen(false)}
|
||
/>
|
||
) : (
|
||
""
|
||
)}
|
||
|
||
<NavOption
|
||
title={langui.library_item_details}
|
||
url="#details"
|
||
border
|
||
onClick={() => appLayout.setSubPanelOpen(false)}
|
||
/>
|
||
|
||
{item.subitems.data.length > 0 ? (
|
||
<NavOption
|
||
title={
|
||
isVariantSet
|
||
? langui.library_item_variants
|
||
: langui.library_item_subitems
|
||
}
|
||
url={isVariantSet ? "#variants" : "#subitems"}
|
||
border
|
||
onClick={() => appLayout.setSubPanelOpen(false)}
|
||
/>
|
||
) : (
|
||
""
|
||
)}
|
||
|
||
{item.contents.data.length > 0 ? (
|
||
<NavOption
|
||
title={langui.library_item_content}
|
||
url="#content"
|
||
border
|
||
/>
|
||
) : (
|
||
""
|
||
)}
|
||
</div>
|
||
</SubPanel>
|
||
);
|
||
|
||
const contentPanel = (
|
||
<ContentPanel width={ContentPanelWidthSizes.large}>
|
||
<div className="grid place-items-center gap-12">
|
||
<div className="drop-shadow-shade-xl w-full h-[50vh] mobile:h-[80vh] mb-16 relative cursor-pointer">
|
||
{item.thumbnail.data ? (
|
||
<Img
|
||
image={item.thumbnail.data.attributes}
|
||
quality={ImageQuality.Medium}
|
||
layout="fill"
|
||
objectFit="contain"
|
||
priority
|
||
/>
|
||
) : (
|
||
<div className="w-full aspect-[21/29.7] bg-light rounded-xl"></div>
|
||
)}
|
||
</div>
|
||
|
||
<InsetBox id="summary" className="grid place-items-center">
|
||
<div className="w-[clamp(0px,100%,42rem)] grid place-items-center gap-8">
|
||
{item.subitem_of.data.length > 0 ? (
|
||
<div className="grid place-items-center">
|
||
<p>{langui.global_subitem_of}</p>
|
||
<Button
|
||
href={`/library/${item.subitem_of.data[0].attributes.slug}`}
|
||
>
|
||
{prettyinlineTitle(
|
||
"",
|
||
item.subitem_of.data[0].attributes.title,
|
||
item.subitem_of.data[0].attributes.subtitle
|
||
)}
|
||
</Button>
|
||
</div>
|
||
) : (
|
||
""
|
||
)}
|
||
<div className="grid place-items-center">
|
||
<h1 className="text-3xl">{item.title}</h1>
|
||
{item.subtitle ? (
|
||
<h2 className="text-2xl">{item.subtitle}</h2>
|
||
) : (
|
||
""
|
||
)}
|
||
</div>
|
||
{item.descriptions.length > 0 ? (
|
||
<p className="text-justify">{item.descriptions[0].description}</p>
|
||
) : (
|
||
""
|
||
)}
|
||
</div>
|
||
</InsetBox>
|
||
|
||
{item.gallery.data.length > 0 ? (
|
||
<div id="gallery" className="grid place-items-center gap-8 w-full">
|
||
<h2 className="text-2xl">{langui.library_item_gallery}</h2>
|
||
<div className="grid w-full gap-8 items-end grid-cols-[repeat(auto-fill,_minmax(15rem,1fr))]">
|
||
{item.gallery.data.map((galleryItem) => (
|
||
<div
|
||
key={galleryItem.id}
|
||
className="relative aspect-square hover:scale-[1.02] transition-transform cursor-pointer"
|
||
>
|
||
<div className="bg-light absolute inset-0 rounded-lg drop-shadow-shade-md"></div>
|
||
<Img
|
||
className="rounded-lg"
|
||
image={galleryItem.attributes}
|
||
layout="fill"
|
||
objectFit="cover"
|
||
/>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
) : (
|
||
""
|
||
)}
|
||
|
||
<InsetBox id="details" className="grid place-items-center">
|
||
<div className="w-[clamp(0px,100%,42rem)] grid place-items gap-8">
|
||
<h2 className="text-2xl text-center">
|
||
{langui.library_item_details}
|
||
</h2>
|
||
<div className="grid grid-flow-col w-full place-content-between">
|
||
{item.metadata.length > 0 ? (
|
||
<div className="grid place-items-center">
|
||
<h3 className="text-xl">{langui.global_type}</h3>
|
||
<div className="grid grid-flow-col gap-1">
|
||
<Chip>{prettyItemType(item.metadata[0], langui)}</Chip>
|
||
{"›"}
|
||
<Chip>{prettyItemSubType(item.metadata[0])}</Chip>
|
||
</div>
|
||
</div>
|
||
) : (
|
||
""
|
||
)}
|
||
|
||
{item.release_date ? (
|
||
<div className="grid place-items-center">
|
||
<h3 className="text-xl">{langui.global_release_date}</h3>
|
||
<p>{prettyDate(item.release_date)}</p>
|
||
</div>
|
||
) : (
|
||
""
|
||
)}
|
||
|
||
{item.price ? (
|
||
<div className="grid place-items-center">
|
||
<h3 className="text-xl">{langui.global_price}</h3>
|
||
<p>{prettyPrice(item.price)}</p>
|
||
</div>
|
||
) : (
|
||
""
|
||
)}
|
||
</div>
|
||
{item.size ? (
|
||
<>
|
||
<h3 className="text-xl">{langui.library_item_physical_size}</h3>
|
||
<div className="grid grid-flow-col w-full place-content-between">
|
||
<div className="flex flex-row flex-wrap place-items-start gap-4">
|
||
<p className="font-bold">{langui.global_width}:</p>
|
||
<div>
|
||
<p>{item.size.width} mm</p>
|
||
<p>{convertMmToInch(item.size.width)} in</p>
|
||
</div>
|
||
</div>
|
||
<div className="flex flex-row flex-wrap place-items-start gap-4">
|
||
<p className="font-bold">{langui.global_height}:</p>
|
||
<div>
|
||
<p>{item.size.height} mm</p>
|
||
<p>{convertMmToInch(item.size.height)} in</p>
|
||
</div>
|
||
</div>
|
||
{item.size.thickness ? (
|
||
<div className="flex flex-row flex-wrap place-items-start gap-4">
|
||
<p className="font-bold">{langui.global_thickness}:</p>
|
||
<div>
|
||
<p>{item.size.thickness} mm</p>
|
||
<p>{convertMmToInch(item.size.thickness)} in</p>
|
||
</div>
|
||
</div>
|
||
) : (
|
||
""
|
||
)}
|
||
</div>
|
||
</>
|
||
) : (
|
||
""
|
||
)}
|
||
|
||
{item.metadata.length > 0 ? (
|
||
<>
|
||
<h3 className="text-xl">
|
||
{langui.library_item_type_information}
|
||
</h3>
|
||
<div className="grid grid-cols-2 w-full place-content-between">
|
||
{item.metadata[0].__typename === "ComponentMetadataBooks" ? (
|
||
<>
|
||
<div className="flex flex-row place-content-start gap-4">
|
||
<p className="font-bold">{langui.global_pages}:</p>
|
||
<p>{item.metadata[0].page_count}</p>
|
||
</div>
|
||
|
||
<div className="flex flex-row place-content-start gap-4">
|
||
<p className="font-bold">{langui.global_binding}:</p>
|
||
<p>
|
||
{item.metadata[0].binding_type ===
|
||
Enum_Componentmetadatabooks_Binding_Type.Paperback
|
||
? langui.global_paperback
|
||
: item.metadata[0].binding_type ===
|
||
Enum_Componentmetadatabooks_Binding_Type.Hardcover
|
||
? langui.global_hardcover
|
||
: ""}
|
||
</p>
|
||
</div>
|
||
|
||
<div className="flex flex-row place-content-start gap-4">
|
||
<p className="font-bold">{langui.global_page_order}:</p>
|
||
<p>
|
||
{item.metadata[0].page_order ===
|
||
Enum_Componentmetadatabooks_Page_Order.LeftToRight
|
||
? langui.global_left_to_right
|
||
: item.metadata[0].page_order ===
|
||
Enum_Componentmetadatabooks_Page_Order.RightToLeft
|
||
? langui.global_right_to_left
|
||
: ""}
|
||
</p>
|
||
</div>
|
||
|
||
<div className="flex flex-row place-content-start gap-4">
|
||
<p className="font-bold">{langui.global_languages}:</p>
|
||
{item.metadata[0].languages.data.map((lang) => (
|
||
<p key={lang.attributes.code}>
|
||
{lang.attributes.name}
|
||
</p>
|
||
))}
|
||
</div>
|
||
</>
|
||
) : item.metadata[0].__typename ===
|
||
"ComponentMetadataAudio" ? (
|
||
<></>
|
||
) : item.metadata[0].__typename ===
|
||
"ComponentMetadataVideo" ? (
|
||
<></>
|
||
) : item.metadata[0].__typename ===
|
||
"ComponentMetadataGame" ? (
|
||
<></>
|
||
) : item.metadata[0].__typename ===
|
||
"ComponentMetadataOther" ? (
|
||
<>
|
||
<div className="flex flex-row place-content-start gap-4">
|
||
<p className="font-bold">{langui.global_type}:</p>
|
||
<Chip>
|
||
{item.metadata[0].subtype.data.attributes.titles
|
||
.length > 0
|
||
? item.metadata[0].subtype.data.attributes.titles[0]
|
||
.title
|
||
: prettySlug(
|
||
item.metadata[0].subtype.data.attributes.slug
|
||
)}
|
||
</Chip>
|
||
</div>
|
||
</>
|
||
) : (
|
||
""
|
||
)}
|
||
</div>
|
||
</>
|
||
) : (
|
||
""
|
||
)}
|
||
</div>
|
||
</InsetBox>
|
||
|
||
{item.subitems.data.length > 0 ? (
|
||
<div
|
||
id={isVariantSet ? "variants" : "subitems"}
|
||
className="grid place-items-center gap-8 w-full"
|
||
>
|
||
<h2 className="text-2xl">
|
||
{isVariantSet
|
||
? langui.library_item_variants
|
||
: langui.library_item_subitems}
|
||
</h2>
|
||
<div className="grid gap-8 items-end mobile:grid-cols-2 grid-cols-[repeat(auto-fill,minmax(15rem,1fr))] w-full">
|
||
{item.subitems.data.map((subitem) => (
|
||
<LibraryItemsPreview
|
||
key={subitem.id}
|
||
item={subitem.attributes}
|
||
/>
|
||
))}
|
||
</div>
|
||
</div>
|
||
) : (
|
||
""
|
||
)}
|
||
|
||
{item.contents.data.length > 0 ? (
|
||
<div id="content" className="w-full grid place-items-center gap-8">
|
||
<h2 className="text-2xl">{langui.library_item_content}</h2>
|
||
<div className="grid gap-4 w-full">
|
||
{item.contents.data.map((content) => (
|
||
<div
|
||
id={content.attributes.slug}
|
||
key={content.id}
|
||
className="grid gap-2 px-4 rounded-lg target:bg-mid target:shadow-inner-sm target:shadow-shade target:h-auto target:py-3 target:my-2 target:[--displaySubContentMenu:grid] [--displaySubContentMenu:none]"
|
||
>
|
||
<div className="grid gap-4 place-items-center grid-cols-[auto_auto_1fr_auto_12ch] thin:grid-cols-[auto_auto_1fr_auto]">
|
||
<a href={`#${content.attributes.slug}`}>
|
||
<h3>
|
||
{content.attributes.content.data &&
|
||
content.attributes.content.data.attributes.titles
|
||
.length > 0
|
||
? prettyinlineTitle(
|
||
content.attributes.content.data.attributes
|
||
.titles[0].pre_title,
|
||
content.attributes.content.data.attributes
|
||
.titles[0].title,
|
||
content.attributes.content.data.attributes
|
||
.titles[0].subtitle
|
||
)
|
||
: prettySlug(content.attributes.slug, item.slug)}
|
||
</h3>
|
||
</a>
|
||
<div className="flex flex-row flex-wrap gap-1">
|
||
{content.attributes.content.data?.attributes.categories.data.map(
|
||
(category) => (
|
||
<Chip key={category.id}>
|
||
{category.attributes.short}
|
||
</Chip>
|
||
)
|
||
)}
|
||
</div>
|
||
<p className="border-b-2 h-4 w-full border-black border-dotted opacity-30"></p>
|
||
<p>
|
||
{content.attributes.range[0].__typename ===
|
||
"ComponentRangePageRange"
|
||
? content.attributes.range[0].starting_page
|
||
: ""}
|
||
</p>
|
||
{content.attributes.content.data ? (
|
||
<Chip className="justify-self-end thin:hidden">
|
||
{content.attributes.content.data.attributes.type.data
|
||
.attributes.titles.length > 0
|
||
? content.attributes.content.data.attributes.type.data
|
||
.attributes.titles[0].title
|
||
: prettySlug(
|
||
content.attributes.content.data.attributes.type
|
||
.data.attributes.slug
|
||
)}
|
||
</Chip>
|
||
) : (
|
||
""
|
||
)}
|
||
</div>
|
||
<div className="grid-flow-col place-content-start place-items-center gap-2 [display:var(--displaySubContentMenu)]">
|
||
<span className="material-icons text-dark">
|
||
subdirectory_arrow_right
|
||
</span>
|
||
|
||
{content.attributes.scan_set.length > 0 ? (
|
||
<Button
|
||
href={`/contents/${content.attributes.content.data.attributes.slug}/scans/`}
|
||
>
|
||
{langui.library_item_view_scans}
|
||
</Button>
|
||
) : (
|
||
""
|
||
)}
|
||
|
||
{content.attributes.content.data ? (
|
||
<Button
|
||
href={`/contents/${content.attributes.content.data.attributes.slug}`}
|
||
>
|
||
{langui.library_item_open_content}
|
||
</Button>
|
||
) : (
|
||
""
|
||
)}
|
||
|
||
{content.attributes.scan_set.length === 0 &&
|
||
!content.attributes.content.data
|
||
? "The content is not available"
|
||
: ""}
|
||
</div>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
) : (
|
||
""
|
||
)}
|
||
</div>
|
||
</ContentPanel>
|
||
);
|
||
|
||
return (
|
||
<AppLayout
|
||
navTitle={langui.main_library}
|
||
title={prettyinlineTitle("", item.title, item.subtitle)}
|
||
langui={langui}
|
||
contentPanel={contentPanel}
|
||
subPanel={subPanel}
|
||
thumbnail={item.thumbnail.data?.attributes}
|
||
description={
|
||
item.descriptions.length > 0
|
||
? item.descriptions[0].description
|
||
: undefined
|
||
}
|
||
/>
|
||
);
|
||
}
|
||
|
||
export const getStaticProps: GetStaticProps = async (context) => {
|
||
if (context.params) {
|
||
if (context.params.slug && context.locale) {
|
||
if (context.params.slug instanceof Array)
|
||
context.params.slug = context.params.slug.join("");
|
||
|
||
const props: LibrarySlugProps = {
|
||
libraryItem: await getLibraryItem({
|
||
slug: context.params.slug,
|
||
language_code: context.locale,
|
||
}),
|
||
langui: await getWebsiteInterface({
|
||
language_code: context.locale,
|
||
}),
|
||
};
|
||
return {
|
||
props: props,
|
||
};
|
||
}
|
||
}
|
||
return { props: {} };
|
||
};
|
||
|
||
export const getStaticPaths: GetStaticPaths = async (context) => {
|
||
type Path = {
|
||
params: {
|
||
slug: string;
|
||
};
|
||
locale: string;
|
||
};
|
||
|
||
const data = await getLibraryItemsSlugs({});
|
||
const paths: Path[] = [];
|
||
data.libraryItems.data.map((item) => {
|
||
context.locales?.map((local) => {
|
||
paths.push({ params: { slug: item.attributes.slug }, locale: local });
|
||
});
|
||
});
|
||
return {
|
||
paths,
|
||
fallback: false,
|
||
};
|
||
};
|
||
|
||
function useTesting(props: LibrarySlugProps) {
|
||
const libraryItem = props.libraryItem.libraryItems.data[0].attributes;
|
||
const router = useRouter();
|
||
|
||
const libraryItemURL =
|
||
"/admin/content-manager/collectionType/api::library-item.library-item/" +
|
||
props.libraryItem.libraryItems.data[0].id;
|
||
|
||
sortContent(libraryItem.contents);
|
||
|
||
if (router.locale === "en") {
|
||
if (!libraryItem.thumbnail.data) {
|
||
prettyTestError(
|
||
router,
|
||
"Missing thumbnail",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (libraryItem.metadata.length === 0) {
|
||
prettyTestError(
|
||
router,
|
||
"Missing metadata",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
} else {
|
||
if (
|
||
libraryItem.metadata[0].__typename === "ComponentMetadataOther" &&
|
||
(libraryItem.metadata[0].subtype.data.attributes.slug ===
|
||
"relation-set" ||
|
||
libraryItem.metadata[0].subtype.data.attributes.slug ===
|
||
"variant-set")
|
||
) {
|
||
// This is a group type item
|
||
if (libraryItem.price) {
|
||
prettyTestError(
|
||
router,
|
||
"Group-type items shouldn't have price",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (libraryItem.size) {
|
||
prettyTestError(
|
||
router,
|
||
"Group-type items shouldn't have size",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (libraryItem.release_date) {
|
||
prettyTestError(
|
||
router,
|
||
"Group-type items shouldn't have release_date",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (libraryItem.contents.data.length > 0) {
|
||
prettyTestError(
|
||
router,
|
||
"Group-type items shouldn't have contents",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (libraryItem.subitems.data.length === 0) {
|
||
prettyTestError(
|
||
router,
|
||
"Group-type items should have subitems",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
} else {
|
||
// This is a normal item
|
||
|
||
if (libraryItem.metadata[0].__typename === "ComponentMetadataOther") {
|
||
if (
|
||
libraryItem.metadata[0].subtype.data.attributes.slug ===
|
||
"audio-case"
|
||
) {
|
||
let hasAudioSubItem = false;
|
||
libraryItem.subitems.data.map((subitem) => {
|
||
if (
|
||
subitem.attributes.metadata.length > 0 &&
|
||
subitem.attributes.metadata[0].__typename ===
|
||
"ComponentMetadataAudio"
|
||
)
|
||
hasAudioSubItem = true;
|
||
});
|
||
if (!hasAudioSubItem) {
|
||
prettyTestError(
|
||
router,
|
||
"Audio-case item doesn't have an audio-typed subitem",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
} else if (
|
||
libraryItem.metadata[0].subtype.data.attributes.slug === "game-case"
|
||
) {
|
||
let hasGameSubItem = false;
|
||
libraryItem.subitems.data.map((subitem) => {
|
||
if (
|
||
subitem.attributes.metadata.length > 0 &&
|
||
subitem.attributes.metadata[0].__typename ===
|
||
"ComponentMetadataGame"
|
||
)
|
||
hasGameSubItem = true;
|
||
});
|
||
if (!hasGameSubItem) {
|
||
prettyTestError(
|
||
router,
|
||
"Game-case item doesn't have an Game-typed subitem",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
} else if (
|
||
libraryItem.metadata[0].subtype.data.attributes.slug ===
|
||
"video-case"
|
||
) {
|
||
let hasVideoSubItem = false;
|
||
libraryItem.subitems.data.map((subitem) => {
|
||
if (
|
||
subitem.attributes.metadata.length > 0 &&
|
||
subitem.attributes.metadata[0].__typename ===
|
||
"ComponentMetadataVideo"
|
||
)
|
||
hasVideoSubItem = true;
|
||
});
|
||
if (!hasVideoSubItem) {
|
||
prettyTestError(
|
||
router,
|
||
"Video-case item doesn't have an Video-typed subitem",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
} else if (
|
||
libraryItem.metadata[0].subtype.data.attributes.slug === "item-set"
|
||
) {
|
||
if (libraryItem.subitems.data.length === 0) {
|
||
prettyTestError(
|
||
router,
|
||
"Item-set item should have subitems",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
}
|
||
}
|
||
|
||
if (!libraryItem.price) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing price",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
} else {
|
||
if (!libraryItem.price.amount) {
|
||
prettyTestError(
|
||
router,
|
||
"Missing amount",
|
||
["libraryItem", "price"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (!libraryItem.price.currency) {
|
||
prettyTestError(
|
||
router,
|
||
"Missing currency",
|
||
["libraryItem", "price"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
}
|
||
|
||
if (!libraryItem.digital) {
|
||
if (!libraryItem.size) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing size",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
} else {
|
||
if (!libraryItem.size.width) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing width",
|
||
["libraryItem", "size"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (!libraryItem.size.height) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing height",
|
||
["libraryItem", "size"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (!libraryItem.size.thickness) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing thickness",
|
||
["libraryItem", "size"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
}
|
||
}
|
||
|
||
if (!libraryItem.release_date) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing release_date",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
} else {
|
||
if (!libraryItem.release_date.year) {
|
||
prettyTestError(
|
||
router,
|
||
"Missing year",
|
||
["libraryItem", "release_date"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (!libraryItem.release_date.month) {
|
||
prettyTestError(
|
||
router,
|
||
"Missing month",
|
||
["libraryItem", "release_date"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
if (!libraryItem.release_date.day) {
|
||
prettyTestError(
|
||
router,
|
||
"Missing day",
|
||
["libraryItem", "release_date"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
}
|
||
|
||
if (libraryItem.contents.data.length === 0) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing contents",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
} else {
|
||
let currentRangePage = 0;
|
||
libraryItem.contents.data.map((content) => {
|
||
const contentURL =
|
||
"/admin/content-manager/collectionType/api::content.content/" +
|
||
content.id;
|
||
|
||
if (content.attributes.scan_set.length === 0) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing scan_set",
|
||
["libraryItem", "content", content.id],
|
||
contentURL
|
||
);
|
||
}
|
||
if (content.attributes.range.length === 0) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing range",
|
||
["libraryItem", "content", content.id],
|
||
contentURL
|
||
);
|
||
} else if (
|
||
content.attributes.range[0].__typename ===
|
||
"ComponentRangePageRange"
|
||
) {
|
||
if (
|
||
content.attributes.range[0].starting_page <
|
||
currentRangePage + 1
|
||
) {
|
||
prettyTestError(
|
||
router,
|
||
`Overlapping pages ${content.attributes.range[0].starting_page} to ${currentRangePage}`,
|
||
["libraryItem", "content", content.id, "range"],
|
||
libraryItemURL
|
||
);
|
||
} else if (
|
||
content.attributes.range[0].starting_page >
|
||
currentRangePage + 1
|
||
) {
|
||
prettyTestError(
|
||
router,
|
||
`Missing pages ${currentRangePage + 1} to ${
|
||
content.attributes.range[0].starting_page - 1
|
||
}`,
|
||
["libraryItem", "content", content.id, "range"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
|
||
if (!content.attributes.content.data) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing content",
|
||
["libraryItem", "content", content.id, "range"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
|
||
currentRangePage = content.attributes.range[0].ending_page;
|
||
}
|
||
});
|
||
|
||
if (libraryItem.metadata[0].__typename === "ComponentMetadataBooks") {
|
||
if (currentRangePage < libraryItem.metadata[0].page_count) {
|
||
prettyTestError(
|
||
router,
|
||
`Missing pages ${currentRangePage + 1} to ${
|
||
libraryItem.metadata[0].page_count
|
||
}`,
|
||
["libraryItem", "content"],
|
||
libraryItemURL
|
||
);
|
||
} else if (currentRangePage > libraryItem.metadata[0].page_count) {
|
||
prettyTestError(
|
||
router,
|
||
`Page overflow, content references pages up to ${currentRangePage} when the highest expected was ${libraryItem.metadata[0].page_count}`,
|
||
["libraryItem", "content"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
|
||
if (libraryItem.metadata[0].languages.data.length === 0) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing language",
|
||
["libraryItem", "metadata"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
|
||
if (!libraryItem.metadata[0].page_count) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing page_count",
|
||
["libraryItem", "metadata"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
if (!libraryItem.root_item && libraryItem.subitem_of.data.length === 0) {
|
||
prettyTestError(
|
||
router,
|
||
"This item is inaccessible (not root item and not subitem of another item)",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
|
||
if (libraryItem.gallery.data.length === 0) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing gallery",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
}
|
||
|
||
if (libraryItem.descriptions.length === 0) {
|
||
prettyTestWarning(
|
||
router,
|
||
"Missing description",
|
||
["libraryItem"],
|
||
libraryItemURL
|
||
);
|
||
}
|
||
}
|