Difference between revisions of "Widget:SpaceAPI"
m (disable default zoom if we have a beacon) |
m (fix widget and map heights) |
||
| Line 126: | Line 126: | ||
} | } | ||
node.style.width = this._width; | node.style.width = this._width; | ||
| + | node.style.width = this._height; | ||
| + | |||
node.style.textAlign = "center"; | node.style.textAlign = "center"; | ||
node.style.BoxShadow = "3px 3px 4px rgba(0,0,0,0.2)"; | node.style.BoxShadow = "3px 3px 4px rgba(0,0,0,0.2)"; | ||
| Line 136: | Line 138: | ||
this._node.style.display = "block"; | this._node.style.display = "block"; | ||
this._node.style.color = "inherit"; | this._node.style.color = "inherit"; | ||
| − | |||
this._node.style.padding = this._padding; | this._node.style.padding = this._padding; | ||
this._node.textContent = this._msgLoading; | this._node.textContent = this._msgLoading; | ||
| Line 146: | Line 147: | ||
var mapNode = node.appendChild( document.createElement( "div" ) ); | var mapNode = node.appendChild( document.createElement( "div" ) ); | ||
mapNode.style.width = "100%"; | mapNode.style.width = "100%"; | ||
| − | mapNode.style.height = " | + | mapNode.style.height = "calc(" + this.height + " - 2em)"; |
srcNode = document.createElement( "link" ); | srcNode = document.createElement( "link" ); | ||
Revision as of 10:47, 2 October 2018
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
|features=beacon
}}
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.
