Static CMS v2.0 (#226)
- [x] Update auf Static CMS v2.0 - [x] aktualisierte Shortcodes (schließt #225) - [x] aktualisierte Previews (schließt #181) - Ordnerunterstützung - [x] vervollständigte Seiten - [x] Aufräumarbeiten Reviewed-on: https://git.cantorgymnasium.de/gcg/gcg-website/pulls/226
This commit is contained in:
113
static/admin/previews/page-previews/chronik-index-preview.js
Normal file
113
static/admin/previews/page-previews/chronik-index-preview.js
Normal file
@ -0,0 +1,113 @@
|
||||
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;
|
Reference in New Issue
Block a user