Hello,
I am developing a plugin that will allow to embed any code snippet on a card or a board.
I am rendering the code using:
'card-back-section': function(t, options){
return {
title: 'Embedded code',
icon: GRAY_ICON, // Must be a gray icon, colored icons not allowed.
content: {
type: 'iframe',
url: t.signUrl('./section.html'),
height: 230, // Max height is 1500.
}
};
}
sections.html
<script>
var t = window.TrelloPowerUp.iframe();
t.render(function() {t.get('card', 'shared', 'embed')
.then(function (data) {
if (data) {
$('body').html(data);
} else {
$('body').html('');
}
})});
</script>
Where the section frame will get the code to display from the pluginData (t.get(…)).
I have a card button that displays a popup through which it is possible to update the code snippet.
When the snippet is updated or deleted the card section is supposed to reload as the doc states: " card-back-section
iframes are reloaded whenever pluginData
is changed on the card via t.set()
.".
The card section iframe is not reloaded though.
Am I missing something?
Best regards.