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

import { Container, PageHeader, Row, Section } from "./components/index.js";

const ProjektwochePreview = ({ widgetsFor, widgetFor, entry }) => {
  return [
    PageHeader(entry),
    Section([
      Container(
        Row(h("div", { className: "col-12 mb-4 content" }, widgetFor("body")))
      ),
      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"
                  )
                )
              )
            )
          ),
        ])
      ),
    ]),
  ];
};

export default ProjektwochePreview;