114 lines
3.0 KiB
JavaScript
114 lines
3.0 KiB
JavaScript
import { PageHeader } from "./components/index.js";
|
|
|
|
const ChronikIndexPreview = ({
|
|
widgetFor,
|
|
widgetsFor,
|
|
entry,
|
|
fields,
|
|
collection,
|
|
}) => {
|
|
const imageField = useMemo(
|
|
() => fields.find((field) => field.name === "image"),
|
|
[fields]
|
|
);
|
|
|
|
const imageUrl = useMediaAsset(
|
|
widgetsFor("infocard").data.image,
|
|
collection,
|
|
imageField,
|
|
entry
|
|
);
|
|
return [
|
|
PageHeader(entry),
|
|
h(
|
|
"section",
|
|
{ className: "section-sm" },
|
|
h("div", { className: "container" }, widgetFor("body")),
|
|
widgetsFor("infocard").data.enable
|
|
? h(
|
|
"div",
|
|
{ className: "container" },
|
|
h(
|
|
"div",
|
|
{ className: "card mb-3" },
|
|
h(
|
|
"div",
|
|
{ className: "row g-0" },
|
|
h(
|
|
"div",
|
|
{ className: "col-md-3" },
|
|
h("img", {
|
|
className: "img-fluid rounded w-100",
|
|
src: imageUrl,
|
|
})
|
|
),
|
|
h(
|
|
"div",
|
|
{ className: "col-md-9 d-flex align-items-center" },
|
|
h(
|
|
"div",
|
|
{ className: "card-body" },
|
|
h(
|
|
"p",
|
|
{ className: "h2 card-title" },
|
|
widgetsFor("infocard").data.quote
|
|
),
|
|
h(
|
|
"p",
|
|
{ className: "card-text" },
|
|
h(
|
|
"small",
|
|
{ className: "text-muted" },
|
|
widgetsFor("infocard").data.author
|
|
)
|
|
)
|
|
)
|
|
)
|
|
)
|
|
)
|
|
)
|
|
: null,
|
|
h(
|
|
"div",
|
|
{ className: "container" },
|
|
h("h2", { className: "section-title" }, "Informationsseiten"),
|
|
h(
|
|
"div",
|
|
{ className: "row" },
|
|
widgetsFor("links").map((element) =>
|
|
h(
|
|
"div",
|
|
{ className: "col-lg-4 col-sm-6" },
|
|
h(
|
|
"div",
|
|
{
|
|
className: "card border-primary rounded-0 hover-shadow mb-4",
|
|
},
|
|
h(
|
|
"div",
|
|
{ className: "card-body" },
|
|
h(
|
|
"h4",
|
|
{ className: "card-title text-truncate" },
|
|
h("a", { href: element.data.link }, element.data.title)
|
|
),
|
|
h(
|
|
"a",
|
|
{
|
|
className: "btn btn-primary btn-sm",
|
|
href: element.data.link,
|
|
},
|
|
"Mehr anzeigen"
|
|
)
|
|
)
|
|
)
|
|
)
|
|
)
|
|
)
|
|
)
|
|
),
|
|
];
|
|
};
|
|
|
|
export default ChronikIndexPreview;
|