79 lines
3.8 KiB
JavaScript
79 lines
3.8 KiB
JavaScript
import { PageHeader } from "./components/index.js";
|
|
|
|
const ChronikPreview = ({ widgetFor, widgetsFor, entry, document, window }) => {
|
|
/*return [PageHeader,
|
|
h('section', {className: "section-sm"},
|
|
h('div', {className: "container"},
|
|
h('div', {className: "row"},
|
|
h('div', {className: "col-12 mb-4 content"},
|
|
widgetsFor('topics').map(function(i, index) {
|
|
return h('div', {"id": i.data.id, className: "modal"},
|
|
h('div', {className: "modal-dialog modal-lg", "role": "document"},
|
|
h('div', {className: "modal-content"},
|
|
h('div', {className: "modal-header"},
|
|
h('h5', {className: "modal-title"}, i.data.title),
|
|
h('button', {className: "close", type: "button", "dataDismiss": "modal", "ariaLabel": "Close"},
|
|
h('span', {"ariaHidden": "true"}, '\u{00d7}')
|
|
)
|
|
),
|
|
h('div', {className: "modal-body"},
|
|
h('div', {className: "content"}, i.content)
|
|
)
|
|
)
|
|
)
|
|
);
|
|
}),
|
|
entry.data.pretext != "" && entry.data.pretext != null ? h('div', {"id": "pretext", className: "modal"},
|
|
h('div', {className: "modal-dialog modal-lg", "role": "document"},
|
|
h('div', {className: "modal-content"},
|
|
h('div', {className: "modal-header"},
|
|
h('h5', {className: "modal-title"}, entry.data.title),
|
|
h('button', {className: "close", type: "button", "dataDismiss": "modal", "ariaLabel": "Close"},
|
|
h('span', {"ariaHidden": "true"}, '\u{00d7}')
|
|
)
|
|
),
|
|
h('div', {className: "modal-body"},
|
|
h('div', {className: "content"}, widgetFor('pretext'))
|
|
)
|
|
)
|
|
)
|
|
) : null,
|
|
h('div', {"id": "wc-canvas"}),
|
|
() => {
|
|
var topics = [[entry.data.title, 100, "pretext"]];
|
|
widgetsFor('topics').map(function(i, index) {
|
|
topics.push([i.data.title, 40, i.data.id]);
|
|
});
|
|
var script = document.createElement('script');
|
|
var div = document.getElementById('sc-root');
|
|
div.appendChild(script);
|
|
WordCloud(
|
|
document.getElementById('wc-canvas'),
|
|
{
|
|
click: function (item) {
|
|
if (item[1] != 100 || (item[1] == 100 && item[2] == "pretext")) {
|
|
$('#' + item[2]).modal('show');
|
|
}
|
|
},
|
|
color: function (word, weight) {
|
|
return (weight === 100) ? '#ffbc3b' : '#1a1a37';
|
|
},
|
|
fontFamily: 'Fira Sans, serif',
|
|
fontWeight: 800,
|
|
list: topics,
|
|
shrinkToFit: true,
|
|
gridSize: 25,
|
|
rotateRatio: 0,
|
|
}
|
|
);
|
|
},
|
|
widgetFor('body')
|
|
)
|
|
)
|
|
)
|
|
)
|
|
];*/
|
|
};
|
|
|
|
export default ChronikPreview;
|