mirror/wagtail-draftail-snippet
Archived
1
Fork 0
Code Activity

Use tooltip to edit or removing the snippet link

Browse source
This commit is contained in:
Parbhat Puri 2020-01-13 18:21:30 +05:30
parent 417ecd8464
commit 83f21a0fb8
1 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
wagtail_draftail_snippet/static/wagtail_draftail_snippet/js/wagtail_draftail_snippet.js
View file

@ -160,21 +160,26 @@
}
}
const SnippetDecorator = (props) => {
const SnippetLink = props => {
const { entityKey, contentState } = props;
const data = contentState.getEntity(entityKey).getData();
return React.createElement('a', {
role: 'button',
onMouseUp: () => {
window.open(`${data.edit_link}`);
},
}, props.children);
let icon = React.createElement(window.wagtail.components.Icon, {name: 'snippet'});
let label = data.string || '';
return React.createElement(TooltipEntity, {
entityKey: props.entityKey,
children: props.children,
onEdit: props.onEdit,
onRemove: props.onRemove,
icon: icon,
label: label
});
};
window.draftail.registerPlugin({
type: 'SNIPPET',
source: SnippetModalWorkflowSource,
decorator: SnippetDecorator,
decorator: SnippetLink,
});
})();