Difference between revisions of "Widget:SpaceAPI"
(fixed interval magnitude) |
(fixed timer id, added padding parameter) |
||
| Line 32: | Line 32: | ||
if ( typeof SpaceState === "undefined" ) | if ( typeof SpaceState === "undefined" ) | ||
{ | { | ||
| − | window.SpaceState = function( _width, _height, _url, _interval ) | + | window.SpaceState = function( _width, _height, _padding, _url, _interval ) |
{ | { | ||
this._width = _width; | this._width = _width; | ||
this._height = _height; | this._height = _height; | ||
| + | this._padding = _padding; | ||
this._url = _url; | this._url = _url; | ||
this._interval = 1000 * _interval; | this._interval = 1000 * _interval; | ||
| Line 63: | Line 64: | ||
this._intervalId = setInterval( this._fetchSpaceState.bind( this ), this._interval ); | this._intervalId = setInterval( this._fetchSpaceState.bind( this ), this._interval ); | ||
| − | var style = "width:" + this._width + ";height:" + this._height + ";padding: | + | var style = "width:" + this._width + ";height:" + this._height + ";padding:" + this._padding + ";text-align:center;-moz-box-shadow: 3px 3px 4px #000;-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.2);box-shadow: 3px 3px 4px rgba(0,0,0,0.2);"; |
| − | document.write( '<div id="spaceAPI' + this. | + | document.write( '<div id="spaceAPI' + this._intervalId + '" style="' + style + '">' + this._msgLoading + '</div>' ); |
| − | this._node = document.getElementById( "spaceAPI" + this. | + | this._node = document.getElementById( "spaceAPI" + this._intervalId ); |
this._node.style | this._node.style | ||
| Line 144: | Line 145: | ||
} | } | ||
| − | var state = new SpaceState( "<!--{$width|escape:html|default:auto}-->", "<!--{$height|escape:html|default:auto}-->", "<!--{$url|validate:url}-->", <!--{$interval|validate:int|default:0}--> ); | + | var state = new SpaceState( "<!--{$width|escape:html|default:auto}-->", "<!--{$height|escape:html|default:auto}-->", "<!--{$padding|escape:html|default:8px}-->", "<!--{$url|validate:url}-->", <!--{$interval|validate:int|default:0}--> ); |
state.start(); | state.start(); | ||
Revision as of 11:01, 8 August 2015
This widget allows you to display the Space API data (provided as JSON)
Created by Xopr
Using this widget
To insert this widget, use the following code:
{{#widget:SpaceAPI
|url=https://ackspace.nl/spaceAPI
|width=260
|height=20
|interval=20
}}
This will give the following result:
Note that url is mandatory, the rest is optional (leave out interval to make the data static)
Copy to your site
To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:SpaceAPI article.
