gcg-website/static/admin/previews/page-previews/projektwoche-preview.js

61 lines
1.6 KiB
JavaScript
Raw Normal View History

import {
Container,
ContentJustify,
PageHeader,
Row,
} from "./components/index.js";
const ProjektwochePreview = ({ widgetsFor, widgetFor, entry }) => {
2023-05-29 16:22:34 +02:00
return [
PageHeader(entry),
h(
"section",
{ className: "section superhaufen" },
Container(ContentJustify(widgetFor("body"))),
2023-05-29 16:22:34 +02:00
Container(
Row([
widgetsFor("tiles").map((tile) =>
h(
"div",
{ className: "col-lg-4 col-sm-6" },
h(
"div",
{
className: "card border-primary rounded-0 hover-shadow mb-4",
},
h(
"div",
{
className: "container fb-tile-color",
style: { backgroundColor: tile.data.bg_color },
},
h("i", {
className: (tile.data.icon ?? "") + " fb-tile-icon",
style: { color: tile.data.font_color },
})
),
h(
"div",
{ className: "card-body" },
h(
"h4",
{ className: "card-title text-truncate" },
tile.data.title
),
h(
"button",
{ type: "button", className: "btn btn-primary btn-sm" },
"Mehr anzeigen"
)
)
)
)
),
])
)
),
2023-05-29 16:22:34 +02:00
];
};
export default ProjektwochePreview;