CMS refactor
This commit is contained in:
@ -1,113 +1,113 @@
|
||||
import { PageHeader } from "./components/index.js";
|
||||
|
||||
const ChronikIndexPreview = ({
|
||||
widgetFor,
|
||||
widgetsFor,
|
||||
entry,
|
||||
fields,
|
||||
collection,
|
||||
widgetFor,
|
||||
widgetsFor,
|
||||
entry,
|
||||
fields,
|
||||
collection,
|
||||
}) => {
|
||||
const imageField = useMemo(
|
||||
() => fields.find((field) => field.name === "image"),
|
||||
[fields]
|
||||
);
|
||||
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"
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
),
|
||||
];
|
||||
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;
|
||||
|
Reference in New Issue
Block a user