mirror of
https://github.com/apache/superset.git
synced 2026-04-27 20:14:54 +00:00
4fa1f0ab17
Create Chart component for all chart fetching and rendering, and apply redux architecture in dashboard view.
35 lines
835 B
JavaScript
35 lines
835 B
JavaScript
const srcdoc = require('srcdoc-polyfill');
|
|
|
|
require('./markup.css');
|
|
|
|
function markupWidget(slice, payload) {
|
|
$('#code').attr('rows', '15');
|
|
const jqdiv = slice.container;
|
|
jqdiv.css({
|
|
overflow: 'auto',
|
|
});
|
|
|
|
const iframeId = `if__${slice.containerId}`;
|
|
const html = `
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="${payload.data.theme_css}" />
|
|
</head>
|
|
<body style="background-color: transparent;">
|
|
${payload.data.html}
|
|
</body>
|
|
</html>`;
|
|
jqdiv.html(`
|
|
<iframe id="${iframeId}"
|
|
frameborder="0"
|
|
height="${slice.height() - 20}"
|
|
sandbox="allow-same-origin allow-scripts allow-top-navigation allow-popups">
|
|
</iframe>
|
|
`);
|
|
|
|
const iframe = document.getElementById(iframeId);
|
|
srcdoc.set(iframe, html);
|
|
}
|
|
|
|
module.exports = markupWidget;
|