gcg-website/static/admin/shortcodes/download.js
Denys Konovalov cbbf5abf04
All checks were successful
website-main / prod-build (push) Successful in 7s
website-main / test-build (push) Successful in 4s
fix shortcodes for scmsv4
2024-01-02 21:58:00 +01:00

101 lines
2.6 KiB
JavaScript

import { Card, TextField, Label } from "./components.js";
const DownloadShortcode = {
label: "Download-Karte",
openTag: "{{< ",
closeTag: " >}}",
separator: " ",
toProps: (args) => {
if (args.length > 0) {
var title = "";
var link = "";
const linkIndex = args.findIndex((arg) => arg.startsWith('link="'));
const titleIndex = args.findIndex((arg) => arg.startsWith('title="'));
for (let arg of args.slice(titleIndex, linkIndex)) {
title += " " + arg.replaceAll("title=", "").replaceAll('"', "");
}
for (let arg of args.slice(linkIndex)) {
link += " " + arg.replaceAll("link=", "").replaceAll('"', "");
}
return { title: title.trimStart(), link: link.trim() };
}
return { title: "", link: "" };
},
toArgs: ({ title, link }) => {
return [`title=\"${title}\"`, `link=\"${link}\"`];
},
control: ({ title, link, onChange, controlProps }) => {
const { collection, field } = controlProps;
const handleChange = ({ path }) => {
onChange({ title: title, link: path });
};
const handleOpenMediaLibrary = useMediaInsert(
link,
{ collection, field },
handleChange
);
return Card([
Label("Titel"),
TextField({
value: title,
onChange: (event) => {
onChange({ title: event.target.value.trimStart(), link });
},
}),
Label("Download-Link"),
h(
"span",
{
class: "CMS_WidgetDateTime_inputs"
},
TextField({
value: link,
onChange: (event) => {
onChange({ title, link: event.target.value });
},
}),
h(
"button",
{
type: "button",
onClick: handleOpenMediaLibrary,
className: "CMS_Button_root CMS_Button_outlined-primary",
style: { "margin-left": "0.75rem", "margin-right": "0.75rem" },
},
"wählen"
)
),
]);
},
preview: ({ title, link }) => {
return h(
"div",
{ className: "card border-primary rounded-0 hover-shadow mb-2" },
h(
"div",
{ className: "card-body mb-0" },
h(
"h4",
{ className: "card-title" },
h("a", { className: "text-decoration-none", href: link }, title)
),
h(
"a",
{
className: "mb-0 btn btn-primary btn-sm text-decoration-none",
href: link,
},
h("i", { className: "mdi mdi-tray-arrow-down mb-0 me-2" }),
"Download"
)
)
);
},
};
export default DownloadShortcode;