Maybe fixed cms issue
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 45s
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 45s
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
backend:
|
backend:
|
||||||
name: gitea
|
name: gitea
|
||||||
repo: bennolor/hugoblog # Path to your Gitea repository
|
repo: bennolor/hugoblog # Path to your Gitea repository
|
||||||
|
branch: master
|
||||||
app_id: 10f0fe83-402c-4beb-b732-386fc394b4b5 # The Client ID provided by Gitea
|
app_id: 10f0fe83-402c-4beb-b732-386fc394b4b5 # The Client ID provided by Gitea
|
||||||
api_root: https://gitea.benno-lorenz.com/api/v1 # API URL of your Gitea instance
|
api_root: https://gitea.benno-lorenz.com/api/v1 # API URL of your Gitea instance
|
||||||
base_url: https://gitea.benno-lorenz.com # Root URL of your Gitea instance
|
base_url: https://gitea.benno-lorenz.com # Root URL of your Gitea instance
|
||||||
|
|||||||
@@ -47,6 +47,60 @@
|
|||||||
value ? React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px" } }) : null,
|
value ? React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px" } }) : null,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
window.CMS.registerWidget(
|
||||||
|
PrefixedImageWidget.name,
|
||||||
|
PrefixedImageWidget.controlComponent,
|
||||||
|
PrefixedImageWidget.previewComponent
|
||||||
|
);
|
||||||
|
})();(function waitForCMSAndReact() {
|
||||||
|
if (!(window.CMS && window.React)) {
|
||||||
|
setTimeout(waitForCMSAndReact, 50);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const React = window.React;
|
||||||
|
|
||||||
|
class PrefixedImageControl extends React.Component {
|
||||||
|
openMediaLibrary = () => {
|
||||||
|
this.props.mediaLibrary.open({
|
||||||
|
allowMultiple: false,
|
||||||
|
config: { allowMultiple: false },
|
||||||
|
controlID: this.props.forID,
|
||||||
|
value: this.props.value,
|
||||||
|
field: this.props.field,
|
||||||
|
onInsert: (files) => {
|
||||||
|
if (!files || files.length === 0) return;
|
||||||
|
const file = files[0];
|
||||||
|
const prefix = "feature-";
|
||||||
|
// If already prefixed, don't double-prefix
|
||||||
|
const fileName = file.name.startsWith(prefix) ? file.name : prefix + file.name;
|
||||||
|
const newFile = new File([file], fileName, { type: file.type });
|
||||||
|
this.props.mediaLibrary.persistMedia(newFile).then((uploaded) => {
|
||||||
|
this.props.onChange(uploaded.public_path || uploaded.url);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
render() {
|
||||||
|
const value = this.props.value || "";
|
||||||
|
return (
|
||||||
|
React.createElement("div", null,
|
||||||
|
React.createElement("button", { type: "button", onClick: this.openMediaLibrary },
|
||||||
|
value ? "Change Image" : "Add Image"
|
||||||
|
),
|
||||||
|
value && React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px", display: "block", marginTop: "1em" } })
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const PrefixedImageWidget = {
|
||||||
|
name: "prefixed-image",
|
||||||
|
controlComponent: PrefixedImageControl,
|
||||||
|
previewComponent: ({ value }) =>
|
||||||
|
value ? React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px" } }) : null,
|
||||||
|
};
|
||||||
|
|
||||||
window.CMS.registerWidget(
|
window.CMS.registerWidget(
|
||||||
PrefixedImageWidget.name,
|
PrefixedImageWidget.name,
|
||||||
PrefixedImageWidget.controlComponent,
|
PrefixedImageWidget.controlComponent,
|
||||||
|
|||||||
Reference in New Issue
Block a user