diff options
Diffstat (limited to 'qooxdoo/source/class/Smokeping/ui/LoadingAnimation.js')
-rw-r--r-- | qooxdoo/source/class/Smokeping/ui/LoadingAnimation.js | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/qooxdoo/source/class/Smokeping/ui/LoadingAnimation.js b/qooxdoo/source/class/Smokeping/ui/LoadingAnimation.js new file mode 100644 index 0000000..c06ccc4 --- /dev/null +++ b/qooxdoo/source/class/Smokeping/ui/LoadingAnimation.js @@ -0,0 +1,52 @@ +/* ************************************************************************ +#module(Smokeping) +************************************************************************ */ + +/** + * The widget showing a detail graph + */ + +qx.Class.define('Smokeping.ui.LoadingAnimation', +{ + extend: qx.ui.layout.CanvasLayout, + + /* + ***************************************************************************** + CONSTRUCTOR + ***************************************************************************** + */ + + /** + * @param graph_url {String} Url to the explorable graph + * + */ + + construct: function () { + this.base(arguments); + this.set({ + width: '100%', + height: '100%' + }); + var plane = new qx.ui.basic.Terminator(); + plane.set({ + width: '100%', + height: '100%', + backgroundColor: '#f0f0f0', + opacity: 1 + }); + this.add(plane); + + var centerbox = new qx.ui.layout.BoxLayout(); + centerbox.set({ + width: '100%', + height: '100%', + horizontalChildrenAlign: 'center', + verticalChildrenAlign: 'middle' + }); + var animation = new qx.ui.basic.Image(qx.io.Alias.getInstance().resolve('SP/image/ajax-loader.gif')); + centerbox.add(animation); + this.add(centerbox); + } +}); + + |