diff --git a/static/js/pandora/embedPanel.js b/static/js/pandora/embedPanel.js index 60302c11..1fe08925 100644 --- a/static/js/pandora/embedPanel.js +++ b/static/js/pandora/embedPanel.js @@ -1,5 +1,51 @@ pandora.ui.embedPanel = function() { - var that = Ox.Element().html('Not implemented.'); + + var that, $errorBox, $errorLogo, $errorText; + + if (pandora.user.ui.item) { + + that = Ox.Element().html('OK'); + + } else { + + that = Ox.Element() + .addClass('OxScreen') + .css({ + position: 'absolute', + left: 0, + top: 0, + right: 0, + bottom: 0, + }); + $errorBox = $('
') + .css({ + position: 'absolute', + left: 0, + top: 0, + right: 0, + bottom: 0, + width: '96px', + height: '96px', + padding: '16px', + margin: 'auto' + }) + .appendTo(that); + $errorLogo = $('') + .css({width: '96px', opacity: 0}) + .one({ + load: function() { + $errorLogo.animate({opacity: 1}, 250); + } + }) + .attr({src: '/static/png/logo.png'}) + .appendTo($errorBox); + $errorText = $('
') + .css({marginTop: '4px', fontSize: '9px', textAlign: 'center'}) + .html('This view cannot
be embedded.') + .appendTo($errorBox); + + } + that.display = function() { // fixme: move animation into Ox.App var animate = $('.OxScreen').length == 0; @@ -9,5 +55,7 @@ pandora.ui.embedPanel = function() { animate && pandora.$ui.body.animate({opacity: 1}, 1000); return that; }; + return that; + }; \ No newline at end of file