Difference between revisions of "Widget:SpaceAPI"
m (fixed some styling, prepared beacon) |
m (corrected width and event context) |
||
| Line 79: | Line 79: | ||
this._intervalId = setInterval( this._fetchState.bind( this ), this._interval ); | this._intervalId = setInterval( this._fetchState.bind( this ), this._interval ); | ||
| − | var style = "width:" + this._width | + | var style = "width:" + this._width + ";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);position:relative;"; |
if ( this._float ) | if ( this._float ) | ||
style += "float:" + this._float + ";" | style += "float:" + this._float + ";" | ||
| Line 85: | Line 85: | ||
var node = document.getElementById( "spaceAPI" + this._intervalId ); | var node = document.getElementById( "spaceAPI" + this._intervalId ); | ||
| + | node.style = style; | ||
this._node = node.appendChild( document.createElement( "div" ) ); | this._node = node.appendChild( document.createElement( "div" ) ); | ||
| − | this._node.style = | + | this._node.style.height = this._height + "px"; |
this._node.textContent = this._msgLoading; | this._node.textContent = this._msgLoading; | ||
| Line 124: | Line 125: | ||
this._beacon.marker = L.marker( this._beacon.point, { /*icon: myIcon*/ } ).addTo( this._beacon.map ); | this._beacon.marker = L.marker( this._beacon.point, { /*icon: myIcon*/ } ).addTo( this._beacon.map ); | ||
this._beacon.circle = L.circle( this._beacon.point, 80, { stroke: false } ).addTo( this._beacon.map ); | this._beacon.circle = L.circle( this._beacon.point, 80, { stroke: false } ).addTo( this._beacon.map ); | ||
| − | } ); | + | }.bind( this ) ); |
// Load the script | // Load the script | ||
Revision as of 14:12, 11 May 2016
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=/spaceAPI/
|width=260px
|height=20px
|padding=8px
|interval=20
|float=right
}}
This will give the following result:
Notes
- url is mandatory, the rest is optional (leave out interval to make the data static).
- it also must be written without protocol since colon (:) is not allowed, and may be relative, for example: //ackspace.nl/spaceAPI/ or /spaceAPI/
- You must provide a unit for the sizes (i.e. px, %, etc.)
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.
